Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

Formularios de suscripción a newsletter avanzados

Publicado por Mailrelay en noviembre 29, 2013

Hace unos pocos días Beatriz nos hizo una consulta, que tras darle algunas vueltas hemos convertido en este artículo. Resumiéndolo mucho, lo que Beatriz quería crear eran varias páginas de aterrizaje, landing pages, donde los visitantes se pudieran suscribir a la newsletter.

formulario-suscripcion-newsletter-avanzado-0

Cada una de estas páginas de aterrizaje cuenta con un formulario, con varias opciones que los visitantes pueden marcar a la hora de suscribirse, para establecer sus preferencias.

El problema era que lo que muestra el formulario son grupos, entonces el suscriptor se podía suscribir a varios grupos, y estaría recibiendo varios autorespondedores de golpe.

Lo deseado era que cada pagina de aterrizaje tuviese un formulario, que se suscribiese a un solo grupo, y por lo tanto autorespondedor, pero mostrase las otras opciones, con motivo de conocer las preferencias del suscriptor.

¿Cómo podemos hacer este formulario de suscripción avanzado con Mailrelay?

En realidad no es difícil, si utilizamos una de las herramientas de Mailrelay menos conocidas, los campos personalizados. En este tutorial paso a paso vas a ver como crear un formulario de suscripción avanzado que te permita:

1) Suscribir al usuario a un único grupo
2) Mostrar campos de preferencias que el usuario puede seleccionar
3) Ver la selección que ha hecho el usuario
4) Exportar estos datos a Excel para poder trabajar con ellos

Como ves son varias cosas que pueden resultar de lo más útiles en la segmentación de nuestras campañas de email marketing masivo.

El primer paso será ir al menú «Configuración» y luego «Campos personalizados«, verás una pantalla similar a la siguiente:

formulario-suscripcion-newsletter-avanzado-1

Ahí puedes hacer click en el botón «Crear«, lo que a su vez te llevará a una pantalla donde podrás crear el campo personalizado:

formulario-suscripcion-newsletter-avanzado-2

En este caso hemos creado un campo de tipo «Checkbox«, pero tienes varias opciones entre las que elegir. Para reproducir el formulario del ejemplo hemos creado cinco campos personalizados, todos ellos de tipo «Checkbox«:

formulario-suscripcion-newsletter-avanzado-3

El siguiente paso, si no lo tienes realizado todavía, sería crear los grupos donde quieres que tus usuarios se suscriban, eso lo podemos hacer en el menú «Grupos de suscriptores» haciendo click en el botón «Crear«:

formulario-suscripcion-newsletter-avanzado-4

Podemos crear el grupo simplemente dándole nombre y verificando que está marcado como activo:

formulario-suscripcion-newsletter-avanzado-5

De nuevo por seguir el ejemplo de la landing page de Beatriz hemos creado cinco grupos, de idéntico nombre a los campos personalizados:

formulario-suscripcion-newsletter-avanzado-6

Realmente aquí podríamos haber seguido cualquier estructura que nos interesara. Después de crear los grupos y los campos personalizados iremos al menú «Formulario de subscripción» y «Obtener código«:

formulario-suscripcion-newsletter-avanzado-7

Copia todo el código y pégalo donde lo necesites, será algo similar a la siguiente imagen:

formulario-suscripcion-newsletter-avanzado-8

Que al mostrarse en pantalla tendrá un aspecto parecido a la siguiente imagen:

formulario-suscripcion-newsletter-avanzado-9

Aquí puedes ver que por un lado están los grupos, y debajo de ellos se repiten los campos personalizados. De este modo el usuario puede seleccionar los grupos a los que quiere suscribirse, pero también marcar sus preferencias en los campos personalizados que aparecen debajo.

Pero en este caso nosotros lo que queremos es que pueda suscribirse solo al grupo que nosotros queramos, dando la opción de que marque en los campos personalizados sus preferencias.

Necesitará una pequeña adaptación del código, buscaremos la zona donde se definen los grupos. Es fácil porque son elementos HTML que incluyen el valor groups[]:

formulario-suscripcion-newsletter-avanzado-10

Borramos todos los que no nos interesan y dejamos únicamente el del grupo al que nos interesa que se puedan suscribir en esta página de aterrizaje en concreto:

formulario-suscripcion-newsletter-avanzado-11

Fíjate que hemos modificado el campo para que sea de tipo «hidden» y hemos borrado la etiqueta que aparecía detrás. De esta forma el campo no se visualizará cuando el usuario vea el formulario:

formulario-suscripcion-newsletter-avanzado-12

