1.2. Incrementa tus listas de email con una estrategia de captación doble opt-in

En esta lección, aprenderás e implementarás la segunda parte del workflow que contiene la estrategia de captación a tu newsletter con una suscripción doble opt-in

El doble opt-in es el modelo óptimo de suscripción para tus listas de email, que te ayudará a tener una base de datos sólida y depurada. Con Connectif es posible crear un workflow de captación de contactos con doble confirmación de la suscripción, para aumentar y mejorar tus listas de email con una misma estrategia. 

  

Objetivo: Captación.
Elementos utilizados: Popup, email. 
Tiempo de implementación: 1 hora. 

  

Te recomendamos que sigas todos los pasos e implementes esta estrategia desde cero en tu cuenta, pero si necesitas una vía rápida, en el Directorio de Plantillas de Workflows tienes disponible la plantilla Suscripción a Newsletter con Doble Opt-in, con la que puedes trabajar.

 

Antes de empezar: recapitulación

En la lección anterior establecimos la primera parte de esta estrategia, que muestra en tu web un popup invitando a tus visitantes a que se suscriban a tu newsletter. 

 

Resumen de la lección 

En esta lección vas a aprender:

  • El nodo "Al enviar formulario" para reaccionar cuando un contacto se da de alta en tu web.
  • El nodo "Establecer campo" para modificar a través de un workflow los campos de tus contactos.
  • El nodo "Enviar email" para enviar un email transaccional.
  • Cómo crear un correo electrónico en Connectif con el editor de email.
  • Cómo crear y añadir variables a tus contenidos.
  • Cómo utilizar los enlaces predefinidos en un email.

Al terminar la lección, habrás creado en tu cuenta:

La segunda parte de la estrategia de captación, a través de la cual actualizarás la ficha de los contactos y reaccionarás al envío del formulario de suscripción de tu popup (creado en la lección anterior) a través de dos vías:

  1. Con un popup recordatorio en el que le indicarás al contacto que confirme su suscripción a través del email.
  2. Con el propio email, que contendrá el enlace de confirmación de la suscripción. 

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__1__-_46__3_-min__1_.png

 

Configuración de la estrategia

Accede al workflow donde creaste la primera parte de esta estrategia. Haz clic en Workflows y busca el workflow que creaste con el nombre "Suscripción doble opt-in" (o el nombre que escogieses).

PASO 6. Nodo "Al enviar formulario"

Cómo funciona el Nodo "Al enviar formulario"

Este nodo se utiliza para reaccionar en el momento en que un contacto confirma el envío de un formulario ya cumplimentado.

En la interfaz del nodo se configura si este se disparará con el envío de cualquier formulario o un formulario concreto. Además, es posible filtrar por la URL desde la que se envía el formulario.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_3-min.png

Cómo configurar el Nodo "Al enviar formulario" para esta estrategia

(Este nodo va a detectar justo el momento en el que un contacto envía el formulario del popup de suscripción para dar paso a la siguiente acción, que será el nodo "Establecer campo").

37. En el menú de selección de nodos, dirígete a "Disparadores > Web" y arrastra el nodo "Al enviar formulario" al editor, de forma que conecte con el nodo "Inicio".

38. Haz clic en  (Editar configuración del nodo) del nodo “Al enviar formulario”.

39. Haz clic en Un formulario específico. 

40. A continuación, selecciona el formulario mostrado en el popup de suscripción a la newsletter creado en la lección anterior.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_4-min.png

41. En la pestaña Limitaciones, desactiva la casilla "Desactivar tras dispararse".

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_5.png

42. Haz clic en  Actualizar.

 

En este paso hemos configurado el nodo que reaccionará al envío del formulario que hemos creado en la primera parte de la estrategia para captar contactos para nuestra base de datos.  

PASO 7. Nodo "Establecer campo"

Cómo funciona el Nodo "Establecer campo"

Este nodo se utiliza para guardar o modificar información en la ficha del contacto.

