
En este post te explicamos, paso a paso, qué es Mailchimp, cómo crear una landing page con Mailchimp y porqué es importante tener una desde el primer momento en tu blog.
¿Empezamos? Enjoy!
Antes de empezar… ¿qué es email marketing?
Obviamente, antes de empezar es recomendable repasar qué es email marketing y cómo puedes aplicarlo a un blog (o sitio web) de WordPress.
Léelo aquí: Email marketing: qué es y cómo aplicarlo en un blog
Porqué es importante tener una newsletter en un blog desde el primer momento…
Tener una newsletter en un blog desde el primer momento es una buena idea porque te permite crear una audiencia fiel y que confía en tí rápidamente. Con ello, tu blog crecerá en tráfico y en clientes potenciales.
Hay un capítulo completo, acerca de la importancia de crear una lista de correo en un blog, en mi ebook Cómo convertirse en un monstruo de los blogs en una semana. Este y otro material esencial en el blogging, se pueden descargar directamente suscribiéndote a mi lista de correo.
Y no olvides el RGPD…
Recuerda que no puedes implementar una landing page sin adaptar el correspondiente formulario de captación de suscriptores al Reglamento General de Protección de Datos (RGPD).
Aquí se explica la problemática y cómo resolverlo: Cómo adaptar los formularios al RGPD y cumplir la ley.
En Noches de Blogging (*), puedes ver algunos episodios dedicados a la protección de datos y al marketing legal; y el RGPD.
(*) Noches de Blogging es un streaming en directo, con tertulias, entrevistas y webinars, que busca educar, evangelizar y divulgar temas relacionados con el blogging y la publicación digital. Suscríbete al canal aquí y activa las notificaciones. Puedes ver todos los episodios en esta lista de reproducción.
Haz una landing page con Mailchimp fácilmente
Construir una landing page con Mailchimp es más fácil de lo que parece. En este post te explicaremos dos métodos. Uno, que consiste en obtener el código HTML correspondiente al formulario web e incrustarlo en tu blog (o sitio web).
Y, el otro, mediante la configuración de una página propia de Mailchimp. Con el segundo método nos ahorramos codificación y «tocar» nuestro WordPress; mientras que independizamos la captación de datos de nuestro sitio web.
Caso 1 (landing page con Mailchimp): Incrustar el código HTML de un formulario en tu blog.
En el siguiente post de Blogpocket, se explica cómo añadir un formulario de captación de suscriptores de Mailchimp a un blog de WordPress.
Además, se hace hincapié en la adaptación legal (RGPD), algo que resaltaremos mucho en este post porque lo consideramos muy importante.
Que no se te olvide
No añadas ningún formulario de captación de suscriptores en tu blog (o sitio web) sin adaptarlo al RGPD. Mira Cómo he adaptado mi blog al RGPD.
El método, para añadir un formulario de captación de suscriptores de Mailchimp a un blog de WordPress, es bien simple: copias el código HMTL correspondiente al formulario de captación de suscriptores, asociado a tu lista de correo; y lo pegas en cualquier página de tu blog.

Cómo usar Mailchimp y WordPress para hacer una newsletter (y cumplir el RGPD)
Este artículo es una de las guías más completas que vas a encontrar sobre el uso de Mailchimp y WordPress para hacer una newsletter y, además, cumplir la ley en España (RGPD).
Cómo hacerlo con bloques de Gutenberg
Esa es una manera de crear una landing page con Mailchimp (página de destino o página de aterrizaje). De hecho, puedes aprender a hacerlo con bloques de Gutenberg (*) visionando el siguiente vídeo.

