Mailer Lite es una herramienta de email marketing que te permite crear formularios de suscripción y campañas de correo. En este artículo te explicamos cómo conectarla con tu sitio web.

El proceso se divide en dos partes: primero configuras el formulario en Mailer Lite, y después lo vinculas desde el panel de control de tu web.


Parte 1: Crea tu formulario en Mailer Lite

1.- Regístrate en Mailer Lite

Entra en mailerlite.com/es y crea una cuenta si aún no tienes una.

Pantalla de acceso a Mailer Lite


2.- Ve a Forms > Embedded forms y pulsa Create

En el menú lateral selecciona Forms, luego la pestaña Embedded forms y haz clic en Create.

Sección Forms de Mailer Lite con la pestaña Embedded forms


3.- Ponle nombre a tu formulario y guarda

Escribe el nombre del formulario (es solo para uso interno), selecciona el tipo Embedded form y pulsa Save and continue.

Pantalla de creación de nuevo formulario en Mailer Lite


4.- Selecciona los grupos de suscriptores

Elige a qué grupo de suscriptores se añadirán las personas que rellenen el formulario y pulsa Continue.

Selección de grupos de suscriptores en Mailer Lite


5.- Diseña el formulario y pulsa “Done editing”

Personaliza el aspecto de tu formulario: fuentes, colores, campos y el mensaje de éxito. Cuando termines pulsa Done editing.

Editor de diseño del formulario en Mailer Lite


6.- Copia los códigos que necesitas

Desplázate hacia abajo hasta la sección JavaScript snippet. Necesitarás dos datos:

  • Código de cuenta: el valor que aparece junto a 'account'
  • ID del formulario: el valor del atributo data-form del snippet HTML


Códigos de cuenta e ID del formulario en Mailer Lite


Parte 2: Conecta Mailer Lite desde tu panel de control

1.- Activa el servicio en Herramientas > Servicios externos

En el panel de control de tu web ve a Herramientas > Servicios externos y haz clic en el botón Configurar del servicio de Mailer Lite. Se abrirá una ventana donde debes pegar el valor 'account' que copiaste en el paso anterior. Activa el interruptor y pulsa Guardar cambios.

Ventana de configuración de Mailer Lite en Servicios externos


2.- Crea el formulario desde la sección Formularios

Ve a Herramientas > Formularios. Verás que ahora aparece un nuevo botón: Crear formulario con Mailer Lite. Haz clic en él.

Sección Formularios con el botón Crear formulario con Mailer Lite


3.- Añade el título y el ID del formulario

Se abrirá una ventana. Escribe el título que quieras darle al formulario y pega el ID del formulario (valor data-form que copiaste en el paso 6). Pulsa Crear formulario.

Modal para crear formulario con Mailer Lite en el panel


4.- El formulario aparece en tu lista de formularios

El nuevo formulario se añade a la lista con la etiqueta Mailer Lite para identificarlo fácilmente.

Lista de formularios con el formulario de Mailer Lite creado


5.- Añade el formulario a tu página

En el editor de tu web, inserta un bloque de formulario. En el menú de la derecha, despliega la opción de seleccionar formulario y elige el que acabas de crear. El bloque mostrará una tarjeta con el logo de Mailer Lite y el nombre del formulario.

Editor de página con bloque de formulario Mailer Lite seleccionado


6.- Previsualiza el resultado

Previsualiza tu web y comprueba que el formulario aparece correctamente en la página.

Formulario de Mailer Lite visible en la previsualización de la web