Cómo crear un formulario de WordPress MailPoet (la forma FÁCIL)

Publicado: 2021-02-12

¿Desea agregar fácilmente suscriptores de MailPoet WordPress desde sus formularios?

Puede integrar fácilmente cualquier formulario con MailPoet para crear su lista de correo electrónico.

En este artículo, le mostraremos cómo agregar una casilla de verificación de suscripción a MailPoet a cualquier formulario en su sitio web de WordPress.

Cree su formulario de WordPress MailPoet ahora

¿Cómo uso MailPoet en WordPress?

MailPoet es un servicio de marketing por correo electrónico que puede utilizar dentro de WordPress. Tiene un generador de arrastrar y soltar que facilita el diseño de boletines de correo electrónico personalizados.

Si ya ha utilizado constructores de páginas de destino de arrastrar y soltar como SeedProd, encontrará que MailPoet es muy fácil de usar.

WPForms es el mejor complemento de WordPress Form Builder. ¡Consíguelo gratis!

En MailPoet, puede crear diferentes tipos de correos electrónicos como:

  • Mailshots
  • Correos electrónicos de bienvenida con automatización de correo electrónico por goteo
  • Últimas notificaciones de publicaciones
  • Correos electrónicos de bienvenida
  • Correos electrónicos de carritos abandonados
  • Correos electrónicos de pedidos de WooCommerce.

Cómo usar MailPoet

Después de crear su plantilla de correo electrónico, solo querrá decirle a MailPoet a qué lista o segmento desea enviar el correo electrónico. Realiza un seguimiento de todos sus suscriptores en WordPress y muestra estadísticas sobre las tasas de apertura de su boletín.

A continuación, veamos cómo crear fácilmente sus listas de MailPoet con WPForms.

Cómo crear un formulario de WordPress MailPoet

Le mostraremos cómo integrar WPForms y MailPoet con el complemento Uncanny Automator. A continuación, se muestra un resumen rápido de los pasos del tutorial:

  1. Instalar el complemento MailPoet
  2. Instale el complemento WPForms
  3. Haga su formulario de WordPress MailPoet
  4. Instalar el complemento Uncanny Automator
  5. Cree su integración de MailPoet WPForms
  6. Pruebe su formulario de WordPress MailPoet

Si ya ha configurado MailPoet, vaya directamente al paso 2.

Paso 1: Instale el complemento MailPoet

Primero, instalemos el complemento de boletín de MailPoet en su sitio de WordPress.

Para comenzar, abra el menú Complementos »Agregar nuevo en WordPress.

Agregar nuevo complemento

Busque MailPoet y asegúrese de seleccionar el complemento MailPoet 3.

Ahora haga clic en Activar para habilitar el complemento.

Instalar el complemento MailPoet WordPress

Ejecute ahora los pasos del asistente de configuración. Si tiene la versión paga de MailPoet, ingrese su clave de licencia para descargar el complemento Pro e instalarlo también.

Si ha solicitado utilizar el servicio de envío MailPoet para mejorar la capacidad de entrega, ahora verá este mensaje:

You'll soon be able to send once our team reviews your account. In the meantime, you can send previews to your authorized emails You'll soon be able to send once our team reviews your account. In the meantime, you can send previews to your authorized emails .

Mientras espera que MailPoet apruebe su cuenta, puede continuar configurando su integración de MailPoet con WPForms.

También es posible que desee crear una nueva lista de suscriptores de MailPoet para sus registros de formulario de contacto para que pueda mantenerlos separados de otras listas de correo en su sitio.

Para agregar una nueva lista, vaya a MailPoet »Listas . Escriba un nombre para su lista y haga clic en Guardar .

Agregar una nueva lista de MailPoet

¡Excelente! MailPoet está listo. Ahora instalemos el complemento del generador de formularios.

Paso 2: Instale el complemento WPForms

WPForms es el mejor complemento de creación de formularios para WordPress. Te permite crear cualquier tipo de formulario de WordPress usando un constructor de arrastrar y soltar.

WPForms tiene muchas más funciones que el generador de formularios MailPoet predeterminado. Y tiene diferentes tipos de protección contra correo no deseado que puede usar en cualquier formulario.

