Si tu eCommerce está desarrollado en VTEX IO, podrás sincronizarlo con tu cuenta de Connectif en 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 integrar tu tienda VTEX IO con Connectif.
Dificultad: Baja.
¿Cuándo utilizarlo?: Al abrir tu cuenta en Connectif.
Paso 1. Descarga de la aplicación
- Accede al siguiente enlace: Connectif en VTEX App Store.
- Haz clic en el botón Obtener App en la parte superior derecha.
- Haz login en VTEX IO.
- Confirma el pedido siguiendo las instrucciones de VTEX.
- Haz clic en Finalizar compra.
Paso 2. Instalación del módulo
- Pulsa el botón Ir a la página de instalación.
- En la siguiente pantalla, revisa los permisos necesarios del módulo de Connectif y haz clic en Instalar.
Paso 3. Activación de la App de VTEX
a. Requisitos previos
(En este apartado se van a explicar los pasos para crear una Clave de aplicación, necesaria para poder realizar la activación del VTEX App de Connectif.)
- En tu cuenta VTEX, dirígete a "Configuración de la cuenta > Configuración de la cuenta > Roles de usuario" y haz clic en Nuevo Rol.
- Asigna los siguientes permisos al rol:
- Product Catalog > Content, Admin, Marketing, Configuration, Commercial, Miscellaneous, Reports, Marketplace, Collection.
- Product License Manager > Services Access Control > Get account by identifier.
- Product Checkout > CheckoutResources.
- Product OMS > OMS Acccess > Change order workflow status , Notify payment, Notify invoice, View order, Notify refund, Order feed subscription, View store sales stats, List Orders.
- Product Master Data > Generic resources, Application, Comment, Customized Search, Form, Import.
- Product Dynamic Storage > Dynamic storage generic resources > Read only documents, Master Data administrator, Full access to all documents.
- Product Dynamic Storage > Data entity > List data entity, Create data entity, Edit schema, View data entity details, Publish index.
- Accede a "Configuración de la cuenta > Configuración de la cuenta > Claves de aplicación" y haz clic en Agregar.
- En el panel de creación de la nueva Clave de aplicación, haz clic en Agregar roles.
- Asigna el nuevo rol configurado para Connectif.
- Haz clic en Guardar.
b. Activación de la aplicación
(En este apartado se van a indicar los datos identificativos de la cuenta para activar en VTEX IO la aplicación de Connectif.)
- Accede a tu cuenta de Connectif y, en los ajustes de Tienda, en "Integraciones > Plataformas de e-commerce", haz clic en Editar sobre VTEX.
- Copia el ID de Cliente y la Clave Secreta.
- Dirígete a tu cuenta de VTEX IO y entra en "Apps instaladas > Connectif > Configuración".
- Rellena los campos con la siguiente información:
- Client ID: añade el valor de Identificador de cliente de tu cuenta de Connectif, disponible en "Ajustes de Tienda > Plataformas e-commerce > VTEX".
- Private key: añade el valor de Clave secreta de tu cuenta de Connectif, disponible en "Ajustes de tienda > Plataformas e-commerce > VTEX".
- VTEX Key y VTEX Token: añade los valores correspondientes obtenidos en Application Keys para el rol de Connectif.
- (Opcional) Selecciona los canales de venta con los que te interese que Connectif sincronice las compras. Por defecto se registrarán todas las compras.
- Haz clic en Activar para guardar los cambios.
c. Verificación de la integración
(En este apartado se va a revisar la configuración de la URL de la tienda en Connectif.)
- Dirígete a tu cuenta de Connectif.
- En los ajustes de Tienda, ve a "Integraciones > Plataformas e-commerce" y, en VTEX IO, haz clic en Editar.
- Revisa que el Dominio de la Tienda se corresponde con un dominio público y accesible de tu web.
- En los ajustes de Tienda, dirígete a "Canales > Notificaciones Web Push".
- Modifica la URL del ServiceWorker para que corresponda con un dominio público y accesible de tu tienda.
Paso 4. Configuración de Connectif en la página de Checkout
(En este apartado se describe cómo configurar el seguimiento web en VTEX IO.)
- Accede a la configuración de tu tienda VTEX, en "Apps instaladas > Connectif", y copia el fragmento de código de Checkout código personalizado.
- Accede a "Configuración de la tienda > Checkout" y haz clic en (Editar).
- Dirígete a la pestaña Código y modifica el fichero checkout6-custom.js, añadiendo el código copiado:
Preguntas frecuentes
1. 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 VTEX IO, se envía a Connectif una URL de Recuperación de Carrito, 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.
-
Workflows iniciales, para implementar tus primeras estrategias en la cuenta.
-
Integraciones con sistemas externos, para integrarte con Facebook, formularios y webhooks de tu web.
-
Eventos que consumen Actividades, para comprender mejor el consumo de tu cuenta.