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.
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.
4. Haz clic en Instala nuestro módulo desde la tienda de aplicaciones de Shopify para dirigirte a la App Store de Shopify.
5. Haz clic en el botón Instalar aplicación.
6. Inicia sesión o crea una nueva cuenta.
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.
8. Selecciona la tienda que quieras integrar y configurar.
9. Accede al bloque Información General para revisar la información sobre la cuenta de Connectif vinculada a tu instalación de Shopify.
10. Escoge entre uno de los planes de Connectif disponibles.
11. (Opcional). Solicita un plan personalizado a Connectif a través del panel Pedir un plan personalizado.
PASO 3. Configuración de la aplicación
3.1. Configuración de diferentes tiendas, monedas, idiomas y/o markets (Shopify Markets)
(En este apartado se explican los pasos para configurar cómo recoger la información de la actividad en las diferentes tiendas de Shopify. De este modo, Connectif solo registrará la actividad en la cuenta correspondiente cuando un cliente navegue en el idioma, moneda y/o markets configurados).
12. En el apartado Multi tienda haz clic en Habilitar.
Esta configuración es opcional en caso de que quieras que la actividad de los contactos vaya a una tienda de Connectif diferente dependiendo del idioma, moneda y/o market donde naveguen. Si no se configura, Connectif recogerá en la misma cuenta toda la actividad, independientemente del país y moneda que utilice el contacto.
13. Selecciona el idioma y moneda en los que quieres registrar la actividad para la cuenta principal y haz clic en Habilitar.
De esta forma, Connectif recogerá en una sola cuenta todos los mercados que compartan idioma y moneda.
14. (Opcional). Para limitar el tracking a solo un mercado, haz clic en el desplegable Mercado. Este setting mostrará un listado de URLs (de los Markets) disponibles para el idioma y moneda seleccionados en el punto 13.
15. Selecciona la URL de la que quieras aplicar el tracking en este caso.
Si no se selecciona mercado, esa Tienda de Connectif recogerá la actividad de todos los mercados con ese idioma/moneda, si se selecciona uno, solo aplicará a ese.
16. Haz clic en Habilitar para guardar la configuración.
17. (Opcional). Para conectar otra cuenta de Connectif para hacer el seguimiento en otro idioma, moneda y/o mercado, haz clic en Añadir Tienda de Connectif.
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.
18. Introduce tu usuario y contraseña de Connectif.
19. Selecciona la Tienda que vaya a trackear la actividad de tu eCommerce en ese otro idioma/moneda/mercado.
20. Selecciona el idioma y moneda en los que quieres registrar la actividad para la cuenta secundaria y haz clic en Añadir.
3.2. Activación y 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).
21. En "Ajustes > Seguimiento", activa el selector Connectif tracking para que se incluya el script de Connectif en tu página web.
22. Haz clic en Guardar cambios.
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.
23. Haz clic en el botón Configurar extensión del tema.
24. Selecciona el tema que tengas activo (el que está marcado como "Current") y haz clic en Configurar extensión del tema.
25. En el Editor del tema, haz clic en Guardar para habilitar la Extensión del tema en tu cuenta.
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).
26. 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.).
27. Escoge entre recoger el ID interno de Shopify del producto o el SKU marcando una de las dos opciones del selector.
28. Marca la casilla Actualizar productos en tiempo real para actualizar los productos en Connectif de manera inmediata cuando se aplique un cambio sobre el producto desde el panel de Shopify.
Cuando se usa esta funcionalidad hay que tener en cuenta cuenta algunos puntos al respecto de como y que datos se actualizan en Connectif:
- Los campos personalizados de producto que se estén sincronizando por otros medios (etiquetas de producto visitado mediante la extensión de tema) quedan excluidos en este método de actualización.
- Mediante este mecanismo se recogerá el tamaño original de las imágenes de los productos.
- En la integración de Shopify con Connectif se almacenan las Colecciones de Shopify como Categorías de producto en Connectif. La modificación del nombre de estas colecciones o la pertenencia del producto a las mismas está excluido de ser actualizado en Connectif con este mecanismo.
- El borrado de productos en Shopify no actualizará el estado de stock ni borrará los productos en Connectif al usar este mecanismo.
29. 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).
30. En "Ajustes > Compras", escoge, en el desplegable Estado de pago de las compras, el/los estado/s que se deben tener los pedidos para que se registren como Compras en Connectif. De este modo, cuando un pedido se encuentre en uno de los estados seleccionados, Shopify notificará a Connectif de la compra y esta quedará registrada en tu Tienda.
3.5. Ajustar las 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.
31. Haz clic en el botón Configurar Extensión de tema.
32. 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.
33. 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.
34. En "Ajustes de producto", elige el tamaño de la imagen de producto que se mostrará en Connectif (en píxeles).
35. En "Etiquetas personalizadas", inserta los campos personalizados creados en Connectif mediante código Liquid, tal como se explica en el paso 3.7.
3.6. Configuración para crear al contacto en Shopify
(En este apartado se explica la opción de configuración del módulo de Connectif para crear al contacto en Shopify).
36. En el apartado Contacto, habilita, si lo deseas, la opción para que Connectif cree al contacto en Shopify. Esta opción creará el contacto en tu Shopify, pero no le va a crear una cuenta o enviar una invitación para crear una cuenta.
Por ejemplo, si un contacto se crea en Connectif mediante un formulario de suscripción a newsletter, dicho contacto se creará también en Shopify pero, como se ha indicado, sin cuenta.
3.7. 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. Si necesitas más información sobre cómo crear estos campos, accede a la documentación oficial de Shopify).
37. Dirígete al Panel de Administrador de tu tienda de Shopify y haz clic en Configuración.
En nuestro ejemplo, se ilustra cómo crear una etiqueta personalizada de producto, llamada "Example", el proceso sería el mismo para los campos personalizados de producto.
38. Ve a Datos Personalizados y selecciona la parte de la tienda donde quieres añadir el nuevo campo personalizado.
En nuestro ejemplo, se añade un campo para Productos. Para crear un campo de contacto, deberías hacer clic en Clientes y seguir los mismos pasos.
39. Añade un nuevo metacampo cumplimentando el Nombre y la Descripción.
40. Selecciona un Tipo de Campo.
En nuestro ejemplo, se crea un campo de tipo línea de texto.
41. Asegúrate que en las Opciones, el Acceso a tiendas online tenga permisos para Leer.
42. Haz clic en Guardar.
43. Copia el nombre del metacampo para incluirlo en el Editor del tema.
En nuestro ejemplo, se copia el metacampo de Producto creado (product.metafields.custom.example).
44. Añade el metacampo copiado en el siguiente fragmento de código:
<span class="custom_meta">{{ product.metafields.custom.example }}</span>
45. Copia el fragmento de código resultante en el apartado Etiquetas personalizadas del Editor del tema.
En nuestro ejemplo, se muestra como se incluye el código del metacampo para Producto creado. En el caso de campos de contacto, deberías añadirlo en el área de Contacto.
46. Haz clic en Guardar.
¡É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.
- Una vez revisadas y aceptadas las condiciones, elige y acepta el método de pago.
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.
- Una vez revisadas y aceptadas las condiciones, elige y acepta el método de pago.
4. Cómo recuperar carritos abandonados con la URL de Recuperación de Carrito
(En este apartado se explica cómo funciona la URL de Recuperación de Carrito para obtener los ítems asociados a un carrito concreto).
A través de la integración con Shopify, se envía a Connectif una URL de Recuperación de Carrito (Cart recovery url), es decir un enlace para recuperar los artículos relacionados a ese carrito y que puede utilizarse en workflows y contenidos.
Para obtener la URL de recuperación de carrito a través de un workflow, debe hacerse por medio del nodo "Obtener último carrito" y "Al abandonar carrito", posteriormente, mapearse en las variables del contenido a mostrar o enviar.
- Aprende cómo funciona esta URL en los diferentes CMS y cómo utilizarla en este artículo.
¡Sigue aprendiendo!
Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:
-
Onboarding, para adquirir destreza con nuestra interfaz.
-
Seguimiento de compras con el snippet de Shopify, para aprender cómo añadir la etiqueta de compras.
-
Integraciones con sistemas externos, para integrarte con Facebook, formularios y webhooks de tu web.
-
Integraciones vía API, para administrar eventos como registros de compras o altas de contactos.