Plugin Optimización de Imágenes Gratuito para WordPress
Lunes, 02 Abril 2018 07:00

MailChimp en WordPress ¡capturando suscriptores!

Escrito por  Luis Méndez Alejo
CMS:  WordPress |  Versión:  4.9.x |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  10 minutos


MailChimp en WordPress


El uso de formularios de suscripción a contenidos, servicios o productos en WordPress se puede realizar de muchas maneras, ya sea usando scripts proporcionados por el propio servicio de Newsletters que uses o mediante plugins con los que puedes conectar MailChimp en WordPress.

Con WordPress puedes enviar URLs a formularios, a plugins de formularios o a formularios incrustados (embed) de forma que pasar parámetros a sitios externos obtenidos desde tu web sea un proceso muy sencillo.

Claro que tu no tienes porque saber los intríngulis de este proceso, para eso existen elementos como los plugins, que pueden servirte para conectar tu web con un servicio externo, como por ejemplo MailChimp para enviar datos recogidos en tu web a tus listas en servicios externos.

     

 Formularios de Suscripción en WordPress


Puedes optar por ejemplo por el plugin WDV MailChimp Ajax para añadir un widget con formulario de suscripción de MailChimp que usa ajax en tu instalación de WordPress.

WDV Mailchimp Ajax

Haz clic en la imagen para ir al enlace del plugin  

Con este plugin los visitantes de tu sitio que deseen suscribirse a los boletines podrán hacerlo simplemente rellenando el campo "email" sin tener que pasar por tediosos formularios que piden tanta información que acaban espantando a los posibles interesados.

 

 Instalación del plugin WDV Mailchimp Ajax


La instalación de este plugin se realiza desde el dashboard, Plugins, Añadir nuevo, utilizando el buscador de plugins para localizarlo con el nombre "WDV MailChimp Ajax" y luego proceder a "Instalar" y finalmente "Activar".


Instalar y activar el plugin

Haz clic en la imagen para ampliarla  

No hay un apartado de Configuración específico del plugin, se gestiona la personalización desde el propio widget una vez añadido a tu tema en la posición deseada.

Para poder hacer uso del plugin citado debes tener una cuenta creada y activa en MailChimp que sea posible conectar con el plugin y así añadir suscriptores a tus listas mediante el formulario de captura de emails.
 

 Activación del widget desde el Personalizador


La mayoría de Temas para WordPress que no utilizan un framework para su configuración y personalización permiten el uso del Personalizador para gestionar los widgets que serán visibles en tu tema, en diferentes apartados de la web.

Obviamente siempre puedes recurrir al método tradicional y hacerlo desde Apariencia, Widgets, aunque desde WordPress 4.9 se te invita a usar el Personalizador.


Personalizador

Haz clic en la imagen para ampliarla  

Puestos a ello mejor ir al Personalizador, o hacer clic en el botón de Widgets "Gestionar con vista previa" para añadir nuevos widgets.

En este caso voy a incluir el formulario de captación de suscriptores para nuestras listas en MailChimp, en el lateral derecho del tema (sidebar) que es lo habitual, pero ya sabes que todo dependerá de tu tema y de tus necesidades.

Seleccionas "Barra lateral del Blog" (este nombre puede variar en base a tu Tema y estructura de la web) y en el lateral izquierdo del Personalizador haces clic en + Añadir un widget.


Añadir un widget

Haz clic en la imagen para ampliarla  

Localiza el widget del plugin WDV Mailchimp Ajax al final de la lista que se despliega a la derecha del Personalizador.


Localiza el widget del plugin WDV Mailchimp Ajax

Haz clic en la imagen para ampliarla  

Por defecto se añade al final de la barra lateral "sidebar" pero tu puedes reposicionarlo hacia arriba o abajo en el lugar acorde a tus necesidades.


Añadir a sidebar

Haz clic en la imagen para ampliarla  

Listo, ya puedes pasar a la Configuración del Widget.

 

 Activación del widget en Temas con Gantry 5


Si utilizas temas de WordPress que trabajen con el framework Gantry 5 la forma de gestionar los widget varía con respecto al estándar por medio del Personalizador nativo del CMS.