Quedando solo los campos personalizados como opciones a rellenar. Estos campos aparecen en el código de forma similar a la siguiente:

formulario-suscripcion-newsletter-avanzado-13

También podrías eliminar alguno si no lo necesitases, pero en este caso vamos a dejarlos tal cual, y vamos a hacer la prueba de rellenar y enviar el formulario:

formulario-suscripcion-newsletter-avanzado-14

El usuario quedará dado de alta en Mailrelay:

formulario-suscripcion-newsletter-avanzado-16

Y si lo editamos podremos ver las opciones que han sido seleccionadas:

formulario-suscripcion-newsletter-avanzado-16-2

Como ves es muy sencillo que los usuarios no solo se suscriban a los grupos que desean, sino que además seleccionen varias opciones que queden guardadas en los mismos como campos personalizados. Campos que posteriormente podemos consultar para conocer mejor a nuestros suscriptores.

Obviamente consultar los suscriptores uno a uno no es la mejor opción, por eso…

Como exportar los suscriptores junto a los campos personalizados

Desde la misma zona de suscriptores, podemos hacer click en el botón «Exportar«:

formulario-suscripcion-newsletter-avanzado-17

En este caso la mejor opción es marcar «Campos personalizados» y «Agregar encabezado a archivo» para que podamos ver el nombre de los campos, y poder trabajar con ellos.

No nos hemos de olvidar de seleccionar los campos que deseamos exportar:

formulario-suscripcion-newsletter-avanzado-17-2

Este proceso descargará en nuestro equipo un fichero CSV que podremos abrir en Excel:

formulario-suscripcion-newsletter-avanzado-18

Y consultar los campos de los suscriptores, junto a los campos habituales de Nombre, email etc. Encontraremos los campos personalizados con sus valores. En este caso como se trata de campos «Checkbox» si el usuario lo marcó aparece «1» y en caso de que no lo marcara «0»:

formulario-suscripcion-newsletter-avanzado-19

De esta forma podremos trabajar con los datos de nuestros suscriptores y organizarlos de la forma que necesitemos, para posteriormente volverlos a importar a Mailrelay en diversos grupos cuya segmentación venga dada por la información que los propios suscriptores nos ofrecieron.

Como ves es una funcionalidad muy útil que bien empleada puede mejorar mucho tus campañas de email marketing.

¿Qué te ha parecido el tutorial?

Suscríbete y aprende marketing online gratis. Desarrollamos y publicamos contenidos que bien podrían formar parte de un curso de pago, recíbelos gratis:







Acepto la política de privacidad.



Comentarios

  1. Ricardo Betancourt

    Hola amigos como estan, lo que necesito es crear campos como dirección, teléfono, etc y que al importar el código html en los campos aparezca la instrucción o la acción que debe hacer el visitante y no en la parte superior, no se si me explique con claridad, lo que quiero es algo como la barra de busqueda de facebook o youtube, «escribe tu nombre sin apellidos» que esto este dentro del campo nombre y que desaparezca cuando el visitante introduzca sus datos, espero haberlo explicado bien y si pueden ayudarme seria genial, les deseo un buen dia y de antemano muchas gracias.

    28/06/2017 - 22:15:45 Publicar una respuesta
    • Mailrelay

      ¡Hola Ricardo! Para eso necesitarás modificar el código html a mano. Indicando en el valor – placeholder=»escribe tu nombre» o lo que necesites.

      29/06/2017 - 08:22:44 Publicar una respuesta
  2. uweimar dorado

    como hago para que aparezca un campo de fecha de nacimiento

    19/08/2016 - 17:37:56 Publicar una respuesta
    • Mailrelay

      ¡Hola! Tienes que ir al menú Configuración -> Campos personalizados y allí creas un campo fecha

      19/08/2016 - 19:04:49 Publicar una respuesta
  3. coyem

    Hola,
    ¿Cómo modifico el ancho de la «caja» de los campos del formulario?
    He partido de vuestro código y lo he pasado con varias modificaciones a mi WordPress.
    Ya sé que el usuario puede introducir más de los 22 carácteres de la caja visible pero no queda estético y no he visto indicaciones en vuestra página.
    Gracias.

    12/08/2016 - 16:02:21 Publicar una respuesta
    • Mailrelay

      Hola! Tendrías que modificar el valor del campo width, si quieres dejanos un ticket de soporte y lo vemos.

      12/08/2016 - 20:22:23 Publicar una respuesta
  4. Mailrelay

    ¿Qué te ha parecido este tutorial sobre los campos personalizados?

    29/11/2013 - 10:18:35 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