Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo crear un formulario de suscripción de Mailchimp en WordPress con campos personalizados

A lo largo de los años, hemos probado muchos servicios de marketing por correo electrónico y hemos ayudado a los usuarios de WordPress a crear formularios de suscripción para sus sitios. Recientemente, uno de nuestros lectores preguntó cuál era la mejor manera de agregar un formulario de suscripción de Mailchimp a su sitio web de WordPress

Mailchimp es una popular herramienta de marketing por correo electrónico que ofrece un creador de formularios. Sin embargo, este creador tiene funciones y opciones de personalización limitadas. Agregar un formulario de suscripción personalizado te brinda más flexibilidad y ayuda a hacer crecer tu lista de correo electrónico.

En este artículo, te mostraremos cómo crear un formulario de suscripción de Mailchimp en WordPress con campos personalizados.

Cómo crear un formulario de suscripción de Mailchimp en WordPress

¿Por qué agregar un formulario de suscripción personalizado de Mailchimp en WordPress?

Agregar un formulario de suscripción a tu sitio web de WordPress es una excelente manera de comunicarte con tus usuarios.

Puedes enviar boletines informativos, lanzamientos de nuevos productos, anuncios y otra información mientras creas una conexión directa con tu audiencia.

Mailchimp es uno de los servicios de marketing por correo electrónico más populares. Te ayuda a crear una lista de correo electrónico, enviar correos electrónicos y configurar campañas de correo electrónico automatizadas. Además, también ofrece un creador de formularios que puedes usar para crear un formulario de suscripción e incrustarlo en tu sitio web.

Sin embargo, el creador de formularios de Mailchimp es muy básico y no ofrece muchas opciones de personalización. Tienes campos de formulario limitados para elegir, y no hay configuraciones para cambiar el color, la fuente y más. También agrega la marca de Mailchimp en la parte inferior.

Vista previa del formulario de suscripción de Mailchimp

Crear un formulario de suscripción personalizado de Mailchimp te da más flexibilidad y control. Puedes agregar todo tipo de campos de formulario, editar su apariencia, agregar lógica condicional para mostrar campos basados en las respuestas del usuario, y más.

Dado que Mailchimp tiene limitaciones, también puedes consultar nuestra guía sobre por qué WPBeginner cambió de Mailchimp a Drip.

Dicho esto, veamos cómo puedes crear un formulario de suscripción de Mailchimp con campos personalizados.

Cómo crear un formulario de suscripción de Mailchimp en WordPress

La forma más fácil de agregar un formulario de suscripción de Mailchimp a WordPress es usando WPForms. Es el mejor plugin de formularios de contacto para WordPress que utilizan más de 6 millones de profesionales.

WPForms es un plugin fácil de usar para principiantes que ofrece un creador de formularios de arrastrar y soltar, más de 1300 plantillas preconstruidas y muchas opciones de personalización. La mejor parte es que se integra fácilmente con Mailchimp.

Nota: Para este tutorial, usaremos la versión WPForms Pro porque incluye el complemento Mailchimp y campos de formulario personalizados. También existe la versión WPForms Lite que está disponible de forma gratuita, pero no ofrece una integración con Mailchimp.

Paso 1: Conectar Mailchimp con WPForms

Primero, necesitarás instalar y activar el plugin WPForms. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, deberás ir a WPForms » Ajustes y agregar la clave de licencia. Puedes encontrar la clave en el área de tu cuenta de WPForms.

Después de ingresar la clave de licencia, haz clic en el botón ‘Verificar clave’.

Agregar una clave de licencia al plugin constructor de formularios WPForms

A continuación, deberás instalar el complemento de Mailchimp.

Puedes hacer eso yendo a WPForms » Complementos desde el panel de administración de WordPress. Desde aquí, navega al complemento de Mailchimp y haz clic en el botón 'Instalar complemento'.

Instalar complemento de Mailchimp

El complemento ahora debería estar instalado y activado.

Una vez hecho esto, simplemente ve a WPForms » Ajustes desde tu panel de WordPress y cambia a la pestaña 'Integraciones'.

Integrar MailChimp con WPForms

A continuación, puedes expandir la configuración de Mailchimp y luego hacer clic en el botón '+ Agregar nueva cuenta' en Mailchimp.

Tan pronto como lo hagas, verás más opciones. Para integrar Mailchimp, debes ingresar la clave API y un apodo para la cuenta. Esto permitirá que WPForms se comunique con tu cuenta de Mailchimp.

Ver más opciones de integración de Mailchimp

