Skip to toolbar

Cómo crear una landing page con Mailchim

Cómo crear una landing page con Mailchim

Translating…

MAILCHIMPEDIA Cómo crear una landing page con Mailchimp

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.

MAILCHIMP-RGPD-1024x512 Cómo crear una landing page con Mailchimp

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.

LANDING-PAGE-BLOQUES-GUTENBERG Cómo crear una landing page con Mailchimp
Haz clic en la imagen para ver el vídeo: https://youtu.be/Ri4zMs6it0o

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

landing-page-mailchimp-738x1024 Cómo crear una landing page con Mailchimp
Landing page propia de Mailchimp. Haz clic para agrandar la imagen.

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.

6 Cómo crear una landing page con Mailchimp
Haz clic en la imagen para ver el vídeo: https://vimeo.com/327785665

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).

landing-page-2-1024x456 Cómo crear una landing page con Mailchimp
Para crear una landing page dirígete a la opción «Campañas»

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

landing-page-3-1024x653 Cómo crear una landing page con Mailchimp
Ventana emergente con todos los tipos de «campaña» que se pueden crear.

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».

landing-page-4-1024x544 Cómo crear una landing page con Mailchimp
Escribe el nombre y la lista asociada a la landing page.

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.

landing-page-5-1024x235 Cómo crear una landing page con Mailchimp
Campos para habilitar el doble opt-in y el apartado del RGPD en el formulario.

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).

landing-page-6-1024x285 Cómo crear una landing page con Mailchimp
Hay que rellenar estos campos para que MailChimp envíe sus notificaciones.

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.

7 Cómo crear una landing page con Mailchimp
Haz clic en la imagen para ver el vídeo: https://vimeo.com/327786171

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 puede 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 ).

8 Cómo crear una landing page con Mailchimp
Haz clic en la imagen para ver el vídeo: https://vimeo.com/327786792

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».

 landing-page-7-1024x867 Cómo crear una página de destino con Mailchimp
Apartado del RGPD en el formulario por defecto.

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.

landing-page-8 Cómo crear una landing page con Mailchimp
Configuración del bloque de formulario en el editor de plantillas.

Con ello, llevas a cabo lo siguiente:

  • Solo aparecerá una casilla de verificación obligatoria, 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 de la casilla de verificación «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.

  • Logotipo . 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 describe el propósito del formulario de suscripción, qué pasa 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 ( correo electrónico, 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 enlaces 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 pendientes 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» (Formularios de suscripción) en el desplegable «Administrar audiencia> Registrarse Formularios »(ver imagen siguiente).

 landing-page-10-1024x527 Cómo crear una página de destino con Mailchimp
Los formularios de suscripción se localizan dentro del desplegable« Gestionar audiencia »de la audiencia en cuestión.

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, realice la configuración que se muestra en la imagen siguiente haciendo clic en la pestaña «Traducirlo».

 landing-page-11-1024x211 Cómo crear una página de destino con Mailchimp
Configuración de la traducción automática de los textos de Mailchimp.

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 «Etiqueta de campo» (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 correo electrónico. »

 landing-page-12-1024x543 Cómo crear una página de destino con Mailchimp

Un poco más abajo, en la columna lateral de la derecha, verás un campo que dice «Texto legal». 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 «Opciones». Por ejemplo «He leído y acepto la política de privacidad» (ver imagen siguiente).

 landing-page-13-1024x441 Cómo crear una página de destino con Mailchimp

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

 landing-page-14-1024x461 Cómo crear una página de destino con Mailchimp

Recuerda salvar siempre los cambios, haciendo clic en el botón «Guardar campos».

Bonificación: cómo enviar una campaña a una audiencia.

Suponiendo que hemos construido una audiencia, mediante la página de destino 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 información determinada. La más común, si hablamos de blogs, es el envío automatizado de las actualizaciones más recientes que se han 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.

9 Cómo crear una landing page con Mailchimp
Haz clic en la imagen para ver el vídeo: https://vimeo.com/327787452

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 cabo un respaldo de los consentimientos; habíamos citado Takeout como la herramienta perfecta para ello.

Recuerda que es fundamental que configura la audiencia de Mailchimp para que recibas las notificaciones de las altas y las bajas (ver imagen siguiente).

 notificaciones-mailchimp-1024x537 Cómo crear una landing page con Mailchimp
Mensaje de correo recibido de parte de Mailchimp cuando hay un nuevo suscriptor.

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»).

filtros-gmail-mailchimp -1024x203 Cómo crear una landing page con Mailchimp

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).

 takeout-1-1024x273 Cómo crear un aterrizaje página con Mailchimp

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:

 takeout-2-1024x230 Cómo crear un aterrizaje página con Mailchimp

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á un correo de aviso y podrá 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 respaldo 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 «Formularios de registro». Y, luego, un «Formas incrustadas». 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 utiliza 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 .

 Imagen-1 Cómo crear una landing page con Mailchimp

Related Articles