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