Creación de claves API de Mailchimp para la integración con WPForms

Para crear una clave API para conectar WPForms, primero necesitarás iniciar sesión en tu cuenta de Mailchimp.

Una vez que hayas iniciado sesión, simplemente haz clic en tu avatar en la esquina superior derecha y selecciona la opción ‘Cuenta y facturación’.

Haz clic en tu avatar de Mailchimp

En la siguiente página, verás diferentes configuraciones de cuenta.

Simplemente haz clic en el menú desplegable ‘Extras’ y luego selecciona la opción ‘Claves API’.

Abrir página de claves API

A continuación, puedes copiar una clave API existente para usarla en tu integración de WPForms.

Si no has generado una clave previamente, simplemente haz clic en el botón ‘Crear una clave’.

Crear una nueva clave

Después de eso, puedes ingresar un nombre para tu nueva clave API.

Una vez hecho esto, solo haz clic en el botón ‘Generar clave’.

Ingresa un nombre para la clave API

A continuación, verás la nueva clave API.

Adelante, copia la clave y haz clic en el botón ‘Listo’.

Copiar la clave de la API

Ahora puedes regresar a la pestaña o ventana del navegador con la configuración de integración de WPForms.

Desde aquí, simplemente pega la clave en el campo ‘Clave API’. También puedes agregar un apodo para la cuenta de Mailchimp para recordar a qué cuenta estás conectado.

Ingresa tu clave API de Mailchimp

Después de ingresar la clave, haz clic en el botón ‘Conectar a Mailchimp’.

Ahora deberías ver un botón verde ‘Conectado’ junto a la configuración de Mailchimp, lo que indica que la herramienta de marketing por correo electrónico se ha integrado con éxito con WPForms.

Ver conexión de Mailchimp

Paso 2: Diseña un formulario de suscripción de Mailchimp con campos personalizados

Ahora que has integrado Mailchimp con WPForms, el siguiente paso es crear un formulario de suscripción con campos personalizados.

Primero, deberás ir a WPForms » Añadir nuevo desde el panel de WordPress. A continuación, puedes ingresar un nombre en la parte superior y seleccionar una plantilla de formulario.

Seleccionar una plantilla de formulario

WPForms ofrece muchas plantillas de formularios preconstruidas, por lo que puedes elegir una rápidamente y personalizarla.

Incluso ofrece plantillas de formularios para Mailchimp. Por ejemplo, puedes crear un formulario de contacto de registro, un formulario de suscripción a boletines informativos o un formulario de marketing por correo electrónico.

Plantillas de formularios de Mailchimp

Para este tutorial, elegiremos la plantilla de formulario de suscripción al boletín de Mailchimp.

En la siguiente pantalla, verás el constructor de formularios de arrastrar y soltar de WPForms. Aquí, puedes personalizar el formulario y agregar campos personalizados desde el menú de la izquierda.

Agregar campos de formulario personalizados

La plantilla de formulario predeterminada vendrá con campos de Nombre y Correo electrónico.

Sin embargo, puedes simplemente arrastrar cualquier campo de formulario y soltarlo en la plantilla. Hay campos para agregar texto, opciones de lista desplegable, preguntas de opción múltiple, números de teléfono, direcciones, fecha y hora, sitios web, contraseñas y más.

Por ejemplo, si estás utilizando un servicio telefónico para negocios, entonces puedes agregar un campo de Teléfono. Esto te ayudará a enviar mensajes SMS o contactar a los suscriptores por teléfono.

Agregar campos de formulario personalizados

Puedes agregar un campo de casilla de verificación y permitir que los usuarios seleccionen sus intereses. De esta manera, puedes segmentar a tus suscriptores y enviarles correos electrónicos dirigidos.

A continuación, puedes editar aún más cada campo del formulario en la plantilla. Simplemente elige un campo y verás más opciones en el panel izquierdo.

Por ejemplo, cambiamos las opciones en el campo de formulario de Casillas de verificación.

Personalizar cada campo del formulario

También puedes editar la etiqueta del campo del formulario, hacerlo un campo obligatorio, agregar imágenes a las opciones de las casillas de verificación y más.

Una vez que hayas terminado de agregar campos de formulario personalizados, cambia a la pestaña 'Configuración' en el menú de la izquierda. En la configuración general, puedes cambiar el nombre y la descripción del formulario, agregar etiquetas, editar el texto del botón de envío y más.

Configuración general del formulario Mailchimp

A continuación, puedes cambiar a la pestaña 'Confirmaciones' y elegir lo que los suscriptores verán una vez que envíen un formulario.