En la interfaz del nodo se vincula la nueva información obtenida durante el workflow (columna izquierda) con los campos existentes del contacto (columna derecha). Además, este nodo permite asignar valores literales, para añadir o actualizar la información del campo con un valor fijo definido por el usuario (por ejemplo, asignar a todos los contactos de un workflow una puntuación concreta).

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_6.png

Cómo configurar el Nodo "Establecer campo" para esta estrategia

(Este nodo va a registrar la información obtenida en el formulario del popup).

43. En el menú de selección de nodos, dirígete a "Acciones > Contacto" y arrastra el nodo "Establecer campo" al editor, de forma que conecte con el nodo "Al enviar formulario".

44. Haz clic en  (Editar configuración del nodo) del nodo “Establecer campo”.

45. Arrastra el campo "Nombre", con origen de datos el nodo "Al enviar formulario", de la columna de la izquierda hacia el bloque central, de modo que coincida con el campo "Nombre" de la columna derecha. Puedes encontrarlo a través del listado de campos o introducirlo en el buscador para localizarlo, tal como se hace en el ejemplo. En Operador, selecciona "Asignar". 

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_7.png

46. Haz clic en  Actualizar.

 

En este paso, Connectif actualizará el nombre de los contactos que envíen el formulario. Todavía no vamos a cambiar el atributo de suscripción a la newsletter, pues para ello el contacto deberá confirmar la suscripción a través del email que crearemos en el siguiente paso.

PASO 8. Nodo "Enviar email"

Cómo funciona el Nodo "Enviar email"

Este nodo se utiliza para enviar un correo electrónico a los contactos que llegan a esa parte del workflow. En la interfaz del nodo se configuran, por pasos, todos los aspectos sobre el email a enviar y los receptores:

  • Configuración de la plantilla de email. Para seleccionar un email previamente creado o configurar uno nuevo en el editor de email.
  • Configuración del nodo. Para configurar cómo será el envío:
    • Enviar a. Para escoger entre Contactos, y remitir ese email a los usuarios que tienen "Estado del email" como "Activo", o Email específico, e indicar manualmente qué direcciones de correo recibirán todos los emails que deban ser enviados.
    • Selección del tipo de email. Para escoger si el email será Transaccional, y se enviará a todos los contactos, Newsletter, y se enviará a aquellos usuarios que tienen el "Estado de la newsletter" como "Suscrito".
    • Parámetros. Para establecer el Asunto del Email, el Nombre de origen, el Email de origen y el Email de respuesta.
  • Configuración de campos y valores. Para asignar o modificar los valores de las variables del email.
  • Google Analytics. Para establecer en el email los parámetros de tracking de Google Analytics.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_28.png

 

Cómo funciona el editor de email 

El Editor de email es la funcionalidad de Connectif que permite personalizar, de forma responsive, el contenido de los correos electrónicos que serán enviados a tus clientes a través de workflows.

El editor de email se basa en el método de diseño ‘drag and drop’ (arrastrar y soltar), por lo que podrás maquetar tus emails de forma rápida, sencilla y muy visual.

Cómo configurar el email para esta estrategia

(En este paso vas a crear el email para que los contactos puedan confirmar la suscripción a la newsletter).

47. En el menú de selección de nodos, dirígete a "Acciones > Email" y arrastra el nodo "Enviar email" al editor, de forma que conecte con el nodo "Establecer campo".

48. Haz clic en   (Editar configuración de nodo). Haz clic en  Crear nuevo contenido para crear un nuevo email.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_9.png

49. Al crear un nuevo email, en el panel de Herramientas, haz clic en la pestaña General para editar los parámetros del aspecto general de tu email. También puedes acceder haciendo clic en   Propiedades generales del panel de diseño.

  • En Nombre, identifica cómo se llamará tu email.
  • En Colores, define color de fondo del contenido y color de fondo general.
  • En Texto, define la fuente de los textos del email por defecto.
  • En Resumen, indica que aparecerá al cliente en la previsualización del email, tras el asunto del mismo.
  • En Opciones HTML, configura el estilo general basado en estilos CSS y HTML.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_10.png

