¿Cómo integrar Elementor y Mailchimp? (en 5 pasos)

Mailchimp es una de las mejores herramientas de automatización del marketing por correo electrónico para tu sitio web. Sus servicios pueden organizar eficazmente a tus suscriptores y enviarles el contenido que les interesa. Sin embargo, los formularios de contacto de Mailchimp pueden no alinearse con la marca de tu sitio web.

Para resolver este problema, puedes integrar Elementor y Mailchimp. Con Elementor, puedes diseñar fácilmente un formulario de suscripción personalizado e incrustarlo en tu sitio web. Luego, puedes gestionar la información de registro directamente desde Mailchimp.

En este post, hablaremos de por qué quieres integrar Elementor y Mailchimp. Luego, te mostraremos cómo hacerlo en sólo cinco pasos. También hemos incluido una lista de complementos para acceder a características y funcionalidades adicionales. ¡Empecemos!

Las ventajas de integrar Elementor y Mailchimp

Tanto si tienes un negocio online como un blog, es probable que necesites una forma de contactar con tu audiencia de forma constante. Con Mailchimp, puedes hacer precisamente eso.

Mailchimp es un servicio de marketing por correo electrónico que puede crear listas de suscriptores y diseñar correos electrónicos:

Con Mailchimp puedes crear listas de correos electrónicos con la información de contacto de tus suscriptores. Utilizando plantillas de correo electrónico preconfeccionadas y el optimizador de contenido, puedes enviar actualizaciones atractivas e informativas a los miembros de tu audiencia.

Si eres nuevo en Mailchimp, puedes crear una cuenta gratis. Puedes acceder a sus funciones fáciles de usar sin pagar siempre que tengas menos de 2.000 suscriptores.

Cuando intentas hacer crecer tu lista de correo electrónico, es una buena idea incluir algunos formularios de suscripción en tu sitio web. Pueden ayudarte a generar clientes potenciales a partir de tu tráfico orgánico. Aunque Mailchimp tiene esta función, sus formularios incrustados suelen ser genéricos y probablemente no coincidan con tu marca.

Aquí es donde entra Elementor. Elementor es un constructor de páginas de WordPress fácil de usar que puedes utilizar para diseñar tu sitio web sin necesidad de codificar. Su editor de arrastrar y soltar hace que sea sencillo crear las características y la funcionalidad que necesita tu sitio:

Además, Elementor puede integrarse fácilmente con Mailchimp. En comparación con otros constructores de páginas, Elementor es una de las mejores opciones para crear y gestionar formularios opt-in.

Con Elementor, puedes añadir un formulario de contacto en cualquier lugar de tu sitio y vincular Mailchimp en su configuración. Cuando tus visitantes online se registren, se añadirán automáticamente a tu lista de Mailchimp. El uso de ambas herramientas te permite tener formularios bien diseñados sin perder la analítica de suscriptores.

¿Cómo integrar Elementor y Mailchimp? (en 5 pasos)

Ahora que sabes cómo Elementor y Mailchimp pueden beneficiar a tu sitio web, ¡vamos a hablar de cómo empezar este proceso de integración!

Paso 1: Registrar una cuenta de Mailchimp

En primer lugar, tendrás que ir al sitio web de Mailchimp y registrarte para obtener una cuenta. Puedes hacerlo de forma gratuita simplemente introduciendo tu dirección de correo electrónico, tu nombre de usuario y tu contraseña:

A continuación, Mailchimp te enviará un correo electrónico con un enlace de activación. Al hacer clic en él, verás una página con diferentes opciones de planes:

Si no estás seguro de qué plan es el adecuado para ti, selecciona Comparar características del plan. Aquí puedes ver todo lo que incluye cada nivel:

En este tutorial, vamos a elegir el plan gratuito, que puede soportar 2.000 contactos y 10.000 envíos de correo electrónico. Será suficiente para un plan básico de marketing por correo electrónico. Sin embargo, no podrás acceder a los anuncios de retargeting, a las plantillas de correo electrónico codificadas a medida ni a las marcas personalizadas.

Para iniciar el proceso de registro, rellena tu nombre y la información de tu empresa. Aunque es opcional, también puedes introducir la URL de tu sitio web e importar su contenido:

A continuación, rellena la información de tu dirección. Este paso garantiza que tus correos electrónicos no contribuyan al spam:

