Integración con Shopify

Si tu eCommerce está desarrollado en Shopify, podrás sincronizarlo con tu cuenta de Connectif en apenas unos minutos y comenzar a recopilar datos de interacción de tus contactos en la página web.

En este artículo aprenderás cómo instalar y configurar la aplicación de Connectif para Shopify.  

 
Tiempo de implementación: 15 min.
Dificultad: Baja.
¿Cuándo utilizarlo?: Al abrir tu cuenta en Connectif.

 

PASO 1. Instalación de la aplicación 

1. Accede a tu cuenta de Connectif.

2. Accede a Ajustes de Tienda en el menú lateral izquierdo.

3. En la sección Plataformas e-commerce, busca Shopify y haz clic en  Editar.

Shopify_integracio_n_oct_22_-_01.png

4. Haz clic en Instala nuestro módulo desde la tienda de aplicaciones de Shopify para dirigirte a la App Store de Shopify.

Integración con Shopify - 1-min (1).png

5. Haz clic en el botón Instalar aplicación.

Integración

6. Inicia sesión o crea una nueva cuenta.

Integración

 

PASO 2. Activación de la suscripción

  

Una vez instalada la aplicación, será necesario contratar un plan de Connectif. Si estás usando tu prueba gratuita, puedes contratar tu plan más adelante. En ese caso, ve al paso 3 para configurar tu cuenta.

7. Ingresa a tu cuenta de Connectif.

Integración

8. Selecciona la tienda que quieras integrar y configurar. 

Integración

9. Accede al bloque Información General para revisar la información sobre la cuenta de Connectif vinculada a tu instalación de Shopify.

Shopify_integracio_n_oct_22_-_8.png

10. Escoge entre uno de los planes de Connectif disponibles.

Shopify_integracio_n_oct_22_-_9.png

11. (Opcional). Solicita un plan personalizado a Connectif a través del panel Pedir un plan personalizado.

 
Solo es posible tener una solicitud de plan personalizado en cola.

Shopify_integracio_n_oct_22_-_10.png

 

PASO 3. Configuración de la aplicación

3.1. (Opcional). Configuración del envío de la información de tiendas a Connectif

(En este apartado se explican los pasos para configurar las cuentas que recogerán la información de la actividad en las diferentes tiendas. De este modo, Connectif solo registrará la actividad en la cuenta correspondiente cuando un cliente navegue en el idioma y moneda configurados).

12. En el apartado Multi-Store haz clic en Habilitar.

  

Esta configuración es opcional, si quieres que la navegación en cada idioma vaya a una tienda diferente. Si no se configura, Connectif recogerá en la misma cuenta la actividad de todas las tiendas, independientemente del país y moneda que utilicen. 

Integración

13. Selecciona el idioma y moneda en los que quieres registrar la actividad para la cuenta principal y haz clic en Habilitar.

Integración

14. Haz clic en Añadir Tienda para conectar otra cuenta de Connectif con la que hacer el seguimiento de la tienda en otro idioma y/o moneda.

 

La adición de otras tiendas es opcional, pero deberás realizarla para poder trackear la actividad de las mismas en la cuenta de Connectif correspondiente. Puedes repetir el proceso tantas veces como tiendas desees vincular.

Integración

15. Introduce usuario y contraseña de la cuenta de Connectif que vaya a trackear la segunda tienda.

16. Selecciona la tienda que vayas a vincular con esa cuenta.

Integración

17. Selecciona el idioma y moneda en los que quieres registrar la actividad para la cuenta secundaria y haz clic en Añadir.

Integración

 

3.2. Configuración de la sincronización 

(En este apartado se explican los pasos mínimos necesarios para sincronizar Shopify y Connectif y comenzar a recopilar datos de interacción de los contactos en la web en tiempo real).

18. En "Ajustes > Seguimiento", activa el selector Connectif tracking para que se incluya el script de Connectif en tu página web.

Shopify_integracio_n_oct_22_-_11.png

19. Haz clic en Guardar cambios.

Shopify_integracio_n_oct_22_-_12.png

  

Activar el Seguimiento recoge los datos de tráfico y navegación, pero no recoge información de contactos, compras, productos visitados, etc. Para obtener esa información debe habilitarse la Extensión del tema.

20. Haz clic en el botón Configurar extensión del tema.

Shopify_integracio_n_oct_22_-_13.png

21. Selecciona el tema que tengas activo (el que está marcado como "main") y haz clic en Configurar extensión del tema.

Shopify_integracio_n_oct_22_-_14.png

22. En el Editor del tema, haz clic en Guardar para habilitar la Extensión del tema en tu cuenta.

Shopify_integracio_n_oct_22_-_15.png

 

3.3. Configuración para recibir información de productos 

(En este apartado se explican las opciones de configuración del módulo de Connectif para recoger información sobre productos).

23. En "Ajustes > Producto", marca o desmarca el checkbox Usar variantes de producto para recoger en carritos y compras las variantes de producto (talla, color, etc.).

24. Escoge entre recoger el ID interno de Shopify del producto o el SKU marcando una de las dos opciones del selector.

  El ID de Shopify se asigna automáticamente, mientras que el SKU se debe indicar en el momento de crear tus productos.

Shopify_integracio_n_oct_22_-_16.png

25. Haz clic en Guardar cambios.

 

3.4. Configuración para notificar compras 

(En este apartado se explican las opciones de configuración del módulo de Connectif para recoger información sobre compras).

 

Los ajustes sobre compras solo pueden hacerse cuando el tracking está deshabilitado, por lo que para poder cambiar esta configuración debe ser deshabilitado momentáneamente (paso 3.2.).