50. Haz clic en la pestaña Componentes para acceder a las opciones de elaboración y diseño de tu email.

  • En Estructura, escoge la distribución que mejor se adapte a tus necesidades. En caso de no incluirla, por defecto se utilizará la estructura de una columna.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_12.png

  • En Elementos, añade las piezas de contenido funcional con las que construir el diseño de tu email. Los elementos disponibles son: "Texto", "Imagen", "Botón", "Social", "Divisor", "Espacio", "Contenido dinámico", "HTML", "Ver en el navegador" "Pie de página". En este ejemplo, añadiremos un campo de texto introductorio para nuestro formulario.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_13.png

51. Una vez añadidos los elementos, edítalos para configurar tu correo electrónico: 

  • En "Texto", redacta tu escrito aplicándole formato enriquecido (negrita, cursiva, enlaces…), insertando variables dinámicas o modificando su disposición en el bloque insertado.
  • En "Imagen", pega la URL de la imagen para incluirla en tu email, si se trata de una imagen que ya está publicada en Internet. Para subirla desde tu dispositivo, haz clic en   Subir imagen y selecciona el archivo en la ventana emergente. Al cargarse, se establecerá la URL de la imagen de forma automática.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_14.png

  • En "Botón", define el texto que aparecerá en tu botón, el atributo ‘title’, selecciona los colores de texto y fondo y ajusta la disposición dentro del bloque. Para añadir el enlace de confirmación de suscripción a la newsletter, haz clic en   (Enlace predefinido) y selecciona la opción "Confirmar suscripción a la newsletter", para que incluya el enlace predefinido que actualizará el estado de suscripción a la newsletter, tanto en Connectif como en el eCommerce.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_33__1_-min.png

  • (Opcional). En "Social", escoge las redes sociales que desees incluir y modifica la URL del enlace, además de la disposición dentro del bloque.
  • En "Ver en el navegador.", inserta un texto predefinido para añadir un enlace que permite ver el contenido del email en una ventana del navegador. El enlace siempre es “#__cn_view_in_browser” y viene establecido por defecto. Puedes acceder a su configuración a través de la opción  Insertar/Editar enlace del editor.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_16.png

  • En "Pie de página", inserta un pie de página a tu email, en el que puedes especificar los datos de tu empresa y proporciona al cliente la opción de cancelar su suscripción o reenviar un email. El enlace de “Cancelar suscripción” deberá estar siempre presente en emails de tipo newsletter y siempre deberá ser “#__cn_unsubscribe”.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_17.png

52. (Opcional). Si has añadido variables, revísalas y edítalas para asegurarte de cómo se muestra el contenido a tus contactos:

  • Añade o selecciona en tu diseño el componente donde quieras crear una nueva variable y haz clic en  (Editar elemento). En este ejemplo, añadiremos la variable sobre el campo de texto para personalizar el correo con el nombre del contacto.
  • En el editor, haz clic en Variables.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_18.png

  • Asigna un identificador a la variable para distinguirla. En este ejemplo, le asignaremos el identificador "Name".
  • En Valor por defecto, añade el valor que quieres que adquiera la variable cuando no haya ningún dato almacenado en el campo correspondiente. En este ejemplo, le asignaremos el valor por defecto "Hello". 
  • Haz clic en  Aceptar para guardar los cambios en la variable.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_19.png

53. Haz clic en   Previsualizar para revisar y guardar el resultado final de tu email, en versión escritorio y/o móvil.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_20.png

54. (Opcional). Haz clic en  (Enviar email de previsualización) para recibir un email de prueba al correo que selecciones y revisar cómo lo recibirá el cliente.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_27.png

55. Haz clic en  Guardar para conservar las modificaciones en el diseño y en   Volver al listado de contenidos para finalizar la configuración del nodo.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_30__1_-min.png

 

