{"id":53851,"date":"2022-07-05T09:42:18","date_gmt":"2022-07-05T07:42:18","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=53851&preview=true&preview_id=53851"},"modified":"2023-08-21T11:17:17","modified_gmt":"2023-08-21T09:17:17","slug":"elementor-mailchimp","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/elementor-mailchimp\/","title":{"rendered":"\u00bfC\u00f3mo integrar Elementor y Mailchimp? (en 5 pasos)"},"content":{"rendered":"

Mailchimp es una de las mejores herramientas de automatizaci\u00f3n del marketing por correo electr\u00f3nico<\/a> 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.<\/p>\n

Para resolver este problema, puedes integrar Elementor<\/a> y Mailchimp. Con Elementor, puedes dise\u00f1ar f\u00e1cilmente un formulario de suscripci\u00f3n personalizado e incrustarlo en tu sitio web. Luego, puedes gestionar la informaci\u00f3n de registro<\/a> directamente desde Mailchimp.<\/p>\n

En este post, hablaremos de por qu\u00e9 quieres integrar Elementor y Mailchimp. Luego, te mostraremos c\u00f3mo hacerlo en s\u00f3lo cinco pasos. Tambi\u00e9n hemos incluido una lista de complementos para acceder a caracter\u00edsticas y funcionalidades adicionales. \u00a1Empecemos!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Las ventajas de integrar Elementor y Mailchimp<\/h2>\n

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<\/a>, puedes hacer precisamente eso.<\/p>\n

Mailchimp es un servicio de marketing por correo electr\u00f3nico que puede crear listas de suscriptores y dise\u00f1ar correos electr\u00f3nicos:<\/p>\n

\"Mailchimp.\"
Mailchimp.<\/figcaption><\/figure>\n

Con Mailchimp puedes crear listas de correos electr\u00f3nicos con la informaci\u00f3n de contacto de tus suscriptores. Utilizando plantillas de correo electr\u00f3nico preconfeccionadas y el optimizador de contenido<\/a>, puedes enviar actualizaciones atractivas e informativas a los miembros de tu audiencia.<\/p>\n

Si eres nuevo en Mailchimp<\/a>, puedes crear una cuenta gratis. Puedes acceder a sus funciones f\u00e1ciles de usar sin pagar siempre que tengas menos de 2.000 suscriptores.<\/p>\n

Cuando intentas hacer crecer tu lista de correo electr\u00f3nico, es una buena idea incluir algunos formularios de suscripci\u00f3n en tu sitio web. Pueden ayudarte a generar clientes potenciales a partir de tu tr\u00e1fico org\u00e1nico. Aunque Mailchimp tiene esta funci\u00f3n, sus formularios incrustados suelen ser gen\u00e9ricos y probablemente no coincidan con tu marca.<\/p>\n

Aqu\u00ed es donde entra Elementor. Elementor es un constructor de p\u00e1ginas de WordPress<\/a> f\u00e1cil de usar que puedes utilizar para dise\u00f1ar tu sitio web sin necesidad de codificar. Su editor de arrastrar y soltar hace que sea sencillo crear las caracter\u00edsticas y la funcionalidad que necesita tu sitio:<\/p>\n

\"Constructor
Constructor de p\u00e1ginas Elementor.<\/figcaption><\/figure>\n

Adem\u00e1s, Elementor puede integrarse f\u00e1cilmente con Mailchimp. En comparaci\u00f3n con otros constructores de p\u00e1ginas<\/a>, Elementor es una de las mejores opciones para crear y gestionar formularios opt-in.<\/p>\n

Con Elementor, puedes a\u00f1adir un formulario de contacto<\/a> en cualquier lugar de tu sitio y vincular Mailchimp en su configuraci\u00f3n. Cuando tus visitantes online se registren, se a\u00f1adir\u00e1n autom\u00e1ticamente a tu lista de Mailchimp. El uso de ambas herramientas te permite tener formularios bien dise\u00f1ados sin perder la anal\u00edtica de suscriptores.<\/p>\n\n

\u00bfC\u00f3mo integrar Elementor y Mailchimp? (en 5 pasos)<\/h2>\n

Ahora que sabes c\u00f3mo Elementor y Mailchimp pueden beneficiar a tu sitio web, \u00a1vamos a hablar de c\u00f3mo empezar este proceso de integraci\u00f3n!<\/p>\n

Paso 1: Registrar una cuenta de Mailchimp<\/h3>\n

En primer lugar, tendr\u00e1s que ir al sitio web de Mailchimp y registrarte<\/a> para obtener una cuenta. Puedes hacerlo de forma gratuita simplemente introduciendo tu direcci\u00f3n de correo electr\u00f3nico, tu nombre de usuario y tu contrase\u00f1a:<\/p>\n

\"Reg\u00edstrate
Reg\u00edstrate en una cuenta de Mailchimp.<\/figcaption><\/figure>\n

A continuaci\u00f3n, Mailchimp te enviar\u00e1 un correo electr\u00f3nico con un enlace de activaci\u00f3n. Al hacer clic en \u00e9l, ver\u00e1s una p\u00e1gina con diferentes opciones de planes:<\/p>\n

\"Opciones
Opciones de plan de Mailchimp.<\/figcaption><\/figure>\n

Si no est\u00e1s seguro de qu\u00e9 plan es el adecuado para ti, selecciona Comparar caracter\u00edsticas del plan<\/strong>. Aqu\u00ed puedes ver todo lo que incluye cada nivel:<\/p>\n

\"View
Compara los planes de Mailchimp.<\/figcaption><\/figure>\n

En este tutorial, vamos a elegir el plan gratuito<\/strong>, que puede soportar 2.000 contactos y 10.000 env\u00edos de correo electr\u00f3nico. Ser\u00e1 suficiente para un plan b\u00e1sico de marketing por correo electr\u00f3nico<\/a>. Sin embargo, no podr\u00e1s acceder a los anuncios de retargeting, a las plantillas de correo electr\u00f3nico codificadas a medida ni a las marcas personalizadas.<\/p>\n

Para iniciar el proceso de registro, rellena tu nombre y la informaci\u00f3n de tu empresa. Aunque es opcional, tambi\u00e9n puedes introducir la URL de tu sitio web e importar su contenido:<\/p>\n

\"A\u00f1ade
A\u00f1ade tu nombre y la informaci\u00f3n de tu negocio.<\/figcaption><\/figure>\n

A continuaci\u00f3n, rellena la informaci\u00f3n de tu direcci\u00f3n. Este paso garantiza que tus correos electr\u00f3nicos no contribuyan al spam:<\/p>\n

\"A\u00f1ade
A\u00f1ade tu direcci\u00f3n en el campo.<\/figcaption><\/figure>\n

A continuaci\u00f3n, Mailchimp te preguntar\u00e1 si ya tienes suscriptores. Si es as\u00ed, selecciona S\u00ed<\/strong> y rellena cu\u00e1ntos tienes:<\/p>\n

\"Rellena
Rellena cu\u00e1ntos suscriptores tienes.<\/figcaption><\/figure>\n

Para ayudar a Mailchimp a entender tu negocio, indica si vendes productos o servicios. Para omitir esta pregunta, puedes hacer clic en Omitir<\/strong>:<\/p>\n

\"Opci\u00f3n
Opci\u00f3n de productos o servicios.<\/figcaption><\/figure>\n

Cuando termines este proceso de registro, podr\u00e1s acceder a tu cuenta de Mailchimp!<\/p>\n

Paso 2: Crear una audiencia y una clave API<\/h3>\n

Para empezar a organizar tus suscriptores en Mailchimp, tendr\u00e1s que crear un p\u00fablico. Ten en cuenta que una cuenta gratuita s\u00f3lo admite una audiencia, pero cualquier plan avanzado puede incluir tres o m\u00e1s.<\/p>\n

Aunque te sientas tentado a crear varios p\u00fablicos, Mailchimp recomienda empezar con uno<\/a>. Esta configuraci\u00f3n puede ayudarte a entender a tus suscriptores como un todo. Tambi\u00e9n puede simplificar tu proceso de env\u00edo de correos electr\u00f3nicos y mantener tus contactos a medida que tu empresa crece.<\/p>\n

Incluso con un solo p\u00fablico, puedes crear etiquetas y segmentos para organizar los contactos en diferentes subconjuntos. Sin embargo, hacer varios p\u00fablicos puede tener ciertas ventajas.<\/p>\n

Por ejemplo, si env\u00edas correos electr\u00f3nicos tanto a vendedores como a compradores, puede que tengas que enviar mensajes separados a estos grupos.<\/p>\n

En tu panel de control de Mailchimp, ve a Audiencia > Panel de Audiencia<\/strong>. A continuaci\u00f3n, haz clic en A\u00f1adir tus contactos<\/strong>:<\/p>\n

\"A\u00f1adir
A\u00f1adir contactos en Mailchimp.<\/figcaption><\/figure>\n

Esto te llevar\u00e1 a una p\u00e1gina para importar la informaci\u00f3n de contacto de tus suscriptores. Simplemente copia y pega sus nombres y direcciones de correo electr\u00f3nico en un cuadro de texto. Tambi\u00e9n puedes importar datos desde un servicio de terceros o subir un archivo CSV o TXT:<\/p>\n

\"Existen
Existen diferentes opciones de carga.<\/figcaption><\/figure>\n

Una vez que hayas hecho esto, ve al panel de control de tu audiencia<\/strong> y busca Gestionar audiencia > Configuraci\u00f3n<\/strong>. Aqu\u00ed puedes cambiar el nombre y la configuraci\u00f3n por defecto:<\/p>\n

\"Cambia
Cambia el nombre y la configuraci\u00f3n por defecto.<\/figcaption><\/figure>\n

Aseg\u00farate de establecer un nombre<\/strong> y una direcci\u00f3n de correo electr\u00f3nico del remitente<\/strong>. Tambi\u00e9n puedes activar un doble opt-in para enviar a los suscriptores un correo electr\u00f3nico de confirmaci\u00f3n despu\u00e9s de que se registren:<\/p>\n

\"A\u00f1ade
A\u00f1ade m\u00e1s opciones de campa\u00f1a.<\/figcaption><\/figure>\n

Cuando hayas terminado de crear y configurar una cuenta, ve a tu Perfil<\/strong>. A continuaci\u00f3n, haz clic en Extras > Claves API<\/strong>:<\/p>\n

\"Haz
Haz clic en la pesta\u00f1a \u00abExtras\u00bb para encontrar la opci\u00f3n API.<\/figcaption><\/figure>\n

Si no tienes una clave API, tendr\u00e1s que hacer clic en Crear una clave<\/strong>. Mailchimp a\u00f1adir\u00e1 una autom\u00e1ticamente por ti:<\/p>\n

\"Crear
Crear una clave API.<\/figcaption><\/figure>\n

Una vez que tu clave API<\/a> est\u00e9 activa, c\u00f3piala. Dado que esta informaci\u00f3n garantiza el acceso a tu cuenta de Mailchimp, nunca compartas este c\u00f3digo p\u00fablicamente.<\/p>\n

Paso 3: Dise\u00f1ar un formulario de registro de Mailchimp con Elementor<\/h3>\n

A continuaci\u00f3n, tendr\u00e1s que descargar e instalar Elementor Pro<\/a>. Incluye un constructor de formularios de WordPress<\/a>, que puedes utilizar para dise\u00f1ar formularios personalizados y recoger las opiniones de tu p\u00fablico.<\/p>\n

Despu\u00e9s de activar Elementor Pro, ve a Elementor > Configuraci\u00f3n > Integraciones<\/strong>. Despl\u00e1zate hasta la secci\u00f3n de Mailchimp<\/strong> y pega la clave API:<\/p>\n

\"Pega
Pega tu clave API de Mailchimp.<\/figcaption><\/figure>\n

Haz clic en Validar clave API<\/strong>. Si la integraci\u00f3n es correcta, ver\u00e1s una marca de verificaci\u00f3n verde junto a este bot\u00f3n. Despu\u00e9s de esto, guarda los cambios.<\/p>\n

Ahora puedes empezar a dise\u00f1ar tu formulario de registro. Primero, a\u00f1ade una nueva entrada o p\u00e1gina y selecciona Editar con Elementor<\/strong>:<\/p>\n

\"Selecciona
Selecciona \u00abEditar con Elementor\u00bb.<\/figcaption><\/figure>\n

En el editor de Elementor, despl\u00e1zate hasta los widgets Pro<\/strong>. Aqu\u00ed, ver\u00e1s una opci\u00f3n para Formularios<\/strong>. Arrastra y suelta este widget en la p\u00e1gina:<\/p>\n

\"Arrastra
Arrastra y suelta el widget \u00abFormulario\u00bb en la p\u00e1gina.<\/figcaption><\/figure>\n

Elementor crear\u00e1 autom\u00e1ticamente un formulario b\u00e1sico que incluye los campos de nombre, direcci\u00f3n de correo electr\u00f3nico y mensaje. Sin embargo, puedes seguir personalizando el formulario hasta que se ajuste a tus necesidades:<\/p>\n

\"Personaliza
Personaliza el formulario como mejor te parezca<\/figcaption><\/figure>\n

Por ejemplo, si quieres a\u00f1adir un formulario de suscripci\u00f3n<\/a>, normalmente no necesitar\u00e1 campos de mensaje. Puedes simplemente hacer clic en la X<\/strong> junto a este elemento.<\/p>\n

Para generar clientes potenciales, necesitar\u00e1s que los visitantes rellenen tanto su nombre como su correo electr\u00f3nico. Puedes hacerlo haciendo clic en cada campo y seleccionando S\u00ed<\/strong> junto a Requerido<\/strong>:<\/p>\n

\"Haz
Haz clic en los elementos adecuados.<\/figcaption><\/figure>\n

A continuaci\u00f3n, ve a la secci\u00f3n Botones<\/strong> para editar el bot\u00f3n de acci\u00f3n. Aunque el texto por defecto es \u00abEnviar\u00bb, considera la posibilidad de cambiarlo por \u00abSuscribirse\u00bb o \u00abApuntarse\u00bb:\u00bb<\/p>\n

\"Edita
Edita la acci\u00f3n del bot\u00f3n en Elementor.<\/figcaption><\/figure>\n

Puedes seguir cambiando el tama\u00f1o del bot\u00f3n y el ancho de la columna seg\u00fan sea necesario. Si lo prefieres, tambi\u00e9n puedes a\u00f1adir un icono.<\/p>\n

Paso 4: Conectar Mailchimp<\/h3>\n

Despu\u00e9s de personalizar tu formulario a tu gusto, es el momento de conectar tu cuenta de Mailchimp. Para ello, busca la secci\u00f3n Acciones despu\u00e9s del env\u00edo<\/strong>:<\/p>\n

\"Accede
Accede a la opci\u00f3n \u00abAcciones despu\u00e9s del env\u00edo\u00bb.<\/figcaption><\/figure>\n

A continuaci\u00f3n, haz clic en el icono +<\/strong> y elige Mailchimp<\/strong> en el men\u00fa desplegable:<\/p>\n

\"Elige
Elige Mailchimp en el men\u00fa desplegable.<\/figcaption><\/figure>\n

Esto crear\u00e1 una nueva secci\u00f3n abajo titulada Mailchimp<\/strong>. Cuando hagas clic en ella, ver\u00e1s las opciones para establecer una clave API y una audiencia:<\/p>\n

\"Configura
Configura las opciones de la API y de la audiencia si es necesario.<\/figcaption><\/figure>\n

Si has introducido tu clave de API en los ajustes de integraci\u00f3n, puedes dejar la secci\u00f3n Clave de API<\/strong> como Predeterminada<\/strong>. A continuaci\u00f3n, selecciona el p\u00fablico<\/strong> que quieres vincular a este formulario de suscripci\u00f3n:<\/p>\n

\"Selecciona
Selecciona la audiencia adecuada de Mailchimp.<\/figcaption><\/figure>\n

Tambi\u00e9n puedes elegir cualquier grupo o etiqueta que hayas creado en Mailchimp. Por \u00faltimo, personaliza la configuraci\u00f3n del Mapeo de campos<\/strong> en funci\u00f3n de los campos que hayas proporcionado en el formulario. Esto indicar\u00e1 a Mailchimp qu\u00e9 informaci\u00f3n debe catalogar en su sistema.<\/p>\n

En este ejemplo, nuestro formulario de suscripci\u00f3n s\u00f3lo contiene un campo de nombre y otro de correo electr\u00f3nico. Esto significa que s\u00f3lo incluiremos esta informaci\u00f3n en la secci\u00f3n Mapeo de campos<\/strong>:<\/p>\n

\"Opciones
Opciones de mapeo de campos.<\/figcaption><\/figure>\n

Por \u00faltimo, ve a Opciones adicionales<\/strong> y busca Mensajes personalizados<\/strong>. Activa esta opci\u00f3n para proporcionar un mensaje de \u00e9xito despu\u00e9s de que alguien complete el formulario:<\/p>\n

\"A\u00f1ade
A\u00f1ade un mensaje de \u00e9xito para tus usuarios.<\/figcaption><\/figure>\n

El mensaje por defecto ser\u00e1 \u00abEste formulario se ha enviado correctamente\u00bb Puedes considerar cambiar esto por algo como \u00abGracias por suscribirse\u00bb Tambi\u00e9n puedes a\u00f1adir mensajes personalizados para los errores y los campos obligatorios.<\/p>\n

Paso 5: A\u00f1ade el formulario a tu sitio web<\/h3>\n

Cuando hayas terminado de personalizar el formulario, selecciona Publicar<\/strong>. Considera la posibilidad de utilizar t\u00fa mismo el formulario de inscripci\u00f3n para comprobar que funciona correctamente. Luego, puedes ver si la nueva direcci\u00f3n de correo electr\u00f3nico<\/a> se registra en tu cuenta de Mailchimp.<\/p>\n

Tambi\u00e9n es posible que quieras a\u00f1adir este nuevo formulario a varias \u00e1reas de tu sitio web. Puedes guardarlo como un Widget Global para facilitar este proceso.<\/p>\n

En primer lugar, busca el icono Editar formulario<\/strong> en la parte derecha del formulario. Haz clic con el bot\u00f3n derecho y selecciona Guardar como Global<\/strong>:<\/p>\n

\"Guardar
Guardar como Global.<\/figcaption><\/figure>\n

Esto a\u00f1adir\u00e1 el formulario de suscripci\u00f3n a tu Configuraci\u00f3n Global<\/strong>. Cuando a\u00f1adas una nueva p\u00e1gina o publicaci\u00f3n, s\u00f3lo tienes que ir a GLOBAL<\/strong>, buscar el formulario predise\u00f1ado y arrastrarlo y soltarlo donde quieras:<\/p>\n

\"Arrastra
Arrastra y suelta el formulario Global donde quieras.<\/figcaption><\/figure>\n

Cuando consideres d\u00f3nde colocar tus formularios de suscripci\u00f3n en tu sitio web, quiz\u00e1 quieras pensar en la visibilidad. Potencialmente puedes recoger m\u00e1s clientes potenciales en una p\u00e1gina de destino<\/a> bien dise\u00f1ada, que los visitantes puedan ver cuando entren en tu sitio. Sin embargo, es posible que los usuarios no est\u00e9n interesados en suscribirse tan pronto.<\/p>\n

A veces, una mejor opci\u00f3n es incluir formularios de contacto dentro de tu contenido o en una barra lateral. Aunque esto tiene algo menos de visibilidad que una p\u00e1gina de aterrizaje, esta colocaci\u00f3n puede permitir a los visitantes suscribirse mientras interact\u00faan con tu sitio web.<\/p>\n

A\u00f1adir el formulario a un pie de p\u00e1gina tambi\u00e9n puede ser una opci\u00f3n pr\u00e1ctica. 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\u00e1s probable que se suscriban. Sin embargo, esta colocaci\u00f3n no es tan visible como otras opciones.<\/p>\n

Los mejores complementos para tu integraci\u00f3n con Elementor\/Mailchimp<\/h2>\n

Con los mejores complementos de WordPress<\/a>, puedes crear un sitio web adaptado a tu audiencia. Elementor Pro te ofrece muchas opciones para dise\u00f1ar formularios e integrar servicios de terceros como Mailchimp.<\/p>\n

Aun as\u00ed, puede que necesites funciones m\u00e1s avanzadas. Con algunos complementos, puedes tener m\u00e1s control sobre el aspecto y la funcionalidad de tus formularios.<\/p>\n

1. Essential Addons<\/h3>\n

El uso de los Essential Addons<\/a> es una gran manera de ampliar las caracter\u00edsticas del n\u00facleo de Elementor. Con esta herramienta, puedes acceder a m\u00e1s elementos creativos. Entre ellos se encuentran funciones interactivas como la rejilla de productos de Woo, la cuenta atr\u00e1s y la galer\u00eda filtrable:<\/p>\n

\"Essential
Essential Addons<\/figcaption><\/figure>\n

Caracter\u00edsticas:<\/strong><\/p>\n