A continuación, Mailchimp te preguntará si ya tienes suscriptores. Si es así, selecciona Sí y rellena cuántos tienes:

Para ayudar a Mailchimp a entender tu negocio, indica si vendes productos o servicios. Para omitir esta pregunta, puedes hacer clic en Omitir:

Cuando termines este proceso de registro, podrás acceder a tu cuenta de Mailchimp!

Paso 2: Crear una audiencia y una clave API

Para empezar a organizar tus suscriptores en Mailchimp, tendrás que crear un público. Ten en cuenta que una cuenta gratuita sólo admite una audiencia, pero cualquier plan avanzado puede incluir tres o más.

Aunque te sientas tentado a crear varios públicos, Mailchimp recomienda empezar con uno. Esta configuración puede ayudarte a entender a tus suscriptores como un todo. También puede simplificar tu proceso de envío de correos electrónicos y mantener tus contactos a medida que tu empresa crece.

Incluso con un solo público, puedes crear etiquetas y segmentos para organizar los contactos en diferentes subconjuntos. Sin embargo, hacer varios públicos puede tener ciertas ventajas.

Por ejemplo, si envías correos electrónicos tanto a vendedores como a compradores, puede que tengas que enviar mensajes separados a estos grupos.

En tu panel de control de Mailchimp, ve a Audiencia > Panel de Audiencia. A continuación, haz clic en Añadir tus contactos:

Esto te llevará a una página para importar la información de contacto de tus suscriptores. Simplemente copia y pega sus nombres y direcciones de correo electrónico en un cuadro de texto. También puedes importar datos desde un servicio de terceros o subir un archivo CSV o TXT:

Una vez que hayas hecho esto, ve al panel de control de tu audiencia y busca Gestionar audiencia > Configuración. Aquí puedes cambiar el nombre y la configuración por defecto:

Asegúrate de establecer un nombre y una dirección de correo electrónico del remitente. También puedes activar un doble opt-in para enviar a los suscriptores un correo electrónico de confirmación después de que se registren:

Cuando hayas terminado de crear y configurar una cuenta, ve a tu Perfil. A continuación, haz clic en Extras > Claves API:

Si no tienes una clave API, tendrás que hacer clic en Crear una clave. Mailchimp añadirá una automáticamente por ti:

Una vez que tu clave API esté activa, cópiala. Dado que esta información garantiza el acceso a tu cuenta de Mailchimp, nunca compartas este código públicamente.

Paso 3: Diseñar un formulario de registro de Mailchimp con Elementor

A continuación, tendrás que descargar e instalar Elementor Pro. Incluye un constructor de formularios de WordPress, que puedes utilizar para diseñar formularios personalizados y recoger las opiniones de tu público.

Después de activar Elementor Pro, ve a Elementor > Configuración > Integraciones. Desplázate hasta la sección de Mailchimp y pega la clave API:

Haz clic en Validar clave API. Si la integración es correcta, verás una marca de verificación verde junto a este botón. Después de esto, guarda los cambios.

Ahora puedes empezar a diseñar tu formulario de registro. Primero, añade una nueva entrada o página y selecciona Editar con Elementor:

En el editor de Elementor, desplázate hasta los widgets Pro. Aquí, verás una opción para Formularios. Arrastra y suelta este widget en la página:

Elementor creará automáticamente un formulario básico que incluye los campos de nombre, dirección de correo electrónico y mensaje. Sin embargo, puedes seguir personalizando el formulario hasta que se ajuste a tus necesidades:

Por ejemplo, si quieres añadir un formulario de suscripción, normalmente no necesitará campos de mensaje. Puedes simplemente hacer clic en la X junto a este elemento.

Para generar clientes potenciales, necesitarás que los visitantes rellenen tanto su nombre como su correo electrónico. Puedes hacerlo haciendo clic en cada campo y seleccionando Sí junto a Requerido:

A continuación, ve a la sección Botones para editar el botón de acción. Aunque el texto por defecto es «Enviar», considera la posibilidad de cambiarlo por «Suscribirse» o «Apuntarse»:»

Puedes seguir cambiando el tamaño del botón y el ancho de la columna según sea necesario. Si lo prefieres, también puedes añadir un icono.

Paso 4: Conectar Mailchimp

Después de personalizar tu formulario a tu gusto, es el momento de conectar tu cuenta de Mailchimp. Para ello, busca la sección Acciones después del envío:

