Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

Haz tus formularios de Mailrelay con Bloom, SumoMe y Thrive Leads

Publicado por Esther Sola en abril 18, 2019

Haz tus formularios de Mailrelay con Bloom, SumoMe y Thrive Leads

Siguiendo con los tutoriales de la nueva versión de Mailrelay, hoy vamos a ver cómo podemos integrar los formularios creados en la plataforma en alguno de los plugins más populares de WordPress para la suscripción, como son Bloom, SumoMe y Thrive Leads.

Estos plugins nos permiten crear diferentes tipos de formulario en nuestra web y configurar su visualización en función del tipo de página, el comportamiento del usuario en la web y muchas otras opciones que varían un poco de un plugin a otro pero que en general son parecidas y muy potentes.

En este tutorial habíamos visto ya como crear los formularios y obtener el código HTML de los mismos, por lo que hoy vamos a seguir a partir de ese punto

formularios Mailrelay

Una vez creado nuestro formulario, podemos obtener el código HTML del mismo y copiarlo para añadirlo a nuestro plugin favorito.

¡Envía hasta 75.000 emails gratis!

1- Integrar el formulario de Mailrelay en Bloom

Bloom es uno de los plugins más populares para crear formularios de suscripción en nuestra web desde hace ya varios años.

Permite crear formularios inline, Pop-ups, Fly-Ins, para debajo del contenido o para insertar en cualquier Widget Area de nuestra plantilla.

También nos permite indicar en qué tipo de página o post debe aparecer, y cuando (después de unos segundos, al hacer scroll, después de la compra, etc…)

Bloom dispone además de plantillas predefinidas, aunque en este caso lo que nos va a ser muy práctico es la posibilidad de añadir nuestro propio html, que es lo que vamos a ver a continuación.

Una vez instalado el plugin nos aparecerá en el menú izquierdo de nuestro WordPress la opción de Bloom > Optin Forms, aquí es donde vamos a poder crear nuevos formularios y consultar los que tenemos:

Integrar el formulario de Mailrelay en Bloom

Si optamos por crear uno nuevo (NEW OPTIN), lo primero que deberemos seleccionar es qué tipo de formulario queremos:

Integrar el formulario de Mailrelay en Bloom

Según el tipo que seleccionemos nos aparecerán algunas opciones u otras para la  configuración, pero la creación del formulario en sí es la misma en todos los casos.

Lo primero que nos pedirá es el nombre que asignamos a nuestro formulario (sólo para uso interno, no aparece en ningún sitio) y el proveedor de Email Marketing.

En este caso deberemos escoger Custom HTML Form, y así nos mostrará el campo para poder añadir el html completo que hemos obtenido de Mailrelay

Integrar el formulario de Mailrelay en Bloom

Una vez pegado, haremos clic en NEXT: DESIGN YOUR OPTIN y podremos escoger una plantilla para el formulario.

En este caso, como se trata de código HTML, no siempre se ajustará el diseño escogido al número de campos y opciones de nuestro formulario, por lo que recomiendo escoger uno sencillo que nos será más fácil de ajustar. En cualquier caso, luego podremos ajustar colores y formatos independientemente de la plantilla escogida.

En la siguiente pantalla nos dejará añadir título y subtítulo, personalizar fuentes y colores, subir una imagen y definir otros detalles del diseño de nuestro formulario.

En cualquier momento podemos optar por ver la vista previa para comprobar cómo está quedando.

Es posible que alguna de las opciones de color o formato no os la guarde correctamente y debáis editar mínimamente el HTML o añadir algo de CSS en la pantalla de personalización de diseño de Bloom.

Por último, la pestaña de Display Settings nos permitirá configurar cuándo y dónde queremos que aparezca el formulario. Estas opciones variarán en función del tipo de formulario.

Podemos crear todos los formularios que queramos, de diferente tipo y tendremos información de cada uno sobre su visualización y conversión.

Bloom es un plugin del equipo de Elegantthemes y es de pago, funciona por membresía anual o licencia de por vida e incluye otros plugins y plantillas.

Integrar el formulario de Mailrelay en SumoMe

2- Integrar el formulario de Mailrelay en SumoMe

SumoMe es otro de los plugins clásicos para mostrar formularios de suscripción, entre otras cosas, además tiene la ventaja de ofrecer una opción gratuita que es suficiente para lo que vamos a ver hoy.

Integrar el formulario de Mailrelay en SumoMe

