¿Qué vamos a hacer?
Vamos a insertar un "formulario de aviso" (de suscripción a newsletter) en los artículos que estén sin stock usando un contenido web de tipo SlideIn para que los contactos puedan suscribirse a newsletter y recibir una aviso por email cuando el producto vuelva a tener unidades y así poder finalizar la compra.
En este ejemplo nosotros vamos a preparar nuestra cuenta de Connectif para que recoja hasta 2 productos por contacto. Después comprobaremos cada día si esos productos han vuelto a tener stock y enviaremos un email al contacto en caso de que pueda comprar el artículo.
Si el contacto ya ha solicitado avisos sobre dos productos entonces no le mostraremos más el formulario hasta que reciba al menos un aviso. Es decir, cada contacto puede solicitar dos avisos como máximo. Podríamos configurar los workflows para gestionar más de dos avisos pero pensamos que es suficiente para este ejemplo.
Crear campos personalizados de contacto
Necesitamos 2 campos personalizados de tipo texto. Puedes poner el nombre que quieras, nosotros los vamos a llamar "id-producto-sin-stock-1" e "id-producto-sin-stock-2":
Una vez creados nuestros campos necesitamos crear un segmento estático.
Crear segmento estático
En este segmento agruparemos a los contactos que hayan enviado el formulario de aviso. En primer lugar vamos a la pantalla "Segmentos":
Y hacemos clic en "CREAR NUEVO SEGMENTO":
Ponemos el nombre que más nos guste y hacemos clic en "GUARDAR":
A continuación necesitamos crear un contenido web de tipo SlideIn con un formulario de suscripción. Vamos a ello.
Crear contenido web "Suscripción - Aviso por falta de stock"
Vamos a la ventana "Contenido Web":
Y hacemos clic en "CREAR NUEVO CONTENIDO WEB":
Podríamos crear cualquier tipo de contenido web pero nosotros hemos elegido el tipo SlideIn porque es sencillo de implementar y, además, no es demasiado intrusivo.
Seleccionamos esta opción, ponemos el nombre que queramos y le damos a "CREAR CONTENIDO WEB":
Una vez en el editor, arrastramos a nuestro contenido un componente básico de tipo "Texto", un componente de formulario de tipo "Email", un componente de formulario de tipo "Checkbox" y un componente de tipo formulario de tipo "Botón enviar":
Editamos el texto:
Editamos el componente "Email" para hacerlo obligatorio:
Editamos el componente "Checkbox":
Nota: deberíamos incluir un enlace a nuestra página de privacidad en el checkbox. Podemos hacer esto editando el HTML del checkbox aquí:
Os dejamos el código HTML que hemos usado para que os sirva de referencia (deberéis cambiar la URL en "href="):
Acepto la <a href="https://www.mipagina.com/privacidad">política de privacidad.</a>
Finalmente, tenemos que configurar nuestro formulario para indicar que es un formulario de alta. Podemos hacer en la pestaña "Formulario":
Ahora vamos a crear otro contenido web de tipo Slide In que mostraremos inmediatamente después de enviar el formulario para confirmar al contacto la suscripción.
Crear contenido web "Confirmación - Aviso por falta de stock"
Hacemos clic en "CREAR NUEVO CONTENIDO WEB", elegimos el tipo "Slide In" y le ponemos un nombre:
Añadimos un componente de tipo "Texto" y otro de tipo "Botón enlace":
Editamos el texto:
Editamos el botón:
Y hacemos clic en "GUARDAR".
El siguiente paso es crear el email que enviaremos al contacto cuando el producto vuelva a tener unidades a la venta.
Crear email
Vamos a la ventana de emails:
Hacemos clic en "CREAR NUEVO EMAIL":
Podemos reutilizar cualquier plantilla de email que tengamos ya hecha, lo importante aquí es que nuestro email contenga un elemento de contenido dinámico:
Editamos el elemento de contenido dinámico para mostrar los datos de producto que queramos mostrar a nuestros contactos. En nuestro caso vamos a mostrar el nombre del producto y el precio en las variables {{title}} y {{price}}.
Lo más importante es que la estructura sea de 1 fila y 1 columna:
Completamos el email con textos, nuestro logo, etc. para dejarlo a nuestro gusto y guardamos.
Ahora vamos a crear el primero de los 2 workflow's que necesitamos para gestionar la suscripción a los avisos y el envío de los emails.
Crear workflows
Workflow de suscripción a los avisos
Este workflow mostrará el contenido web de tipo SlideIn que creamos anteriormente en todos los productos que sin stock. La vista general del workflow es esta:
A continuación detallamos la configuración de todos los nodos:
1. Nodo "Inicio":
2. Nodo "Al visitar un producto"
El contacto visita un producto cuya disponibilidad = Fuera de stock:
3. Nodo "id-producto-sin-stock-1 rellenado"
Comprobamos si el campo personalizado "id-producto-sin-stock-1" ya contiene un id de producto:
4. Nodo "Producto visitado = id-producto-sin-stock-1"
Comprobamos si el producto que está visitando es el mismo que tiene almacenado en el campo "id-producto-sin-stock-1" para no mostrar el formulario de suscripción:
5. Nodo "id-producto-sin-stock-2 rellenado"
Comprobamos si el campo personalizado "id-producto-sin-stock-2" ya contiene un id de producto:
6. Nodo "Enviar contenido web - Suscripción Slide In"
Mostramos al contacto el contenido web con formulario. Nosotros hemos elegido esperar 5 segundos para mostrar el contenido web:
Eliminamos la limitación por defecto para que nos quede así:
7. Nodo "Al enviar formulario"
Cuando un contacto envíe el formulario "Suscripción - Aviso por falta de stock":
8. Nodo "Enviar contenido web - Confirmación Slide In"
Queremos mostrarlo inmediatamente:
Eliminamos la limitación por defecto para dejar este apartado así:
9. Nodo " id-producto-sin-stock-1 rellenado"
Comprobamos si el campo personalizado "id-producto-sin-stock-1" ya contiene un id de producto:
10. Nodo "Establecer id-producto-sin-stock-1"
Guardamos el id del producto visitado en el campo "id-producto-sin-stock-1":
11. Nodo "id-producto-sin-stock-2 rellenado"
Comprobamos si el campo personalizado "id-producto-sin-stock-2" ya contiene un id de producto:
12. Nodo "Establecer id-producto-sin-stock-2"
Guardamos el id del producto visitado en el campo "id-producto-sin-stock-2":
13. Nodo "Añadir a segmento Quieren recibir aviso stock"
Añadimos al contacto al segmento elegido:
Ahora ya estaremos almacenando el id del producto para el que el contacto quiere recibir aviso. Solo nos falta crear el workflow para gestionar estos avisos.
Crear workflow de envío de avisos
Este workflow se ejecutará todos los días y comprobará si los contactos del segmento "Quieren recibir aviso stock" tienen en sus campos "id-producto-sin-stock-1" e "id-producto-sin-stock-2" un producto que haya vuelto a tener stock. En caso de que sea así, se enviará 1 email por producto para avisarles de que ya pueden comprar el producto.
Esta es la vista general del workflow:
Vamos a detallar cada uno de los nodos:
1. Nodo "Inicio"
Definimos el segmento para el que se disparará el workflow y la fuente de datos:
2. Nodo "Planificar"
Establecemos cuándo y cómo queremos hacer la búsqueda de productos que han vuelto a tener stock:
3. Nodo "Buscamos producto 1"
Intentamos sacar, del catálogo, el producto que el contacto tiene en el campo "id-producto-sin-stock-1". Este nodo solo nos extraeré el producto si este tiene stock.
Seleccionamos el caso de uso "Productos filtrados":
Configuramos el caso de uso para que el nodo obtenga solamente 1 producto cuya id externa sea la misma que el contacto tiene almacenado en "Contacto>id-producto-sin-stock-1":
Dejamos las opciones finales así:
4. Nodo "El listado > 0"
Si el listado que sale del nodo "Buscamos producto 1" es mayor que 0 significa que el producto que el contacto tiene en "id-producto-sin-stock-1" tiene stock. Hacemos la comprobación:
5. Nodo "Enviar email"
Enviamos el email de aviso al cliente, con algunos datos del producto. Primero elegimos el email que creamos anteriormente:
Si pulsamos siguiente tendremos que rellenar algunos datos sobre el envío:
Finalmente, realizamos la asignación de datos desde el nodo "Obtener producto" hacia las variables del contenido dinámico del email:
6. Nodo "Borramos id-producto-sin-stock-1"
Como ya hemos enviado el email de aviso, podemos "resetear" el campo del contacto para que pueda solicitar más avisos en otros productos, arrastrando un campo "Literal" y dejándolo en blanco:
7. Nodo "id-producto-sin-stock-1 está vacío"
Comprobamos si el campo "id-producto-sin-stock-2" está vacío. Como acabamos de borrar el campo "id-producto-sin-stock-1" si "id-producto-sin-stock-2" está vacío esto significa que el contacto no tiene ningún producto en espera de aviso:
La rama inferior del workflow es exactamente igual que la rama superior, vamos a detallarla:
8. Nodo "Buscamos producto 2"
Intentamos sacar, del catálogo, el producto que el contacto tiene en el campo "id-producto-sin-stock-2". Este nodo solo nos extraeré el producto si este tiene stock.
Seleccionamos el caso de uso "Productos filtrados":
Configuramos el caso de uso para que el nodo obtenga solamente 1 producto cuya id externa sea la misma que el contacto tiene almacenado en "Contacto>id-producto-sin-stock-2":
Dejamos las opciones finales así:
9. Nodo "El listado > 0"
Si el listado que sale del nodo "Buscamos producto 2" es mayor que 0 significa que el producto que el contacto tiene en "id-producto-sin-stock-1" tiene stock. Hacemos la comprobación:
10. Nodo "Enviar email"
Enviamos el email de aviso al cliente, con algunos datos del producto. Primero elegimos el email que creamos anteriormente:
Si pulsamos siguiente tendremos que rellenar algunos datos sobre el envío:
Finalmente, realizamos la asignación de datos desde el nodo "Obtener producto" hacia las variables del contenido dinámico del email:
11. Nodo "Borramos id-producto-sin-stock-2"
Como ya hemos enviado el email de aviso, podemos "resetear" el campo del contacto para que pueda solicitar más avisos en otros productos, arrastrando un campo "Literal" y dejándolo en blanco:
12. Nodo "id-producto-sin-stock-1 está vacío"
Comprobamos si el campo "id-producto-sin-stock-1" está vacío. Como acabamos de borrar el campo "id-producto-sin-stock-2" si "id-producto-sin-stock-1" está vacío esto significa que el contacto no tiene ningún producto en espera de aviso:
13. Nodo "Eliminar de segmento Quieren recibir aviso stock"
Si el contacto ha llegado a este nodo es porque tiene los campos "id-producto-sin-stock-1" e "id-producto-sin-stock-2" vacíos, por lo que debemos eliminarlo del segmento "Quieren recibir aviso stock":
Y con esto hemos terminado de crear nuestra campaña. Si activamos los dos workflows nuestros contactos podrán suscribirse a los avisos de productos específicos (2 como máximo) para recibir un email cuando esos productos vuelvan a tener stock.
Como siempre, os recomendamos editar los contenidos web y el email para adaptarlos a vuestra imagen de marca.