Ir al contenido principal
Todas las coleccionesTutoriales paso a paso
Integración E-Commerce: Wordpress + WooCommerce
Integración E-Commerce: Wordpress + WooCommerce
Actualizado hace más de 2 meses

En este tutorial podrás encontrar información sobre como montar una landing en WordPress e integrarla con las formaciones montadas en go4clic.

Para realizar la integración, se necesitará WooCommerce. WooCommerce es un plugin de WordPress que permite gestionar múltiples flujos de pagos online (e-commerce) como compras con pago único, carrito de compras, etc.

Requisitos previos

  • Debes tener montado un WordPress. Desde aquí tus clientes compraran tus formaciones y luego podrán ingresar al contenido construido en go4clic

  • Debe instalar WooCommerce en tu WordPress para gestionar el e-commerce de formaciones

1. Integración: conector

Una vez que tengas montado un WordPress con WooCommerce, deberás realizar la integración con go4clic. Para lograr esto, se necesitará una plataforma que actúe como conexión de la integración de forma tal que no se requieran desarrollos a medida.

Estas herramientas son:

Pabbly Connect

Para comenzar a realizar la integración vía Pabbly Connect, primero deberemos crear una cuenta.

Esta plataforma se encuentra vinculada con Go4Clic para conectar miles de aplicaciones con nuestra api. Puedes ver todos los servicios disponibles para integrar, o directamente ir a la integración con WooCommerce

Una vez dentro de Pabbly Connect, vamos a crear un nuevo Workflow

Le brindamos un nombre que permita reconocerlo en el futuro

Aquí ya dentro del workflow, lo primero que haremos será conectar con WooCommerce. Para ello, eligieremos la app WooCommerce y luego debemos configurar el campo Trigger Event con el valor Order Updated o New Order Created

Una vez elegido, nos brindara un "Webhook URL" que deberemos copiar y guardar para utilizar en el próximo paso

Dentro de WooCommerce, vamos a la sección de Configuración > Avanzado > Webhooks y completaremos los siguientes datos:

  • Nombre: Nombre representativo de la integración

  • Estado: Activo

  • Tipo: Orden actualizada

  • Delivery URL: El link del webhook copiado del paso anterior

  • Secret: Aquí no debemos ingresar ningún dato, ya que será autocompletado

  • API Versions: WP REST API Integracion v3

Guardamos los datos y volvemos a Pabbly

Como próximo paso, agregaremos un bloque condicional para separar los siguientes caminos:

  1. Cuando el usuario realiza la compra de una formación

  2. Cuando se le da baja a su membresía activa a la formación

Aclaración: Para ambos caminos se utilizan los mismos bloques, lo único que cambiara será el dato del "Status" filtrado de la información recibida de WooCommerce

Dentro de uno de los caminos, agregaremos el bloque de Filtro ("Filter by Pabbly"), para que realice un filtro según el Status. En este primer caso, para aquellos que sean completados

Tener en cuenta que segun el valor del campo status de la orden se pueden aplicar diferentes flujos.

Luego del filtrado de las ordenes completadas, agregaremos un iterador, para el caso de que haya mas de un producto en el mismo webhook enviado por WooCommerce. Haremos una iteración en el ítem "Line items" recibido.

Como ultimo paso del camino, agregaremos la integración con Go4Clic, que enrolara al usuario una vez recolectada y filtrada la información enviada por WooCommerce.

Tener en cuenta que segun el campo state de la solicitud a go4clic, puede agregar o eliminar inscripciones al curso.

Esto puede ser repetido en el camino de cancelación de membresía en caso de que aplique a cada empresa.

Zapier

Zappier requiere un plugin de pago instalado dentro del WordPress, por lo que si quieres realizar la integración, puedes guiarte por la siguiente estructura

Albato

2. Integración: WooCommerce > go4clic

Luego de configurar el workflow del conector, deberás seguir los siguientes pasos para conectar un producto de WooCommerce con una formación en Go4Clic.

  1. Lo primero que debemos hacer es crear curso en Go4Clic y extraer el ID desde la URL. Lo encontraras dentro de la barra de navegación y siempre será en formato numérico. En este caso de ejemplo es: 5246


  2. Luego debemos crear o editar un producto en WooCommerce y copiar el ID del paso anterior en el campo SKU del producto. De esta manera ambas plataformas estarán vinculadas.​

  3. ¡Listo! La integración esta lista.

  4. Para probar que todo funcione bien, debemos realizar una prueba con un pedido y un usuario ficticios para testear la conexión.

    TODO: mostrar flujo de compra en WooCommerce + ingreso del usuario en go4clic desde la llegada el email de bienvenida

IMPORTANTE: ten en cuenta que la integración con WooCommerce puede ser desactivada automaticamente si se detecta un error al ejecutar la solicitud.

IMPORTANTE: WordPress es un servicio Open-Source y externo a Go4Clic, por lo que esta integración puede tener cambios imprevistos en el futuro. También tendrá costos adicionales de hosting y dominio para la creación de la web.

NOTA: recuerda que si necesitas ayuda podes coordinar una reunión de 30' con nuestro equipo de soporte.

----------------------------------------------------------

TODO: explicacion de como integrar paquete de formaciones desde WooCommerce 

----------------------------------------------------------

  • Opcion 1 - coordinar una reunión de 30' con soporte Go4Clic para la gestión.

  • Opción 2 - Integración automática: en caso de que prefieras una integración mas simple, puedes crear un usuario administrador del WordPress, con acceso a la configuración de WooCommerce y compartirlo con soporte Go4Clic. Nosotros nos encargamos del resto.

CASOS DE USO compra one shoot (carrito de compras):
- Producto simple -> Simple product (flujo actual)
- Opciones para comprar paquete/grupo de productos:
- Compra one shoot de un grupo de productos -> Grouped product de WooCommerce
- Compra one shoot de un bundle product -> a traves de plugin Ploduct Bundles

¿Ha quedado contestada tu pregunta?