En este artículo vemos, paso a paso, cómo configurar el seguimiento web de Connectif en una tienda VTEX IO.
Pre-requisitos
Para poder realizar la activación del VTEX app de Connectif es necesario tener creada previamente un API KEY.
Estos datos se encuentran en VTEX en el siguiente apartado de administración de la tienda: Admin > Account Management > Account.
Activación del app de VTEX
Para realizar la activación debe acceder en su tienda a Admin > Other > Connectif > Settings.
Es posible encontrar el ID de cliente y la Clave privada en su cuenta de Connectif. Para ello, nos dirigimos a Integraciones y seleccionamos Editar en el apartado de VTEX.
Para proceder a la activación, es necesario rellenar el API key previamente creado en VTEX, donde VTEX Key es el nombre de su key y VTEX token se corresponde con el Access key.
Por ultimo, opcionalmente, podemos seleccionar los canales de venta los cuales queremos que Connectif sincronice las compras, por defecto si no se selecciona ninguno se registraran todas las compras, si queremos que las compras de alguno de los canales de venta no sean registradas por Connectif, debemos seleccionar los canales que SI queremos registre Connectif.
Una vez rellenos todos los datos, pulsamos el botón Activar. Si las credenciales son correctas, Connectif activará la integración y comenzará a recolectar toda la información.
Verificación de la integración
Una vez activada la integración, debemos revisar la configuración de la URL de nuestra tienda. Para ello, revisa estos dos puntos:
- En la integración VTEX
- En la integración Web dentro del apartado Notificaciones push.
En ambos puntos debemos verificar que el dominio corresponde con un dominio publico y accesible de nuestra tienda, en caso contrario se debe cambiar para que coincida con el dominio real.
Para verificar que Connectif ya esté instalado y esté realizando el seguimiento en tu tienda VTEX IO, navega por la web. En Connectif, en el apartado Contactos, verás nuevos contactos creados con actividades de visita web.
Para hacer un análisis más exhaustivo, sigue los pasos de esta guía.
¡Enhorabuena! Ya tienes configurado el seguimiento web en tu tienda VTEX IO.
Configuración de Connectif en la página de Checkout
VTEX IO tiene una sección de Checkout separada del resto de la tienda VTEX. Para que Connectif pueda hacer el seguimiento web y mostrar contenidos durante el proceso de Checkout es necesario que se añada manualmente un trozo de código desde el backoffice a la sección de checkout.
Una vez activada la integración de Connectif en tu tienda verás un trozo de código que puedes copiar:
Una vez copiado este trozo de código, accede a su configuración en Store setup > Checkout > Settings.
Ahora, accede a la pestaña code y modifica el fichero checkout6-custom.js. En él, añade el código copiado:
Una vez realizados estos cambios Connectif, comenzará a mostrar contenidos y realizar seguimiento web en las paginas de checkout de la tienda.