WPForms te permite mostrar un mensaje, una página específica como una página de agradecimiento, o redirigir a los usuarios a una URL.

Configuración de confirmación del formulario Mailchimp

Después de eso, puedes ir a la pestaña 'Marketing' en el panel izquierdo y luego seleccionar Mailchimp.

Desde aquí, simplemente haz clic en el botón 'Agregar nueva conexión'.

Agregar nueva conexión de Mailchimp

A continuación, se abrirá una pequeña ventana emergente donde deberás ingresar el apodo de Mailchimp.

Después de ingresarlo, haz clic en el botón 'Aceptar'.

Ingresa un apodo para la conexión

A continuación, puedes elegir la cuenta de Mailchimp que conectaste anteriormente.

Simplemente haz clic en el menú desplegable 'Seleccionar cuenta' y elige tu cuenta.

Seleccionar tu cuenta de Mailchimp

Después de eso, aparecerán más opciones.

Puedes seleccionar la audiencia del menú desplegable a la que se agregarán los nuevos suscriptores.

Seleccionar audiencia y acción

Hay diferentes acciones para elegir, pero para este tutorial, seleccionaremos la opción 'Suscribir'. Esto agregará al usuario como un nuevo contacto a tu cuenta de Mailchimp.

A continuación, puedes desplazarte hacia abajo para ver configuraciones adicionales. Por ejemplo, hay una opción para elegir el campo de WPForms donde los usuarios pueden ingresar sus direcciones de correo electrónico.

Configuraciones adicionales de Mailchimp en WPForms

También tienes opciones para agregar etiquetas a los nuevos suscriptores y una nota al perfil del usuario.

Si te desplazas más hacia abajo, verás más configuraciones opcionales. Por ejemplo, puedes habilitar la doble confirmación, marcar al suscriptor como VIP, actualizar su perfil si el contacto ya está en una audiencia, y más.

Más configuraciones de Mailchimp en WPForms

Ahora, estás listo para agregar tu formulario de suscripción de Mailchimp a tu blog de WordPress o sitio web.

En el constructor de formularios de WPForms, verás una opción 'Incrustar' en la parte superior. Haz clic en el botón 'Guardar' para almacenar tus cambios, y luego haz clic en el botón 'Incrustar'.

Guardar e incrustar su formulario

A continuación, se abrirá una ventana emergente, pidiéndote que selecciones una página existente o crees una nueva.

Para este tutorial, usaremos la opción ‘Crear Nueva Página’.

Incrustar un formulario en una página

Después de eso, deberás ingresar un nombre para tu nueva página.

Una vez hecho esto, simplemente haz clic en el botón '¡Vamos!'.

Ingresar nombre para la página de incrustación del formulario

A continuación, verá una vista previa de su formulario en el editor de contenido de WordPress.

Luego, puede hacer clic en el botón 'Publicar' en la parte superior para que su formulario de suscripción de Mailchimp esté activo.

Ver vista previa del formulario de suscripción

Ahora ha creado con éxito un formulario de suscripción de Mailchimp con campos personalizados.

Puede visitar su sitio web para ver el formulario en acción.

Vista previa del formulario de suscripción de Mailchimp con campos personalizados

También puede hacer mucho más con Mailchimp y WordPress. Por ejemplo, puede integrarlo con OptinMonster y mostrar sus formularios de suscripción en campañas emergentes.

Para obtener más información, consulte nuestra guía definitiva para usar Mailchimp y WordPress.

Esperamos que este artículo le haya ayudado a aprender cómo crear un formulario de suscripción de Mailchimp en WordPress con campos personalizados. También puede consultar nuestra guía sobre formas fáciles de hacer crecer su lista de correo electrónico más rápido y nuestras selecciones expertas de los plugins esenciales de WordPress para hacer crecer su sitio web.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

4 CommentsLeave a Reply

  1. Really good and easy guide I upgraded my form with it.
    However after 4 years with mailchimp I think about moving on. Pricing became a little bit expensive. What alternatives do you recomend for someone with small email list (2k contacts) that sends 2 newsletters per month? You guys know a lot about good alternatives and probably have guides for them already :)

  2. Gracias por el desglose detallado sobre cómo registrarse y usar Mailchimp. Quería crear un boletín para un amigo y no esperaba que algo tan común, usado por tantos, fuera tan desafiante para mí. Pasé bastante tiempo en Mailchimp, y la parte más desafiante para mí fue importar correos electrónicos y luego conectarlos a Mailchimp. ¡Gracias!

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.