Página de inicio de WPForms

Con WPForms Pro, puede:

  • Almacene todas las entradas de su formulario en el panel de WordPress
  • Crea encuestas y sondeos
  • Acepte pagos con Stripe o PayPal
  • Realice un seguimiento del viaje del usuario a través de su sitio
  • Cree formularios de varios pasos con barras de progreso
  • Y más.

Así que descarguemos e instalemos el complemento WPForms ahora. No olvide activar el complemento antes de continuar.

Paso 3: Haga su formulario de WordPress MailPoet

Ahora vamos a crear un formulario de contacto que inscribirá a los visitantes en su lista de MailPoet automáticamente cuando se envíe.

  • Si ya tiene un formulario configurado en WPForms, ábralo ahora y le mostraremos cómo modificarlo.
  • Si está comenzando desde cero, consulte esta guía para crear un formulario de contacto simple en WordPress. Se necesitan menos de 5 minutos para crear un formulario de contacto e insertarlo en su sitio.

Agregar campos de nombre separados en WPForms

De forma predeterminada, WPForms tiene un campo de nombre y apellido. Estos 2 campos se combinan en un solo 'Nombre'.

MailPoet almacena el nombre y el apellido por separado, así que modifiquemos el formulario para que coincida con eso.

Primero, arrastre 2 campos de texto de una sola línea a su formulario.

Formulario de MailPoet WordPress con 2 campos de texto de una sola línea

Ahora cambie el nombre del primer campo Nombre . Es posible que también desee que este sea un campo obligatorio. Si es así, puede hacer clic en la casilla de verificación Obligatorio .

Hacer que el campo de nombre sea obligatorio en el formulario de WordPress de MailPoet

A continuación, desplácese hacia abajo y expanda Opciones avanzadas .

Expanda las Opciones avanzadas para el campo de texto.

Ahora desplácese hacia abajo nuevamente hasta Clases CSS. Haga clic en Mostrar diseños aquí para revelar la configuración de diseño para el campo Nombre.

Mostrar diseños CSS en WPForms

Queremos que este campo se muestre en el lado izquierdo. Entonces, seleccionemos primero el diseño de 2 columnas:

Formulario de MailPoet WordPress con diseño de 2 columnas

Y luego seleccione la columna de la izquierda usando el botón aquí.

CSS del campo de nombre de MailPoet

Ahora repita el proceso con el segundo campo. Cambie el nombre a Apellido, luego expanda Opciones avanzadas y use diseños CSS para colocarlo a la derecha.

¡Excelente! Ahora tenemos 2 campos separados para el nombre y apellido del visitante. No olvide eliminar el campo Nombre original colocando el cursor sobre él y haciendo clic en la papelera.

Agregar un campo de opción

El RGPD es una ley importante que protege los datos personales. Siempre que cree un formulario de registro, debe obtener el consentimiento explícito de la persona.

Para hacer eso, podemos agregar una casilla de verificación de suscripción de MailPoet a su formulario. Si el campo optin no está marcado, no se agregarán a su lista de MailPoet.

Comience arrastrando un campo de casilla de verificación a su formulario. Agregaremos un pequeño texto para explicar para qué sirve.

Casilla de verificación de suscripción de formulario de WordPress de MailPoet

Anote el texto exacto que utiliza en el campo Opciones ; necesitaremos utilizarlo más tarde.

Probablemente también desee agregar un campo GDPR a su formulario de contacto que cubra el almacenamiento de sus datos. Si no está seguro de si lo necesita, le recomendamos que consulte a un abogado para obtener orientación sobre el RGPD.

¿Todo hecho aquí? Haga clic en Guardar .

Comprobación de la configuración de su formulario

Antes de terminar en WPForms, es una buena idea revisar las notificaciones y confirmaciones de su formulario. Para comenzar, haga clic en Configuración en el lado izquierdo del generador de formularios.

Notificaciones de formularios de WordPress de MailPoet

  • Las notificaciones son correos electrónicos que se envían cuando se envía el formulario. Dado que este es un formulario de contacto, querrás que las notificaciones estén activadas. Consulte esta guía si necesita ayuda para configurar sus notificaciones de formulario.
  • La Confirmación es el mensaje que se muestra en la pantalla después de que se envía el formulario. Eche un vistazo a cómo editar el mensaje de confirmación del formulario.