Cómo configurar el Nodo "Enviar email" para esta estrategia

(Este nodo va a enviar al contacto el email que acabas de crear para que confirme su suscripción a la newsletter).

56. Una vez seleccionado el email que acabas de crear, haz clic en Siguiente .

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_21.png

57. En el apartado Enviar a, selecciona "Contacto". 

58. Indica el tipo de email "Transaccional".

59. Configura el apartado Parámetros de "Enviar a contacto" con la información del email remitente y el de respuesta.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_22-min.png

60. En Google Analytics, haz clic en "Habilitar Google Analytics" y, a continuación, en Siguiente  .

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_23-min.png

61. (Opcional). Si has creado variables para tu contenido, vincúlalas con los campos de Connectif seleccionando de la columna izquierda el campo al que corresponden y asignándolo a la variable. En este ejemplo, el campo "Nombre" será el que le de valor a la variable "Name", que se usa tanto en el asunto como en el cuerpo del email. 

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_24-min.png

62. En Limitaciones, desactiva la casilla "Límite por contacto".

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_25.png

63. Haz clic en Finalizar .

 

En este paso hemos enviado un email a los contactos para que confirmen su suscripción a través del enlace que hemos añadido al botón. Este link, además de activar el siguiente nodo, cambiará el estado de suscripción a la newsletter de la ficha del contacto a "Suscrito".

PASO 9. Segundo nodo "Enviar contenido web"

Cómo crear el popup para esta estrategia

(En este paso vas a crear el popup que confirmará el envío del formulario que creaste en la lección anterior).

64. En el menú de selección de nodos, dirígete a "Acciones > Web" y arrastra el nodo "Enviar contenido web" al editor, de forma que conecte con el nodo "Al enviar formulario".

65. Haz clic en  (Editar configuración de nodo) del nodo "Enviar contenido web" y  Crear nuevo contenido para generar un nuevo contenido.

66. Al crear un nuevo contenido web, selecciona como tipo Popup, asígnale un nombre y haz clic en    Crear contenido web.

67. En la pestaña General, edita los parámetros del aspecto general de tu popup.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_35-min.png

68. En la pestaña Componentes, configura la composición y añade los elementos que desees a tu popup haciendo clic en ellos y arrastrándolos al editor.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_36-min.png

 

Si lo necesitas, tienes disponibles todos los pasos para crear un popup en esta lección

69. Una vez creado, haz clic en  Guardar para y en   Volver al selector para terminar de configurar el nodo.

Cómo configurar el Nodo "Enviar contenido web" para esta estrategia

(Este nodo va a mostrar el popup que acabas de crear a los contactos que hayan enviado el formulario).

70. Una vez seleccionado el popup que acabas de crear, haz clic en Siguiente   dos veces.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__2__-_26.png

71. Haz clic en Finalizar .

 

En este paso hemos mostrado un popup a los contactos que han enviado el formulario, para avisarles de que deben revisar su bandeja de entrada y confirmar su suscripción a la newsletter a través del email que les hemos enviado.

Resultado

Tras completar los pasos, habrás establecido la segunda parte de esta estrategia, y se mostrará en tu web un popup de confirmación del envío de formulario a los contactos que lo hayan rellenado, además de enviarles el email para que validen su suscripción. Recuerda que esta es una parte de la estrategia, por lo que deberás avanzar para terminarla en la siguiente lección.

Optimiza_tus_listas_de_email_a_trave_s_de_suscripcio_n_doble_opt-in__1__-_46__3_-min__1_.png

 

Continúa tu recorrido

Ahora que has completado esta lección, termina de configurar esta estrategia en tu cuenta con los pasos del siguiente artículo

 

 

¡Enhorabuena!
Has llegado al final de la lección.

  

Vuelve al curso
Accede al índice completo del curso y la explicación de cada lección en este enlace.


Lecturas relacionadas

Si quieres profundizar en alguno de los aprendizajes adquiridos en esta lección, puedes acceder a la documentación de la guía:

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 1 de 1