Un Formulario Elementor Mailchimp es una de las formas más rápidas de convertir a un visitante en suscriptor. El Mailchimp widget adentro Complementos maestros para Elementor coloca un formulario de registro directamente en su diseño y le brinda dos formas de ejecutarlo: elija un formulario predeterminado guardado o escriba su propio marcado HTML personalizado. A continuación cubro ambos, desde el panel Elementor hasta la página en vivo.
Cómo funciona el widget de formulario Elementor Mailchimp #
El widget representa a Formulario de registro de Mailchimp en Elementor sin un complemento de formulario independiente. Conéctelo a una audiencia existente de Mailchimp eligiendo un formulario guardado o cree un formulario personalizado con sus propios campos, etiquetas y casillas de verificación. Una vez que la clave API esté en su lugar, el formulario recopila datos de suscriptores y se los entrega a Mailchimp.
Antes de empezar #
- WordPress con Elementor instalado y activo.
- Complementos maestros para Elementor instalado y activo. Si aún no lo has instalado, sigue el guía de instalación.
- El widget Mailchimp habilitado en el panel de opciones de complementos maestros.
- Una cuenta de Mailchimp y una clave API. El widget muestra una advertencia hasta que la clave se guarde en la configuración de Complementos maestros.
Agregue el widget a su página #
Abre el Editor elementor y busque en el panel de widgets “Mailchimp.” Arrastre los complementos maestros Mailchimp widget en la sección donde desea el formulario. Aparece con un campo de correo electrónico, una casilla de verificación de términos y un botón “Registrarse”, además de un aviso rojo de que la clave API de Mailchimp aún necesita configuración. Ese aviso se espera en una nueva instalación, así que no dejes que te arroje.
Utilice un formulario de registro predeterminado de Mailchimp #
En la pestaña Contenido, déjelo Tipo de formulario en Valores predeterminados. El Formulario de registro de MailChimp dropdown enumera los formularios ya guardados en su cuenta de Mailchimp, como “optar por participar”. Elija el que desee. El widget extrae la estructura de campo de Mailchimp y la representa directamente en el lienzo.
Esta es la forma más rápida de obtener un Formulario de registro de Mailchimp en Elementor en vivo, ya que Mailchimp maneja el mapeo de campos. Lo único que queda es diseñar el formulario para que se ajuste a su página.
Cree un formulario Mailchimp personalizado #
Establecer el Tipo de formulario bajar a Personalizado. A Formulario personalizado textarea aparece donde pegas tu propio marcado HTML. Busque esto cuando necesite campos adicionales, etiquetas personalizadas o un diseño de casilla de verificación particular.
El marcado de demostración en el vídeo utiliza una estructura simple que puedes adaptar:
<p>
<label for="email">Email address:</label>
<input type="email" id="email" name="EMAIL" placeholder="Your email address">
</p>
<p>
<label>
<input type="checkbox" name="AGREE_TO_TERMS" value="1" required>
I have read and agree to the terms & conditions
</label>
</p>
<p>
<input type="submit" value="Sign up">
</p>Si prefiere escribir y obtener una vista previa del marcado fuera de Elementor, ese editor de código lado a lado con la vista previa en vivo proviene de gratis Mailchimp para WordPress (MC4WP) complemento, no complementos maestros en sí. Marcado a la izquierda, vista previa en vivo a la derecha, para que pueda obtener el diseño correcto antes de pegarlo en el widget.
Una cosa que hace tropezar a la gente con el marcado personalizado: tu name los atributos deben coincidir con las etiquetas de combinación de su audiencia de Mailchimp. El campo de correo electrónico en particular debe usarse name="EMAIL", o Mailchimp no reconocerá la dirección del suscriptor y el registro falla silenciosamente.
Configure su clave API de Mailchimp #
El widget sigue mostrando esa advertencia hasta que se guarda la clave API. En el administrador de WordPress, abra Complementos maestros y busque el área de configuración de Mailchimp. Pegue su clave, guárdela y regrese al editor Elementor. La advertencia se borra y el formulario está listo para recibir suscriptores.
Genera una clave desde tu Configuración de la cuenta Mailchimp. Manténgalo privado y nunca lo pegue en el marcado del formulario personalizado, ya que ese marcado es visible para cualquiera que vea el origen de la página.
Estila la forma #
El Estilo tab le entrega los controles habituales de Elementor para campos de formulario, etiquetas, casillas de verificación y el botón de envío: colores, tipografía, espaciado, bordes y alineación, por lo que Formulario de registro por correo electrónico de Elementor se alinea con el resto de tu diseño. Recoge las fuentes de tus temas de forma predeterminada, por lo que en la mayoría de los sitios solo tocarás el color del botón y un poco de espacio entre campos.
El resultado en la página en vivo #
En la interfaz, el formulario muestra el campo de correo electrónico, la casilla de verificación de términos y el botón de envío exactamente como los configuró. Con la clave API activa, los envíos van directamente a la audiencia de Mailchimp que eligió.
Casos de uso comunes #
- Boletines de blog: coloque un campo de correo electrónico simple en el pie de página o en la barra lateral de un blog.
- Imanes de plomo: empareje el formulario con un botón de descarga para que los visitantes se suscriban antes de obtener la guía.
- Pagine de lanzare a produsului: recopile correos electrónicos de acceso anticipado en una página de inicio.
- Inscripciones de eventos: utilice un marcado personalizado para agregar casillas de verificación de nombre, empresa o consentimiento.
- Suscripciones a pie de página: incrustar un compacto Widget de Mailchimp para Elementor en el pie de página del sitio.
Para obtener más opciones de formulario, consulte el Widget del formulario de contacto 7. Para que una barra de anuncios se encuentre junto a un formulario de registro, pruebe Widget de ticker de noticias.
Vídeotutorial #
¿prefieres mirar? Este tutorial configura el widget de Mailchimp de un extremo a otro, desde la elección de un tipo de formulario hasta el formulario de registro en la página en vivo:
Preguntas frecuentes #
¿puedo agregar un formulario Mailchimp en Elementor sin codificación?
Sí. Establezca el tipo de formulario en Valores predeterminados y elija un formulario de Mailchimp guardado en el menú desplegable. El widget representa los campos por usted, por lo que todo lo que hace es diseñarlos.
¿cómo creo un formulario Mailchimp personalizado en Elementor?
Establezca el tipo de formulario en Personalizado y pegue su marcado HTML en el área de texto del formulario personalizado. Asegúrese de que la entrada del correo electrónico use name=”EMAIL” y que su clave API de Mailchimp esté guardada en la configuración de complementos maestros.
¿por qué el widget dice que necesito configurar una clave API de Mailchimp?
El widget necesita una clave API de Mailchimp válida para enviar datos de suscriptores a su audiencia. Agregue la clave en la configuración de Master Addons Mailchimp dentro del administrador de WordPress.
¿Puedo agregar campos adicionales como nombre o teléfono al formulario?
Sí, pero sólo en modo Personalizado. Agregue campos de entrada HTML estándar con atributos de nombre que coincidan con las etiquetas de combinación de su audiencia de Mailchimp, como FNAME para el nombre.
¿el widget Mailchimp está disponible en la versión gratuita de Master Addons?
Depende de tu plan Master Addons. Consulta el página de precios para ver qué widgets están en Free versus Pro.
Envolviendo #
Los complementos maestros Widget de Mailchimp es una forma directa de agregar un Formulario Elementor Mailchimp a cualquier página. Vaya con un formulario predeterminado para la velocidad o cambie al modo Personalizado cuando desee control total sobre el marcado y los campos. De cualquier manera, se conecta a su audiencia de Mailchimp una vez configurada la clave API. Explore el conjunto completo de Widgets y extensiones de complementos maestros para obtener más herramientas para hacer crecer su lista.
