Configurar MailChimp en Genesis con Genesis eNews Extended

En este tutorial vamos a ver cómo configurar una cuenta de MailChimp en Genesis con el plugin Genesis eNews Extended.

Newsletter en Genesis con Genesis eNews Extended

Genesis eNews Extended es un plugin gratuito disponible en el repositorio oficial de WordPress, que nos permite agregar un formulario de suscripción a nuestro sitio web en Genesis a través de un widget.

Este plugin es compatible con varias plataformas de email marketing, entre ellas Aweber, GetResponse, ConverKit o MailChimp. En este caso usaremos esta última, una herramienta fácil de usar y con plan gratuito que podréis ver con detalle en el curso de MailChimp.

Para configurar Genesis eNews Extended necesitaremos seguir tres pasos, obtener los datos de configuración en MailChimp, instalar el plugin y realizar los ajustes para integrar el formulario. ¡Vamos a ello!.

Obtener datos de configuración de MailChimp

Lo primero que vamos a hacer es localizar los datos que necesitamos de la plataforma de email marketing, en este caso MailChimp, para configurar Genesis eNews Extended en nuestro child theme de Genesis Framework.

Para ello nos dirigiremos a la web oficial de MailChimp, iniciaremos sesión, y después iremos a la opción "Lists" que se encuentra en el menú superior. A continuación pulsaremos sobre la lista que queremos configurar, y después haremos clic en "Signup forms/Embedded forms". Aquí encontraremos el código HTML que nos servirá para realizar los ajustes.

Pero no lo necesitamos al completo, únicamente usaremos parte de la información que aparece. Así que vamos a copiar el código que se muestra en el apartado "Copy/paste onto your site" y a pegarlo en cualquier editor de texto para poder encontrar fácilmente los datos que utilizaremos en el plugin.

Una vez hecho, tendremos que buscar y anotar varios valores. Por un lado el link al que se enviarán los datos del formulario de MailChimp, y por otro los identificadores de sus campos. Tengamos en cuenta que el formulario que estamos usando de ejemplo tiene únicamente dos, el nombre y el email.

Si vuestro formulario incluye también el campo apellido, habría que obtener su identificador y usarlo después al configurar Genesis eNews Extended. Si únicamente contiene el email, pues habría que prescindir del campo nombre que sí se tiene en cuenta en este caso.

Dicho todo esto, ahora vamos a examinar el código que acabamos de copiar para localizar los datos que nos interesan. Como veis, en la imagen hemos marcado varios valores. El primero es una url que encontraréis junto a "form action". Los siguientes corresponden a los dos campos que estamos usando.

En el caso de MailChimp, van a aparecer dentro de un bloque "div", que a su vez contiene la etiqueta del campo si se está mostrando, "label", así como un "input". Este último tendrá un atributo "name" que es el que vamos a apuntar.

Así que guardemos la url, a partir de las dos barras, y los valores del atributo "name" de los campos de nuestro formulario. Ahora sí, vamos a instalar el plugin.

Instalar Genesis eNews Extended

Una vez que ya tenemos los datos que necesitamos para configurar Genesis eNews Extended, vamos a instalarlo.

Como siempre, tendremos que acceder al escritorio de WordPress, "Plugins/Añadir nuevo", introducir el nombre del plugin en el buscador y una vez lo localizamos, instalarlo y activarlo para realizar los ajustes.

El siguiente paso será añadir el widget a la barra lateral de nuestro theme, también podríamos colocarlo en otro lugar si lo preferimos. Para ello, nos dirigiremos a "Apariencia/Widgets" y arrastraremos el widget "Genesis - eNews Extended" hacia la barra lateral para después soltarlo dentro de la misma y comenzar la configuración.

Configurar Genesis eNews Extended

Ahora que ya hemos colocado el widget de Genesis eNews Extended donde necesitamos, vamos a realizar los ajustes. Veremos que aparecen varios campos, sólo hará falta que rellenemos algunos de ellos, pero vamos a verlo todos por si queréis usarlos:

• Título: Aquí podremos introducir un encabezado para la newsletter.
• Texto para mostrar antes del formulario: Este campo nos permite incluir un texto antes del formulario.
• Texto para mostrar después del formulario: En este campo podemos escribir un texto para que aparezca después del formulario.
• Google/Feedburner ID: Para añadir el feed, desactivará las siguientes opciones.
• Acción de formulario (Form Action): El enlace hacia donde se enviarán los datos del formulario.
• Campo de Email: Desde este campo asociaremos el valor del campo email del formulario de Genesis eNews Extended, con su correspondiente en MailChimp.
• Campo de Nombre: Lo mismo que el anterior pero para el campo nombre.
• Campo de Apellido: Igual que los que acabamos de ver, pero con el apellido.
• Campos escondidos: Si queremos usar algún campo que sea invisible.
• ¿Abrir la página de confirmación en la misma ventana?: Podemos seleccionar esta opción si queremos que la confirmación de la suscripción aparezca en la misma ventana.
• Nombre de entrada de texto: Placeholder del campo nombre.
• Apellido de entrada de texto: Placeholder para el campo apellido.
• Email de entrada de texto: Placeholder para el campo donde tenemos que introducir el correo electrónico.
• Texto del botón: Por si queremos modificar el texto del botón que envía el formulario.
• ¿Mostrar enlace a la política de privacidad?: Marcar en caso de que queramos que aparezca dicho enlace.

Bueno, pues en este caso vamos a rellenar los campos "Acción de formulario", "Nombre", "Email", y también marcaremos la última opción para que aparezca la política de privacidad. También cambiaremos el texto del botón. Después pulsaremos en "Guardar".

Lo último que debemos hacer es comprobar que todo funciona, para ello haremos un simulacro de suscripción con cualquier nombre e email. Si todo va bien, la suscripción deberá quedar registrada en la lista de MailChimp.

¡Y esto es todo! ¿Fácil, verdad? Pues ya sabéis que esto mismo podéis hacerlo con multitud de child themes de Genesis, como vemos en el curso de puesta a punto de themes y el curso dejar themes de WordPress como en la demo, ya que Genesis eNews Extended está creado especialmente para ellos.

Resumen y conclusión

Genesis eNews Extended nos permite añadir un formulario de suscripción en un tema hijo de Genesis a través de la creación y configuración de un widget.

Para configurarlo, tendremos primero que localizar algunos datos de la plataforma de email marketing que estemos usando, en este caso MailChimp. Después instalaremos el plugin, y por último realizaremos los ajustes.

¡Y esto es todo! Ya lo sabéis, si queréis saber más os recomendamos los cursos de boluda.com. Esto os dará acceso al curso de MailChimp, al curso de puesta a punto de themes, al curso dejar themes de WordPress como en la demo y a muchos otros. Hay más de 6891 vídeos disponibles. Si os interesa, ¡os esperamos dentro! :)