Naturalmente, el código incrustado (tal como se ve en el vídeo) pertenece a Mailchimp.
(*) Aprende qué es Gutenberg: Gutenberg de WordPress 5.0: qué es y cómo funciona el nuevo editor.
¿Necesitas trucos y dominar el nuevo editor de bloques de WordPress? Lee este post: Recursos y trucos de Gutenberg: 10 maneras de exprimirlo a fondo
Caso 2 (landing page con Mailchimp): Crear una página de destino propia
La imagen anterior representa el esquema de una landing page creada dentro de Mailchimp con su herramienta propia.
Esta es otra forma de crear una landing page con Mailchimp: no es necesario emplear una página de nuestro blog (o sitio web) añadiendo un código HTML incrustado (o hacer uso de un plugin para tal cometido).
Lo único que hay que hacer es emplear la herramienta que posee Mailchimp para crear una landing page.
Este método posee un pequeño inconveniente: se puede añadir el checkbox obligatorio para que el usuario exprese su consentimiento explícito a la política de privacidad (exigido por el RGPD); sin embargo, las opciones de configuración están algo limitadas. Por ejemplo (ver esquema anterior), en el apartado 2 no se puede incluir enlaces, por lo que -si se quiere añadir la primera capa informativa legal- hay que recurrir a algún «truco». La solución menos mala -en mi opinión, pero no soy experto en RGPD- es la que se ve en el esquema: hacer referencia a la política de privacidad, más la necesidad de leer y aceptar por parte del usuario, y situarla al final del formulario.
El consentimiento (2) debe situarse antes del botón de enviar y el apartado 5 lo inserta Mailchimp sin que se pueda ni alterar ni cambiar de sitio.
De todas las estructuras posibles, la que se muestra en la figura anterior, es la quemás se acerca a lo que exige la ley de protección de datos RGPD.
Veamos, en definitiva (y teniendo en cuenta las salvedades respecto al RGPD, debidas a las limitaciones de configuración) cómo crear una landing page del estilo de la figura anterior.
Antes de nada, revisa esta actividad que organizamos para el Instituto Cartuja de Granada (#CyaCartuja): Mailchimp: guía de iniciación.
Antes, lógicamente, debes poseer una cuenta en Mailchimp. En el siguiente vídeo se explica -de forma general- lo que debes hacer para abrir una.

1. Inicia la creación de la landing page
Lo primero que hay que saber es que, para Mailchimp, una landing page es una «campaña». Así que acude a «Campaigns > Create campaign» (ver imagen siguiente).

A continuación, elige la opción «Landing page», dentro de la ventana emergente (ver figura siguiente).

La primera vez que creas una landing page para una audiencia, verás también un atajo para este cometido, en el pie de la página de dicha audiencia.
Después, en la siguiente ventana (ver imagen siguiente), escribe el nombre de la landing page y elige la lista asociada con el desplegable. Para continuar, haz clic en el botón «Begin».

Recuerda…
Una landing page lleva un formulario de captación de datos personales del suscriptor (email, nombre, dirección, etc.). Antes de comenzar a crearla, es preciso que exista una «lista» (de correo). Ahora Mailchimp denomina «Audiencia» a una «lista», pero es lo mismo. Por lo tanto, las «campañas» (de email, landing page, etc.) van siempre vinculadas a una audiencia (lista).
2. Configuración de la «audiencia»
El siguiente paso consiste en configurar la «audiencia»
Si de antemano has creado alguna otra landing page, pasarás directamente a seleccionar la plantilla. Esto es debido a que la «audiencia» ya se configuró al crear la primera landing page.
Cómo ir directamente a la configuración de la «audiencia»…
En cualquier caso, puedes configurar la «audiencia», yendo directamente a «Audience > Manage Audience > Settings > Audience name and defaults».
A este apartado, se llega después de escribir el nombre y de seleccionar la audiencia (lista) de la landing page. Pero también puedes ir, siempre que lo desees, directamente tal como se ha indicado un poco más arriba.
Aquí, hay que configurar dos cosas. La primera (ver imagen siguiente), es marcar la casilla «Enable double opt-in» y habilitar el check «Enable GDPR fields». La segunda, indicar donde enviará Mailchimp las notificaciones.

Esto sirve para lo siguiente:
- Doble opt-in. Este es un mecanismo de seguridad por el que el usuario recibe un mail con un link para que confirme la suscripción, después de enviar el formulario.
- Campos RGPD. Con este check activo, se añade automáticamente el apartado legal del RGPD al formulario, aunque será necesario configurarlo, tal y como se verá más tarde.
En cuanto a las notificaciones, Mailchimp necesita saber dónde enviará la información de las altas y bajas a la lista de correo (audiencia). Para ello, hay que emplear los dos campos que aparecen al final de la página de configuración de la «audiencia» (ver imagen siguiente).

Naturalmente, es posible confeccionar primero el formulario con el editor de plantillas; y posteriormente retocarlo con el constructor de formularios. Y viceversa.
Porqué son importantes las notificaciones de Mailchimp…
Si recibes los datos correspondientes a cada alta y baja en la lista de correo (audiencia), tendrás constancia absoluta acerca de los movimientos realizados. En el alta, se incluirá el valor del campo «Consentimiento», asociado al checkbox para que el usuario exprese su aceptación a la política de privacidad. Dicho valor podría ser «He leído y acepto la política de privacidad».
Es más, si haces un backup de las notificaciones de Mailchimp (por ejemplo, con una herramienta como Takeout de Google) estarás totalmente cubierto a efectos legales.
Para pasar a seleccionar la plantilla, haz clic en el botón «Save list and campaing defaults».
3. Selecciona la plantilla
El siguiente paso es elegir una plantilla para la landing page.
Selecciona la que más te guste o se acerque a tus objetivos; acepta las condiciones de uso y edítala para que incluya todos los bloques de acuerdo a la estructura que hayas diseñado.
Para aprender a manejar el editor de plantillas, te invito a ver el siguiente vídeo. No se explica exactamente cómo se crea el formulario propuesto al principio de este apartado (caso 2) pero se dan las claves para saber cómo funciona el editor de plantillas.

Y ya puestos a ver videotutoriales ¿te acuerdas de la importancia de las notificaciones de Mailchimp? Convendría repasar la configuración de tu audiencia.
Todo este proceso puedes seguirlo en el siguiente vídeo, del que se desprenden las ideas generales y en el que no se pretende crear exactamente el mismo formulario propuesto al principio de este apartado (caso 2).

La imagen siguiente muestra el bloque del formulario tal y como se añade por defecto, por el hecho de habilitar el check de «GDPR fields» en la configuración de la «audiencia».

Vamos a fijarnos, en primer lugar, en el apartado RGPD.
Para que quede finalmente como viste en el esquema que abre este artículo, es preciso realizar lo que viene a continuación.
Si haces clic en el bloque del formulario, a la izquierda en el editor de plantillas; a la derecha verás el área de configuración correspondiente.
Configúralo según se muestra en la imagen siguiente.

Con ello, llevas a cabo lo siguiente:
- Solo aparecerá un checkbox obligatorio, de momento denominado «correo electrónico».
- Darás nombre al botón de enviar.
- Determinarás que tras enviarse el formulario, el usuario vea un mensaje de aviso (suscripción realizada con éxito) dentro del propio formulario.
Pero, aún quedan cosas por hacer dentro del bloque del formulario. Como, por ejemplo:
- Cambiar el título «Permisos de promoción» por otro mejor. Por ejemplo, «Consentimiento» o «RGPD»
- Cambiar lo que se muestra al lado del checkbox «Correo electrónico». Por ejemplo, «He leído y acepto la política de privacidad».
- Cambiar los textos para llevar al usuario a la lectura de la primera capa informativa legal del RGPD.
Sin embargo, esas modificaciones no se pueden llevar a cabo dentro del editor de plantillas. Es necesario acudir al «Constructor de formularios» asociado a la «audiencia». Lo veremos en el siguiente paso.
Pero antes nos dedicaremos a completar todo aquello que sí se puede hacer dentro del editor de plantillas.
- Logo. Edita el bloque correspondiente, subiendo la imagen del logo de tu blog o sitio web.
- Entradilla. Compuesto de un encabezado y un párrafo en los que se describa el propósito del formulario de suscripción, qué recibirá el suscriptor y toda la información necesaria (pero breve) con el fin de sepa a ciencia cierta a cambio de qué nos facilita sus datos personales (email, etc.).
- Coletilla legal o primera capa informativa. El área 3 de la imagen que abre este apartado (caso 2) contiene la denominada «primera capa informativa»; es decir, un resumen de nuestra política de privacidad. Para incluir esta información (que permite links a las páginas de Aviso legal y Política de privacidad), arrastrar un bloque de texto desde el área de elementos de la derecha hacia el área de diseño del formulario a la izquierda, dentro del editor de plantillas. Este área de información se referencia desde el área 2 del formulario propuesto en la figura que abre este apartado (caso 2).
4. Configura el constructor de formularios
Habíamos dejado pendiente algunos ajustes en el formulario, debido a que algunas modificaciones no se pueden realizar dentro del editor de plantillas. Para ello, hay que ir al «Constructor de formularios» asociado a la «audiencia»
Exactamente, dichos ajustes pendientes son:
- Traducción automática de textos y mensajes.
- Cambio del título «Permisos de promoción».
- Cambio del texto legal.
- Cambio del valor a la derecha del checkbox.
- Cambio del nombre del campo para el email.
La opción para ir al constructor de formularios se encuentra yendo primero a los «Formularios de suscripción» (Signup Forms) en el desplegable «Manage audience > Signup Forms» (ver imagen siguiente).

Una vez dentro de la página de Formularios de suscripción, hay que elegir la opción «Form Builder» (constructor de formularios).
En la página del constructor de formularios, comenzaremos configurando la traducción automática de todos los mensajes. Para ello, realizar la configuración que se muestra en la imagen siguiente haciendo clic en la pestaña «Translate it».

Después, nos centraremos en cambiar el título del apartado de consentimiento RGPD del formulario, haciendo clic en la pestaña «Build it».
Escribe un nuevo título para el apartado, usando los campos de la columna de la derecha. Por ejemplo, escribe «Consentimiento» en el campo «Field label» (A) y como descripción (B) una información al usuario del estilo: «Blogpocket usará la información que nos proporciones en este formulario para estar en contacto contigo y para enviarte actualizaciones. Por favor, expresa tu consentimiento explícito para que usemos tu email.»

Un poco más abajo, en la columna lateral de la derecha, verás un campo que dice «Legal text». Ahí puedes escribir algo del estilo «Es obligatorio que leas y aceptes la política de privacidad. Encontrarás los textos legales al final de este formulario (*).».
Si pasamos a hacer clic encima del bloque «Consentimiento» en la columna de la izquierda, podemos cambiar el texto que se ve a la derecha del checkbox para que el usuario nos permita tratar sus datos personales. Escribe el nuevo valor en el campo «Options». Por ejemplo «He leído y acepto la política de privacidad» (ver imagen siguiente).

Finalmente, haz clic en el bloque del Email y, de la misma forma, cambia el valor del campo «Field label»; por ejemplo a «Correo electrónico» (ver imagen siguiente).

Recuerda salvar siempre los cambios, haciendo clic en el botón «Save Fields».
Bonus: cómo enviar una campaña a una audiencia.
Suponiendo que hemos construido una audiencia, mediante la landing page que hemos creado, sería hora de enviarles una «campaña».
En Mailchimp existen diversos tipos de «campañas», asociadas a una audiencia. Una de ellas es la propia landing page, como se ha visto en este post.
Pero existen otras como la de email. Es decir, el envío de mensajes de correo electrónico con determinada información. La más común, si hablamos de blogs, es el envío automatizado de las actualizaciones más recientes que se hayan publicado.
En el siguiente vídeo, se dan las claves -de forma general- para crear y enviar una campaña de email automatizada de ese estilo.

Vídeo-resumen y cómo hacer el backup de los consentimientos
Bueno, aquí tienes un resumen en vídeo, de todo lo que acabas de ver en este artículo: Consigue clientes potenciales con tu blog rápidamente.
Respecto, a la manera de llevar a cabo un backup de los consentimientos; habíamos citado Takeout como la herramienta perfecta para ello.
Recuerda que es fundamental que configures la audiencia de Mailchimp para que recibas las notificaciones de las altas y las bajas (ver imagen siguiente).

Con los mensajes recibidos de parte de Mailchimp podrías demostrar el consentimiento de cualquier suscriptor, siempre y cuando los guardes a buen recaudo.
El backup de todas las notificaciones de Mailchimp los puedes guardar con Takeout, la herramienta para hacer backup de todos los datos de las aplicaciones de Google.
Empieza asignando una etiqueta (o carpeta) automáticamente a dichos mensajes. Puedes hacerlo a partir del asunto. Yo tengo los siguientes filtros (en Gmail, ve a la rueda dentada > «Configuración» > «Filtros y direcciones bloqueadas»).

Es decir, que cuando recibo un mensaje con el asunto «New Subsciber to Suscriptores» (alta) o «Unsubscribe from Suscriptores» (baja), lo muevo a la carpeta de mi Gmail denominada «CONSENTIMIENTO».
Ahora, solo tengo que entrar en Takeout, una vez a la semana (por ejemplo) y elegir para hacer backup de todos los mensajes de Gmail que tengan la etiqueta «CONSENTIMIENTO» (ver imagen siguiente correspondiente a la configuración de Takeout).

En primer lugar, marca la casilla correspondiente a Correo (1) y también la que nos permitirá seleccionar solo aquellos mensajes asociados a una etiqueta (2).
Tendremos que ver, al final, algo como lo siguiente:

Haz clic en el botón «Siguiente paso» que se muestra al final de la lista de aplicaciones de Google y, en la siguiente pantalla, elige «Archivo único», tipo de archivo «zip» y el tamaño en gigas para dividirlo. Finalemente, haz clic en el botón «Crear archivo».
Una vez preparado el archivo, recibirás un mail de aviso y podrás descargarlo entrando de nuevo en Takeout. Ten en cuenta que los archivos pueden tardar mucho tiempo (horas o quizás días) en crearse.
Una vez que descargues el archivo con el backup de los consentimientos (altas y bajas), te recomiendo que lo subas a la nueve (Dropbox, por ejemplo) para mayor seguridad.
Conclusiones
Es muy fácil crear una landing page con Mailchimp con el fin de captar suscriptores para tu lista de correo.
Se puede hace simplemente incrustando el código HTML correspondiente. Este código es muy fácil de encontrar, yendo a la página de la audiencia y dentro de la pestaña «Signup Forms». Y, luego, a «Embedded forms». A todo esto dedicamos el apartado «Caso 1», remitiéndote a los recursos de Blogpocket donde se explica en detalle cómo integrar WordPress y Mailchimp (¡y cumplir el RGPD!)
Hemos resaltado especialmente todo lo relacionado con el RGPD, puesto que no puedes implementar ningún formulario de captura de datos personales sin cumplir la ley de protección de datos.
En el apartado «Caso 2» nos hemos enfocado a larios y explicarte paso a paso cómo se crea una landing page propia de Mailchimp, sin necesidad de que uses ninguna página de tu blog (o sitio web).
Te hemos proporcionado videotutoriales y detalles exhaustivos con objeto de que tengas una visión global suficiente como para empezar a diseñar tus formularios y landing pages sin problemas.
Espero tus noticias. Estoy a tweet de distancia y disponible para resolver tus dudas en los comentarios.
¿Estás buscando hosting?
SiteGround es el hosting en el que está alojado Blogpocket. Consigue un alojamiento web de alto rendimiento, seguridad y optimización para WordPress.

Deja una respuesta