Los envíos gratuitos son una estrategia muy apreciada por los clientes. Mostrándoles el importe que les queda para alcanzar el envío gratuito, conseguirás incrementar el ticket medio de tu eCommerce y reducir el abandono de carritos.
En este artículo aprenderás cómo crear una floating bar con el importe restante para el envío gratuito.
Funcionamiento
En este workflow, vamos a configurar un contenido web de tipo floating bar que, cuando el contacto añada un producto al carrito, aparezca en cualquier página y muestre el importe restante para el envío gratuito.
Configuración del workflow
PASO 1. Nodo "Inicio"
(En este nodo se va a establecer la audiencia a la que va a ir dirigida la acción).
1. Haz clic en (Editar configuración del nodo) del nodo “Inicio”.
2. En Selecciona una restricción, marca "Toda mi lista".
3. En Selecciona la fuente de datos, marca "Todos los existentes y los nuevos".
4. Haz clic en Actualizar.
PASO 2. Nodo “Al visitar página”
(En este nodo se va a detectar a los contactos que visiten cualquier página).
5. Haz clic en (Editar configuración del nodo) del nodo “Al visitar página”.
6. Haz clic en Limitaciones y desactiva la casilla "Desactivar tras dispararse".
7. Haz clic en Actualizar.
PASO 3. Nodo “Obtener último carrito”
(En este nodo se va a obtener el último carrito activo del contacto).
8. Haz clic en (Editar configuración del nodo) del nodo “Obtener último carrito”.
9. En Selecciona el estado del carrito, escoge la opción “Activo” del desplegable.
10. Haz clic en Actualizar.
PASO 4. Primer nodo “Comprobar valor”
(Este nodo comprueba si el tamaño de la lista obtenida de productos recomendados es mayor que 0).
11. Haz clic en (Editar configuración del nodo) del nodo “Comprobar valor”.
12. Arrastra el campo "Precio total" de "Obtener último carrito" hacia el bloque de la izquierda.
13. En Operador, selecciona "Es mayor que".
14. Arrastra el campo "Literal" al bloque de la derecha y establece un "0".
15. Haz clic en Actualizar.
PASO 5. Primer nodo “Establecer campo”
(En este nodo se va establecer en el campo personalizado creado el valor del pedido mínimo).
16. En la unión de este nodo con el anterior, haz clic en el círculo hasta que aparezca "Sí".
17. Haz clic en (Editar configuración del nodo) del nodo “Establecer campo”.
18. Arrastra el campo "Literal" hacia el bloque de la izquierda y establece el valor del pedido mínimo en él. En este caso, un valor de "50".
19. En Operador, selecciona "Asignar".
20. Haz clic en Actualizar.
PASO 6. Segundo nodo “Establecer campo”
(En este nodo se va establecer en el campo personalizado creado el valor del pedido mínimo).
21. Haz clic en (Editar configuración del nodo) del nodo “Establecer campo”.
22. Arrastra el campo "Precio total" de "Obtener último carrito" hacia el bloque de la izquierda.
23. En Operador, selecciona "Restar" para restar el precio total del carrito actual al valor del pedido mínimo.
24. Haz clic en Actualizar.
PASO 7. Segundo nodo “Comprobar valor”
(Este nodo comprueba si el valor de pedido mínimo es mayor que 0).
25. Haz clic en (Editar configuración del nodo) del nodo “Comprobar valor”.
26. Arrastra el campo "Valor del pedido mínimo" de "Contacto" hacia el bloque de la izquierda.
27. En Operador, selecciona "Es mayor que".
28. Arrastra el campo "Literal" al bloque de la derecha y establece un "0".
29. Haz clic en Actualizar.
PASO 8. Nodo "Enviar contenido web: floating bar"
(En este nodo se va a enviar una floating bar con el precio de carrito restante para lograr el envío gratis de los productos).
30. En la unión de este nodo con el anterior, haz clic en el círculo hasta que aparezca "Sí".
31. Haz clic en (Editar configuración del nodo) del nodo “Enviar contenido web”.
32. Selecciona el contenido Floating bar correspondiente y haz clic en Siguiente .
33. En este caso, marca “Tras unos segundos” y, en “Mostrar cuando transcurran”, escribe “3” Segundos.
34. En el paso Variables, asocia el campo personalizado a "{{importe-restante}}".
35. Haz clic en Finalizar .
PASO 9. Nodo "Al clicar contenido web"
(En este nodo se va a limitar el nodo al visitar página para que no reaccione a cada visita durante un día).
36. Haz clic en (Editar configuración del nodo) del nodo “Al clicar contenido web”.
37. Haz clic en Un contenido específico, selecciona el contenido Floating bar que se muestra en el nodo anterior y, en Selecciona algún enlace de este contenido, activa el enlace a reaccionar.
38. En Limitaciones, en la sección Añadir limitación externa, escoge del desplegable “Al visitar página” y, en el siguiente, “Desactivar por un tiempo”. A continuación, indica “1” Día.
39. Haz clic en Actualizar.
¡Sigue aprendiendo!
Para aprovechar todo el potencial de tu cuenta en Connectif, te recomendamos continuar con los siguientes artículos:
- Anuncio de rebajas, para mostrar un anuncio de rebajas.
- Recuperación del carrito antes del abandono para anónimos, para mostrar un popup de carrito antes de que se abandone la web.
- Acceso preferente a rebajas, para anticipar el acceso a las rebajas a un segmento concreto.
- Suscripción newsletter con floating bar, para captar suscriptores a la newsletter.