26. En "Ajustes > Compras", escoge entre notificar las compras online u offline. Por defecto Connectif recogerá las compras online.

 

¿Qué diferencia hay entre Usar las compras online Usar compras offline?
- Al Usar las compras online se registrará la compra inmediatamente después de que el usuario haya visitado la página de checkout, usando la etiqueta de la Extensión del tema.
- Al Usar las compras offline se registrará la compra en Connectif de forma asíncrona en cualquier momento posterior a la compra (no inmediatamente).

Shopify_integracio_n_oct_22_-_17-min.png

 

Además de configurar las notificaciones de compras en Shopify, deberás implementar el snippet de seguimiento en tu tienda. Aprende cómo hacerlo en este artículo.

3.5. Configuraciones de la Extensión del tema

(En este apartado se explica qué configuraciones se pueden ajustar en el editor de Extensión del tema y cómo realizarlas).

 

La Extensión del tema y la configuración del módulo de Connectif son plataformas diferentes, por lo que se debe verificar que ambas configuraciones coincidan y, en caso contrario, realizar los ajustes necesarios.

27. Haz clic en el botón Configurar Extensión de tema.

Shopify_integracio_n_oct_22_-_11-min.png

28. En "Configuración del carrito", verifica que la opción Usar variantes de producto coincida con la que has seleccionado en el paso 3.3.

Shopify_integracio_n_oct_22_-_18.png

29. En "Ajustes de producto > ID de Producto", confirma que la información de producto configurada sea la misma que has seleccionado en el paso 3.3.

Shopify_integracio_n_oct_22_-_19.png

30. En "Ajustes de producto", elige el tamaño de la imagen de producto que se mostrará en Connectif (en píxeles).

Shopify_integracio_n_oct_22_-_20.png

31. En "Etiquetas personalizadas", inserta los campos personalizados creados en Connectif mediante código Liquid.

Shopify_integracio_n_oct_22_-_27__1_-min.png

 

3.6. (Opcional). Creación de campos personalizados de Productos y Clientes en Shopify

(En este apartado se explica cómo crear campos personalizados de Productos y Clientes en Shopify y sincronizarlos con los de Connectif).

32. Dirígete al Panel de Administrador de tu tienda de Shopify y haz clic en Settings.

Shopify_integracio_n_oct_22_-_21.png

 

En nuestro ejemplo, se ilustra cómo crear una etiqueta personalizada de producto, llamada "Example".

33. Ve a Metacampos y selecciona la parte de la tienda donde quieres añadir el nuevo campo personalizado.

Shopify_integracio_n_oct_22_-_28.png

 

En nuestro ejemplo, se añade un campo para Productos.

34. Añade un nuevo metacampo cumplimentando el Nombre y la Descripción.

35. Selecciona un Tipo de Campo.

36. Marca el checkbox que permite conectar este campo vía API.

Shopify_integracio_n_oct_22_-_23.png

 

En nuestro ejemplo, se crea un campo de tipo línea de texto.

37. Haz clic en Guardar.

Shopify_integracio_n_oct_22_-_24.png

38. Copia el nombre del metacampo para incluirlo en el Editor del tema.

Shopify_integracio_n_oct_22_-_25.png
 

En nuestro ejemplo, se copia el metacampo de Producto creado (product.metafields.custom.example).

39. Añade el metacampo copiado en el siguiente fragmento de código:

<span class="custom_meta">{{ product.metafields.custom.example }}</span>

 

40. Copia el fragmento de código resultante en el apartado Etiquetas personalizadas del Editor del tema.

Shopify_integracio_n_oct_22_-_26.png
 

En nuestro ejemplo, se muestra como se incluye el código del metacampo para Producto creado.

41. Haz clic en Guardar.

Shopify_integracio_n_oct_22_-_29-min.png

 

 

¡Éxito!
Tu instalación de la aplicación de Connectif para Shopify ya está lista.

  

Puedes asegurarte de que has realizado correctamente la integración siguiendo los pasos de este artículo.

 


Preguntas frecuentes

1. Todavía no tengo un plan de Connectif activo y quiero contratarlo

(En este apartado se explica qué hacer en el caso de que no se disponga de un plan de Connectif y se quiera contratar a través de Shopify).

  • En ese caso, sigue las indicaciones de Paso 2.

2. Ya tengo un plan de Connectif pero quiero pagarlo a través de Shopify

(En este apartado se explica qué hacer en el caso de que ya se disponga de un plan de Connectif que no se esté facturando a través de Shopify y se quiera cambiar para pagarlo mediante la herramienta.)

  • En tu cuenta de Shopify, dirígete al panel de control del módulo de Connectif y, en Plan, haz clic en el botón Contratar.

Shopify_integracio_n_oct_22_-_30.png

 

  • Una vez revisadas y aceptadas las condiciones, elige y acepta el método de pago.

Shopify_integracio_n_oct_22_-_31.png

 

3. Tengo que empezar a pagar el plan asignado

(En este apartado se explica qué hacer en el caso de que ya se tenga asignado el plan a contratar y se vaya a empezar a pagar a través de Shopify).

  • En tu cuenta de Shopify, dirígete al panel de control del módulo de Connectif y, en Plan, haz clic en el botón Contratar.

Shopify_integracio_n_oct_22_-_30.png

 

  • Una vez revisadas y aceptadas las condiciones, elige y acepta el método de pago.

Shopify_integracio_n_oct_22_-_31.png

 


¡Sigue aprendiendo!

Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0