Cuando la configuración de su formulario esté configurada de la manera que desee, haga clic en Guardar .

Hemos terminado con WPForms por ahora, por lo que puede hacer clic en X para cerrar el generador de formularios y volver al panel de WordPress.

Paso 4: Instale el complemento Uncanny Automator

Uncanny Automator es un increíble complemento de WordPress que le permite automatizar complementos en WordPress. Puede utilizar un complemento como disparador y otro para realizar una acción.

Página de inicio de Uncanny Automator

Vamos a hacer una 'receta' en Uncanny Automator. El desencadenante será el envío de un formulario en WPForms. Si la casilla de verificación optin está seleccionada, Uncanny Automator agregará automáticamente a la persona a nuestra lista de MailPoet.

Para seguir adelante, querrá obtener una copia de Uncanny Automator Pro o superior e instalarlo en su sitio.

Ahora estamos listos para conectar WPForms a MailPoet.

Paso 5: Cree su integración de MailPoet WPForms

En este paso, reuniremos todo e integraremos su formulario de contacto con MailPoet.

En su panel de WordPress, vaya a Automator »Agregar nuevo .

En la ventana emergente, seleccione Anónimo . Esto crea una receta que funcionará incluso si el visitante no está conectado a WordPress.

Cree una receta anónima para la integración de MailPoet con WordPress

A continuación, escriba un nombre para su nueva receta en la parte superior.

Configuración de recetas de MailPoet WordPress en Uncanny Automator

Ahora configuraremos nuestro disparador WPForms en Uncanny Automator.

Creando su disparador de WPForms

Vamos a decirle a Uncanny Automator que active el gatillo si el usuario ha optado por hacerlo.

Primero, busque el campo etiquetado Desencadenador anónimo y seleccione WPForms .

WPForms en Uncanny Automator

A continuación, elijamos el disparador Una entrada específica en un campo específico .

Establecer disparador para WPForms en Uncanny Automator

Usando los menús desplegables, seleccione:

  • El formulario que creamos anteriormente, y
  • El campo de casilla de verificación optin que agregamos.

Seleccionar formulario en Uncanny Automator

En el tercer campo, asegúrese de escribir exactamente el mismo texto que escribió en el campo Opciones para su menú desplegable.

Valor de campo específico en WPForms

Haga clic en Guardar para guardar su activador.

Ahora pasemos al siguiente paso.

Creando su nuevo usuario en WordPress

Como parte del flujo de trabajo, Uncanny Automator necesita crear un nuevo usuario en WordPress para cada nuevo suscriptor de MailPoet. Esto permitirá que la persona inicie sesión y cambie sus preferencias.

Necesitamos decidir si ejecutaremos esta acción en un usuario existente o en un usuario nuevo. Aquí hay un pequeño detalle para ayudarlo a decidir:

  • El usuario existente buscará una coincidencia con un usuario existente de WordPress. Si Uncanny Automator no encuentra un usuario, creará uno. Esta es la mejor opción si normalmente recibe consultas de clientes que ya tienen cuentas de WordPress.
  • El nuevo usuario creará un nuevo usuario, le asignará un rol y, opcionalmente, iniciará sesión en WordPress. Si el usuario existe, Uncanny Automator seleccionará su perfil en su lugar. Esta es una buena opción si espera que la mayoría de las consultas provengan de nuevos visitantes.

Elija aquí la opción que mejor se adapte a su sitio. Usaremos New User en este ejemplo.

Seleccionar nuevo usuario en Uncanny Automator

A continuación, asignemos los campos de WPForms al perfil de usuario de WordPress que se creará si no se encuentra un usuario existente.

Haga clic en el asterisco aquí para abrir la lista de campos disponibles.

Asterisco para abrir campos en Uncanny Automator

Luego expanda la sección WPForms en la lista haciendo clic en la flecha pequeña a la derecha.

Expandir campos de formulario

Finalmente, seleccione el campo WPForms que coincida con el nombre del campo en Uncanny Automator.

Seleccionar campo en Uncanny Automator

