Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

Webhooks, integrar Instapage y Mailrelay completamente

Publicado por Mailrelay en septiembre 16, 2015

instapage

Hace unos días comprobábamos lo fácil que era integrar Instapage y Mailrelay gracias a la inserción de un formulario HTML.

En caso de que no queramos insertar el formulario HTML de Mailrelay ¿Qué podemos hacer? ¿Tenemos alguna otra opción?

Pues sí, podemos utilizar un Webhook.

Un Webhook es una integración más completa, que no dependerá de un código HTML, así que podremos utilizar los formularios de Instapage y será más fácil editar su aspecto gráfico.

Realizar esta integración es muy fácil, solo requiere de unos pocos y sencillos pasos.

Antes de continuar me gustaría dar las gracias a Víctor Martín por permitirme acceso a una página de pruebas de Instapage, sin su ayuda no hubiera podido realizar este tutorial ¡Gracias Víctor!

NOTA: Esta funcionalidad solo está disponible para las cuentas de pago de Instapage

Integrando Instapage y Mailrelay con Webhooks

Esta integración es muy sencilla, imagina que tienes una landing page de Instapage, con un formulario de suscripción:

instapage-webhook-mailrelay-1

Si hacemos click en el formulario, aparecerá un menú sobre el mismo, con varias opciones, entre ellas editar, “Edit“:

instapage-webhook-mailrelay-2

Necesitamos añadir un nuevo campo al formulario así que haremos click en “+Add Field“:

instapage-webhook-mailrelay-3

El nuevo campo que vamos a añadir será el campo donde indiquemos el grupo de Mailrelay donde se van a insertar los nuevos suscriptores enviados desde Instapage.

Como no es necesario que el usuario pueda introducir este dato, lo crearemos como un campo de tipo oculto, “Hidden“:

instapage-webhook-mailrelay-4

Crearemos el campo con el nombre “groups[]” y en el valor, indicaremos el ID del grupo de Mailrelay, por ejemplo el “1“:

instapage-webhook-mailrelay-5

Una vez creado el campo, será visible en el formulario, aunque con un formato algo distinto, pues se trata de un campo oculto:

instapage-webhook-mailrelay-6

Ahora podemos guardar el formulario, no es necesario realizar más cambios aquí.

Aunque sí que volveremos a editar el formulario haciendo click en “Edit“:

instapage-webhook-mailrelay-7

Ahora nos fijaremos en la parte superior de la pantalla, donde indica “Integration“, vamos a crear la integración de nuestra landing page de Instapage con Mailrelay desde aquí:

instapage-webhook-mailrelay-8

Hay muchas opciones, pero la que interesa es la de “Webhook“, ya que nos va a permitir integrar Instapage con Mailrelay, selecciona dicha opción:

instapage-webhook-mailrelay-9

El siguiente paso será indicar donde queremos enviar los datos, con que URL vamos a conectar Mailrelay, en este caso indica la URL que aparece en el action de tu formulario de suscripción de Mailrelay (“Formulario de suscripción” -> “Obtener código“), simplemente has de copiar y pegar:

instapage-webhook-mailrelay-10

Vamos a enviar los datos utilizando el método “POST“:

instapage-webhook-mailrelay-11

Ahora llega la parte más compleja del proceso, y ya verás lo fácil que es:

instapage-webhook-mailrelay-12

Solo tenemos que indicar la equivalencia de los campos del formulario de Instapage con los campos del formulario de Mailrelay.

Así el campo “Name” de Instapage equivale al campo “name” de Mailrelay, y el campo “Email” al campo “email“. El campo “groups[]” se mantiene igual.

Realmente hay muy poco que hacer, cuando lo tengas configurado haz click en “Continue“.

Si todo ha ido bien lo indicará:

instapage-webhook-mailrelay-13

Para probarlo solo necesitamos la funcionalidad de vista previa que ofrece Instapage:

instapage-webhook-mailrelay-14

Veremos como al enviar el formulario indicará “Processing“, lo que quiere decir que está enviando los datos:

instapage-webhook-mailrelay-15

El nuevo suscriptor llegará sin problemas a Mailrelay, lo podrás ver en el menú de suscriptores:

instapage-webhook-mailrelay-16

Si lo editamos veremos que incluso dispone del grupo correcto:

instapage-webhook-mailrelay-17

¡Ya está! La integración ha sido un éxito y nuestra landing page de Instapage enviará todos los contactos a Mailrelay ¿Fácil verdad?

¡No quedan excusas!

No, ya no te quedan excusas para no utilizar landing pages en tus campañas de marketing online.

Instapage se integra facilmente con Mailrelay, y además solo requiere de un par de minutos.

¡Pruébalo!

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







Acepto la política de privacidad.



Comentarios

  1. Javier

    Entonces no hay ninguna alternativa gratuita que nos permita hacer webhooks, yo uso worpress y el plugin elementor pro para hacer mis formularios de contacto, y me gustaría realizar formularios de suscripción, pero de momento hay que hacerlo a través de webhooks. Pensaba que podría hacerlo con Zapier, pero no, y por aquí solo veo esta versión de Pago. Podrían decirme si hay alternativa gratuita para este fin. Gracias

    10/07/2017 - 16:54:48 Publicar una respuesta
    • Mailrelay

      ¡Hola Javier! Creo que instapage es posible añadir código HTML con una de las herramientas, así podrías colocar el código de Mailrelay.

      11/07/2017 - 08:52:08 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