Agrega un botón a tus contenidos web de Connectif, con el que tus contactos puedan añadir un producto a su carrito de forma directa sin necesidad de visitar la página de dicho producto para facilitar a los contactos realizar compras en el eCommerce.
En este artículo, aprenderás cómo añadir un botón de “Añadir al carrito” en tus contenidos web de Connectif.
Para insertar un botón de “Añadir al carrito” a tu web, necesitarás de un experto con conocimientos en programación que te ayude en ciertos pasos.
Tiempo de implementación: Variable en función del equipo técnico.
Dificultad: Difícil
¿Cuándo utilizarlo?: Cuando quieras insertar un botón de "Añadir al carrito" en tus contenidos web.
Antes de empezar: requisitos previos
- Tu equipo de IT deberá crear una URL (de llamada a tu backoffice) cuya utilidad sea la de introducir el producto en el carrito.
- Dicha URL debe incluir el fragmento {{idproducto}}.
El fragmento {{idproducto}}, con formato de Variable en Connectif, hace referencia al producto que debe ser introducido al carrito, identificado mediante su ID. De este modo, la URL enviará a tu backoffice una petición para añadir un producto al carrito en base a su ID.
- Una vez creada, la URL tendría un aspecto similar a este: https://www.ejemplo.com/add-product/{{idproducto}}
PASO 1: Creación del Contenido Web
1. En tu Tienda de Connectif, dirígete a “Contenidos > Contenido Web” y haz clic en Crear nuevo contenido web.
2. Selecciona el tipo de Contenido Web adecuado para tu estrategia.
3. Diseña tu contenido y añade los elementos que desees.
Si necesitas más información sobre cómo editar tu Contenido Web, puedes encontrarla en este artículo.
4. Añade a tu contenido un elemento Productos.
5. Accede a la configuración del elemento Productos.
6. Selecciona la plantilla “Producto con precio”.
7. En la sección Personalizar la plantilla para este contenido, haz clic sobre “{{buttonText}}”. Una vez sobre este apartado, haz clic en “Más opciones > Insertar/Editar enlace”.
8. En el área URL introduce la URL creada y haz clic en Guardar.
9. Una vez configurado tu Contenido Web, haz clic en ✔ Guardar.
PASO 2: Creación del workflow que mostrará el Contenido Web
10. Dirígete a Workflows y haz clic Crear nuevo workflow.
11. Haz clic en la configuración del nodo "Inicio" y en Selección de la fuente de datos, selecciona como público a los contactos existentes y nuevos de tu lista.
12. Haz clic en Aplicar.
13. Busca el nodo de tipo Disparador adecuado a tu estrategia, que indique a Connectif cuándo debe mostrarse el contenido.
14. Añádelo a tu workflow y configúralo.
En nuestro ejemplo, añadiremos un nodo “Al visitar página web”, y lo configuraremos para que el contenido se muestre a todos los usuarios que visiten nuestra página web.
15. En la pestaña Limitaciones, desactiva la limitación Desactivar tras dispararse.
16. Haz clic en Aplicar.
17. Conecta al nodo “Al visitar página web”, el nodo “Obtener productos”.
18. Dentro de la configuración del nodo, selecciona el Caso de Uso para configurar qué productos deberá obtener Connectif y que después se mostrarán en el contenido.
En nuestro ejemplo usaremos el caso de uso “Productos más visitados”.
19. Conecta al nodo “Obtener productos”, un nodo de tipo Acción “Enviar contenido web”.
20. Accede a la configuración del nodo “Enviar contenido web” y selecciona el contenido que acabas de crear.
21. Dentro de la configuración del nodo, asigna cada campo del producto (columna izquierda) a la variable correspondiente (columna derecha), tal como se ve en la imagen.
22. En pestaña Limitaciones, desactiva la casilla marcada por defecto Límite por contacto, para que el contenido con el botón de "Añadir al carrito" pueda ser mostrado a los contactos más de una vez.
Al asociar el valor ID externa de producto a la variable {{idproducto}}, se logra que la URL de cada botón "Añadir al carrito" redirija a su artículo correspondiente dentro de la cesta.
23. Haz clic en Aplicar.
24. Guarda y activa el workflow.
¡Éxito!
El botón “Añadir al carrito” en tu Contenido Web ya está listo.
¡Sigue aprendiendo!
Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:
- Recomendador de productos para clientes indecisos, para mostrar productos relacionados a los productos que ha visitado.
- Recuperación del carrito antes del abandono para anónimos, para mostrar un popup de carrito antes de que se abandone la web.
- Funnel de recuperación de carrito abandonado, para enviar una secuencia de emails al abandonar un carrito abandonado.
- Crear bloque de productos personalizados en un contenido web, para mostrar a tus clientes productos de su interés.