A medida que avanza en la lista, también querrá seleccionar las siguientes opciones:

  • Nombre de usuario : es más fácil utilizar la dirección de correo electrónico de su visitante en el campo Nombre de usuario. De esa manera, todos sus usuarios definitivamente tendrán nombres de usuario únicos.
  • Rol : elija el rol para su nuevo usuario. Le recomendamos que elija Suscriptor aquí a menos que desee otorgar permisos adicionales a su nuevo usuario en WordPress.
  • Iniciar sesión del usuario : puede optar por iniciar sesión automáticamente como usuario cuando se ejecuta la receta.
  • Qué hacer si el usuario ya existe : asegúrese de elegir Seleccionar usuario existente aquí. Si no lo hace, su receta no se ejecutará para los usuarios existentes.

Ahora guarde su configuración de usuario hasta ahora.

Agregar suscriptores de WordPress a MailPoet

El último paso es configurar el nuevo usuario en MailPoet. Debajo de su configuración de usuario, haga clic en el botón Agregar acción .

Agregar nueva acción en Uncanny Automator

Ahora seleccione MailPoet de las opciones.

Seleccione la acción MailPoet

Seleccione la primera opción en el menú desplegable, Agregar un suscriptor a una lista .

Agregar un suscriptor a una lista en forma de MailPoet

Repite el proceso de mapear los campos del formulario a tu registro de suscriptor de MailPoet. Seleccione Suscrito para agregarlos a la lista, o No suscrito si desea usar el formulario para eliminarlos.

Luego haga clic en Guardar .

Campos de formulario de perfil de WordPress

¡Ya casi hemos terminado!

Ahora solo tenemos que seleccionar la lista de MailPoet para el suscriptor. Seleccionemos la nueva lista que creamos desde el principio.

Seleccione la lista de MailPoet

Solo hay una cosa más que debemos hacer. Necesitamos encender todos los interruptores para asegurarnos de que se ejecute la receta.

Desplácese hacia arriba y asegúrese de que cada sección de la receta esté ahora cambiada a Live .

Interruptor en vivo en Uncanny Automator

Y finalmente, mire hacia la parte superior derecha de la página y encienda la receta principal. Esto también debería cambiarse a Live .

Activar la receta del formulario de WordPress de MailPoet

¡Eso es todo! Su formulario de WordPress de MailPoet está listo para agregar suscriptores a su lista de correo electrónico.

Paso 6: Pruebe su formulario de WordPress MailPoet

Siempre es una buena idea probar nuevas integraciones, así que completemos su formulario de contacto ahora. Si todo funciona como se esperaba, verá un nuevo envío de formulario listado en Sin confirmar .

Suscriptor de formulario de WordPress MailPoet no confirmado

Ahora haga clic en el enlace del correo electrónico de activación para confirmar su suscripción.

Confirmar suscripción a MailPoet

Una vez que hayas hecho eso, deberías ver a tu nuevo suscriptor en la columna Suscrito de tu lista de MailPoet.

¡Y eso es! Ahora, cada visitante que use su formulario de contacto puede optar a su lista de MailPoet.

Cree su formulario de WordPress MailPoet ahora

Siguiente paso: crear un formulario de notificación de publicación de blog

Hay muchas formas diferentes de usar WPForms con MailPoet para obtener más suscriptores.

Por ejemplo, intente crear un formulario de registro de WPForms con un campo de dirección de correo electrónico, luego agréguelo a su blog usando un widget de barra lateral. Luego, conecte su formulario al boletín de notificaciones de publicación de MailPoet en Uncanny Automator.

Formulario de suscripción a publicación de blog en MailPoet

Ahora puede actualizar automáticamente a los suscriptores cada vez que publique contenido nuevo.

Crear una página de destino para su formulario también es una buena idea. Elimina todas las distracciones que de otro modo podrían dañar su tasa de conversión. Y es fácil crear una página de destino en WPForms. Consulte estos ejemplos de formularios de página de destino para inspirarse.

¿Listo para construir tu formulario? Empiece hoy mismo con el plugin de creación de formularios de WordPress más sencillo. WPForms Pro incluye más de 100 plantillas de formulario gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo le ayudó, síganos en Facebook y Twitter para obtener más tutoriales y guías gratuitos de WordPress.