El plugin está disponible en el repositorio de WordPress, y una vez instalado, deberemos crear una cuenta que quedará vinculada con la web y accederemos al panel de control, externo, desde donde podremos crear y configurar los formularios. SumoMe tiene bastantes más opciones, pero algunas requieren una cuenta de pago.

Integrar el formulario de Mailrelay en SumoMe

Una vez dentro de la plataforma, desde la pestaña Forms encontraremos el botón para crear uno nuevo y se abrirá el asistente para prepararlo.

Integrar el formulario de Mailrelay en SumoMe

En las opciones de la izquierda, en el apartado 1. My Goal, deberemos marcar la 3ª opción para poder utilizar nuestro código HTML del formulario

Integrar el formulario de Mailrelay en SumoMe

En el resto de pestañas podremos elegir el resto de opciones para el formulario, como el tipo de formulario, cuando se ha de mostrar y la url de redireccionamiento.

En el punto 6. Connect to Email Service, no deberemos escoger ninguna opción ya que nuestro HTML ya conecta con Mailrelay.

Una vez configurado y publicado, podremos ver el formulario en nuestra web, según las opciones seleccionadas y tendremos acceso a las analíticas de visualización y conversión del mismo.

SumoMe es una opción muy completa y con la versión gratuita tenemos más que suficiente para poder mostrar nuestros formularios de suscripción de Mailrelay en tu WordPress

Integrar Mailrelay en Thrive Leads

3- Integrar Mailrelay en Thrive Leads

Thrive Leads es otro plugin muy potente y con muchísimas opciones para crear formularios de suscripción en nuestra web.

Es un plugin de pago, sin opción gratuita disponible, y deberemos comprarlo y descargarlo desde su web. Tiene un precio único con varias opciones según el número de licencias que necesitemos.

Una vez instalado el plugin, deberemos acceder desde el menú Thrive Dashboard > Thrive Leads para poder crear y configurar nuestros formularios.

Integrar Mailrelay en Thrive Leads

Lo primero que tendremos que hacer es crear un Lead Group, que no es más que un conjunto de formularios que comparten las mismas opciones de visualización  (en qué tipo de páginas o posts debe mostrarse, si está activo sólo en escritorio o también en móvil, etc…)

Integrar Mailrelay en Thrive Leads

Una vez creado el grupo con algún nombre descriptivo que nos ayude a organizar los grupos y formularios, podremos crear un nuevo tipo de formulario: In Content, Lightbox, Post footer, Ribbon, etc..

Integrar Mailrelay en Thrive Leads

Y seguidamente haremos clic en Next Step: Add a form para agregar, ahora si, un nuevo formulario del tipo seleccionado.

Es decir, el esquema de los formularios en Thrive Leads sería:

Grupo de formularios > Tipos de formulario > Formularios

Para un mismo grupo puedes tener diferentes tipos de formulario (pop-up, dentro del contenido, para widgets, etc…) y para cada tipo puedes tener diferentes formularios.

Aunque de entrada esta estructura puede parece algo confusa, lo cierto es que nos permite crear diferentes combinaciones de grupos y tipos de formularios para campañas u objetivos distintos y permite crear tests A/B para comparar la conversión de distintos formularios.

Una vez creado el formulario, podremos editar el diseño para introducir el código HTML que hemos obtenido de Mailrelay.

Para ello, seleccionaremos el template Blank cuando nos lo pida y accederemos al asistente de diseño de Thrive Leads:

Integrar Mailrelay en Thrive Leads

Ahora sólo nos quedará hacer clic en la rueda de configuración de la barra derecha del navegador y seleccionar la opción Advanced Settings y dentro de ésta  “View Page Source (HTML)” que nos abrirá una ventana con un código HTML que deberemos eliminar todo y sustituir por el nuestro.

Integrar Mailrelay en Thrive Leads

Advanced Settings

Integrar Mailrelay en Thrive Leads

Pantalla de código donde deberemos sustituir todo por nuestro HTML

Validaremos los cambios con el icono del visto bueno de la parte superior derecha y guardaremos los cambios para salir del asistente y volver al escritorio de Thrive Leads, donde sólo faltará activar el formulario y escoger las opciones de visualización que queramos y ya tendremos activo nuestro formulario de Mailrelay con toda la potencia de Thrive Leads

Esther Solà

Suscríbete al blog y recibe los mejores contenidos semana a semana:







Acepto la política de privacidad.



Comentarios

  1. Paula nievas

    muy interesante artículo

    22/05/2019 - 21:31:25 Publicar una respuesta

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Menu Title