A continuación, haz clic en el icono + y elige Mailchimp en el menú desplegable:

Esto creará una nueva sección abajo titulada Mailchimp. Cuando hagas clic en ella, verás las opciones para establecer una clave API y una audiencia:

Si has introducido tu clave de API en los ajustes de integración, puedes dejar la sección Clave de API como Predeterminada. A continuación, selecciona el público que quieres vincular a este formulario de suscripción:

También puedes elegir cualquier grupo o etiqueta que hayas creado en Mailchimp. Por último, personaliza la configuración del Mapeo de campos en función de los campos que hayas proporcionado en el formulario. Esto indicará a Mailchimp qué información debe catalogar en su sistema.

En este ejemplo, nuestro formulario de suscripción sólo contiene un campo de nombre y otro de correo electrónico. Esto significa que sólo incluiremos esta información en la sección Mapeo de campos:

Por último, ve a Opciones adicionales y busca Mensajes personalizados. Activa esta opción para proporcionar un mensaje de éxito después de que alguien complete el formulario:

El mensaje por defecto será «Este formulario se ha enviado correctamente» Puedes considerar cambiar esto por algo como «Gracias por suscribirse» También puedes añadir mensajes personalizados para los errores y los campos obligatorios.

Paso 5: Añade el formulario a tu sitio web

Cuando hayas terminado de personalizar el formulario, selecciona Publicar. Considera la posibilidad de utilizar tú mismo el formulario de inscripción para comprobar que funciona correctamente. Luego, puedes ver si la nueva dirección de correo electrónico se registra en tu cuenta de Mailchimp.

También es posible que quieras añadir este nuevo formulario a varias áreas de tu sitio web. Puedes guardarlo como un Widget Global para facilitar este proceso.

En primer lugar, busca el icono Editar formulario en la parte derecha del formulario. Haz clic con el botón derecho y selecciona Guardar como Global:

Esto añadirá el formulario de suscripción a tu Configuración Global. Cuando añadas una nueva página o publicación, sólo tienes que ir a GLOBAL, buscar el formulario prediseñado y arrastrarlo y soltarlo donde quieras:

Cuando consideres dónde colocar tus formularios de suscripción en tu sitio web, quizá quieras pensar en la visibilidad. Potencialmente puedes recoger más clientes potenciales en una página de destino bien diseñada, que los visitantes puedan ver cuando entren en tu sitio. Sin embargo, es posible que los usuarios no estén interesados en suscribirse tan pronto.

A veces, una mejor opción es incluir formularios de contacto dentro de tu contenido o en una barra lateral. Aunque esto tiene algo menos de visibilidad que una página de aterrizaje, esta colocación puede permitir a los visitantes suscribirse mientras interactúan con tu sitio web.

Añadir el formulario a un pie de página también puede ser una opción práctica. Los usuarios que se desplazan hasta la parte inferior de tu sitio web suelen sentir curiosidad por tu contenido, lo que significa que es más probable que se suscriban. Sin embargo, esta colocación no es tan visible como otras opciones.

Los mejores complementos para tu integración con Elementor/Mailchimp

Con los mejores complementos de WordPress, puedes crear un sitio web adaptado a tu audiencia. Elementor Pro te ofrece muchas opciones para diseñar formularios e integrar servicios de terceros como Mailchimp.

Aun así, puede que necesites funciones más avanzadas. Con algunos complementos, puedes tener más control sobre el aspecto y la funcionalidad de tus formularios.

1. Essential Addons

El uso de los Essential Addons es una gran manera de ampliar las características del núcleo de Elementor. Con esta herramienta, puedes acceder a más elementos creativos. Entre ellos se encuentran funciones interactivas como la rejilla de productos de Woo, la cuenta atrás y la galería filtrable:

Características:

• Widgets de contenido avanzados para añadir calendarios de eventos, cuadros de información, testimonios y mucho más
• Elementos de WooCommerce como galerías de productos, rejillas y carruseles
• Integración con plataformas de terceros como Mailchimp y Ninja Forms

Cuando instalas Complementos Esenciales en tu sitio de WordPress, puedes integrar Mailchimp mediante sus Elementos de Estilo de Formulario. Aquí, sólo tienes que introducir tu clave API de Mailchimp, que añadirá un widget de EA Mailchimp al editor de Elementor. A continuación, puedes arrastrar y soltar el widget en una página y seguir personalizándolo según sea necesario.