En estos casos si vas a Apariencia, Personalizar, Widgets, con la Home (portada) activa verás que no aparecen posiciones como sidebar u otras y tampoco la opción de añadir widgets nuevos.


Posición en Gantry 5

Haz clic en la imagen para ampliarla  

Si desde el Personalizador cargas Blog (por ejemplo), observarás que solo aparece la posición Breadcrumbs para añadir Widgets.


Breadcrumbs

Haz clic en la imagen para ampliarla  

No pasa nada, el proceso para añadir widgets en otra posición ya sea en Home o en otra página pasa por crear primero la posición en el Layout del Tema desde las opciones de personalización del tema por medio de su framework.

Baso el siguiente ejemplo en el Pack Encelado de Webempresa, pero el caso es aplicable a otros Packs con Gantry 5.

En el menú izquierdo del dashboard, Encelado Theme, ve a la pestaña Layout.

Si el widget de Mailchimp lo vas a insertar por ejemplo en la página "Clientes" selecciónala en el selector superior.


Selector de página

Haz clic en la imagen para ampliarla  

Cabe destacar que la página "Clientes" en el tema Encelado no tiene sidebar y la idea es posicionar el formulario de captación de suscriptores en esa zona, concretamente a lado derecho de "Page Content".


Posición junto a Page Content

Haz clic en la imagen para ampliarla  

Localiza el bloque "Main" y arrastra un widget de posición "Widget Position" desde la izquierda y suéltalo a la derecha del bloque "Page Content".


Posición en Main

Haz clic en la imagen para ampliarla  

Si quieres personalizar dicha posición haz clic en la rueda dentada de la posición "Widget Position" (azul) en "Main".

Solo falta poder arrastrar el widget deseado a esta nueva posición para que quede activo antes de poder configurarlo.

Guarda los cambios abajo en el botón azul Save Layout.

Ve ahora a Apariencia, Widgets, y verás la nueva posición "Widget Position" (si no le cambiaste el nombre) disponible para añadir el widget de MailChimp dentro.


Widget Position

Haz clic en la imagen para ampliarla  

Perfecto, ya puedes pasar a la configuración del widget.

 

 Uso del plugin WDV Mailchimp Ajax


Ya tienes el widget activo en la posición deseada de tu tema para una página específica de la web o para todas ellas. Ahora toca configurar el widget para que tenga el comportamiento deseado y sirva para captar emails y pasarlos a la lista asociada al formulario.

En Apariencia, Widgets, dentro de Widget Position ya deberías tener el widget WDV: Suscribe mailchimp si hiciste bien los pasos anteriores.

Haz clic en la flecha del widget para desplegar los campos de configuración.

En la siguiente captura te muestro las configuraciones de manera más visual.


Configuración del widget

Haz clic en la imagen para ampliarla  

¿Cómo obtienes la API Key (from MailChimp)? fácil, mira esta animación que lo deja muy clarito.

Fuente: mailchimp.com

Ni que decir tiene que en MailChimp tiene que tener conectado tu sitio web y validado.

Guardas los cambios y pruebas el funcionamiento del formulario. ¡No tiene más ciencia!

El resultado del widget en el frontal de la web lucirá más o menos así (según tu tema y estilos CSS).


Vista del resultado del Formulario

Haz clic en la imagen para ampliarla  

¡A ver! que para captar emails de suscriptores no necesitas mucho más, ya sabes "lo breve y bueno...." pues eso ;)

Al final se tarda más en explicarlo que en hacerlo, aunque a mi me gusta contarte los detalles, pero sin aburrirte.

 

 Conclusiones


Qué necesitas un formulario de registro de correos electrónicos para hacer crecer tus listas de suscriptores es algo que ya sabes y además muy necesario si quieres que tus contenidos lleguen siempre a tiempo a los lectores.

Utilizar una plataforma de email marketing es una solución más que inteligente, aunque actualmente existen muchas y muy buenas la gran mayoría.

En este caso he optado por un clásico que es "MailChimp" para que te sirva de ejemplo y de paso con el puedas conectar tus listas con tu web y captar emails para tus estrategias de marketing.

¿Ya tienes preparados tus formularios para cumplir con la RGPD española? ..ese será el siguiente paso!

     

¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress



Luis Méndez Alejo

Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Google+


Plugin Optimización de Imágenes Gratuito para WordPress