Precio: Los planes de suscripción a Essential Addons comienzan en 39,97 $ para un sitio web. Incluye más de 70 widgets y siete extensiones.

2. Happy Addons

Con Happy Addons, puedes elegir entre más de 400 bloques y widgets prediseñados para importarlos al editor de Elementor. Para acelerar el proceso de creación, puedes establecer preajustes de diseño.

Happy Addons también permite copiar elementos de un sitio web y pegarlos en un sitio con un dominio diferente:

Características:

• Anidación de secciones
• Copiar y pegar entre dominios
• más de 400 conjuntos de diseño prediseñados

Después de introducir tu clave API de Mailchimp en Credenciales en la configuración de Happy Addons, puedes utilizar Elementor para arrastrar y soltar un widget de formulario de Mailchimp en una página.

A continuación, puedes editar la configuración avanzada de la herramienta para personalizar los márgenes del formulario, los colores y la tipografía. También puedes rediseñar los campos y botones para que tengan un fondo, una sombra, un tamaño de fuente y un espaciado únicos.

Precio: Happy Addons ofrece planes de suscripción anual a partir de 39 $ para un sitio.

3. ElementsKit

Al igual que las otras opciones de esta lista, ElementsKit es un paquete de plugins todo en uno con widgets y extensiones adicionales para Elementor. Puede ofrecer más personalización al editar características funcionales como cabeceras, pies de página o menús.

Además, ElementsKit incluye un constructor de widgets personalizado si no encuentras una opción que te sirva:

Características:

• Controles personalizados como Multi Widgets, AjaxSELECT2 y Image-Picker
• más de 85 widgets y extensiones
• más de 500 bloques web prediseñados

Puedes utilizar ElementsKit para integrar Elementor y Mailchimp completamente a través del editor de Elementor. Sólo tendrás que arrastrar y soltar el widget de Mailchimp en una página y definir la clave API. A continuación, puedes añadir campos e iconos personalizados a tu formulario.

Precio: Los planes anuales de ElementsKit comienzan en 39 $ para un sitio.

4. The Plus Addons

The Plus Addons se anuncia como una herramienta de Elementor creada para todo el mundo. Con plantillas ya hechas y tutoriales detallados en YouTube, incluso los principiantes pueden aprender rápidamente a diseñar un sitio web funcional.

Además, The Plus Addons también está repleto de amplios widgets que ofrecen funciones personalizables para los diseñadores:

Características:

• más de 96 widgets avanzados de Elementor
• Opciones de listado para mostrar productos, entradas de blog y galerías de imágenes
• Constructor fácil de usar diseñado para tipos de post personalizados

La herramienta Plus Addons ofrece una de las formas más sencillas de integrar Elementor y Mailchimp. Desde tu cuenta de Mailchimp, copia la clave API y el ID de lista de tu público. A continuación, ve a la configuración de conexión de la API y pega esta información. Después de esto, puedes arrastrar y soltar un widget de suscripción de Mailchimp y editar su diseño y estructura.

Precio: Plus Addons tiene una versión gratuita. Sin embargo, su selección de planes contiene más widgets y extensiones. Estos paquetes tienen un precio a partir de 31$ al año.

Resumen

Aunque combinar Mailchimp y Elementor puede parecer desalentador, cualquiera puede integrar estas dos herramientas. Al hacerlo, puedes crear formularios de suscripción personalizados que cumplan tus expectativas de apariencia y funcionalidad.

Para repasar, aquí tienes los cinco sencillos pasos para integrar Elementor y Mailchimp en tu sitio web:

1. Regístrate en una cuenta de Mailchimp.
2. Crea una audiencia y una clave API.
3. Diseña un formulario de registro de Mailchimp con Elementor.
4. Conecta Mailchimp.
5. Añade tu formulario a tu sitio web.

El marketing por correo electrónico y el diseño son esenciales para el éxito de tu sitio web. También es conveniente que te asocies con un proveedor de alojamiento dedicado.

En Kinsta, nuestros planes de alojamiento (alojamiento de aplicaciones, alojamiento de bases de datos y alojamiento administrado de WordPress) pueden llevar el rendimiento de tu sitio al siguiente nivel. ¡Ponte en contacto con nosotros para obtener más información!

¿Tienes alguna duda sobre la integración de Elementor y Mailchimp? ¡Pregúntanos en la sección de comentarios más abajo!