Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay
Blog Mailrelay, email marketing

Establecer URL de confirmación en los formularios de suscripción

Publicado por Mailrelay en octubre 23, 2012
Hace ya unos cuantos artículos de nuestro blog, explicábamos como crear un formulario de alta al boletín. Este formulario podía ser insertado en vuestra web o blog y permitir a los visitantes darse de alta para recibir vuestras newsletters. Para los que no lo vierais en su día, podéis encontrar el artículo aquí.

Como era un artículo básico no mostrábamos toda la potencia que podéis obtener con este formulario. Al darse de alta en la lista los suscriptores eran llevados a una página similar a esta:

URL confirmación alta
URL confirmación alta

Lo que dejaba al usuario fuera de nuestro sitio web. Vamos a ver ahora como podemos modificar esto para establecer nuestra página de destino. El primer paso, como la vez anterior, es crear el formulario de suscripción a la lista:

1
2
3
4
5
6
7
Suscripción a lista de email
 
Suscribete a nuestro boletín de noticias
 
<form action="http://demo.ip-zone.com/ccm/subscribe/index" enctype="application/x-www-form-urlencoded" method="post"><dl class="zend_form"><dt id="name-label"><label class="required" for="name">Nombre</label></dt><dd id="name-element"><input id="name" name="name" type="text" value="" /></dd><dt id="email-label"><label class="required" for="email">Email</label></dt><dd id="email-element"><input id="email" name="email" type="text" value="" /></dd><dt id="groups-label"><label class="optional" for="groups">Grupos</label></dt><dd id="groups-element"><label for="groups-1">
<input id="groups-1" name="groups[]" type="checkbox" value="1" />Novedades</label><label for="groups-17">
<input id="groups-17" name="groups[]" type="checkbox" value="17" />Ofertas</label></dd><dt id="submit-label"> </dt><dd id="submit-element"><input id="submit" name="submit" type="submit" value="Suscribir" /></dd></dl></form>
Suscripción a lista de email

Suscribete a nuestro boletín de noticias

<form action="http://demo.ip-zone.com/ccm/subscribe/index" enctype="application/x-www-form-urlencoded" method="post"><dl class="zend_form"><dt id="name-label"><label class="required" for="name">Nombre</label></dt><dd id="name-element"><input id="name" name="name" type="text" value="" /></dd><dt id="email-label"><label class="required" for="email">Email</label></dt><dd id="email-element"><input id="email" name="email" type="text" value="" /></dd><dt id="groups-label"><label class="optional" for="groups">Grupos</label></dt><dd id="groups-element"><label for="groups-1">
<input id="groups-1" name="groups[]" type="checkbox" value="1" />Novedades</label><label for="groups-17">
<input id="groups-17" name="groups[]" type="checkbox" value="17" />Ofertas</label></dd><dt id="submit-label"> </dt><dd id="submit-element"><input id="submit" name="submit" type="submit" value="Suscribir" /></dd></dl></form>

Con este código básico se nos mostrará un formulario como el siguiente:

URL confirmación alta
URL confirmación alta

Donde el usuario puede introducir su nombre, su email, y a que listas desea suscribirse. Una vez envíe el formulario, se dará de alta su email en tu lista de suscripción y se le mostrará la página que aparecía en la primera imagen.

¿Cómo hacer para llevar al usuario a otra página? Muy fácil modificaremos el código de inicio del formulario para que tenga este aspecto:

1
2
3
4
Suscribete a nuestro boletín de noticias
 
<form action="http://demo.ip-zone.com/ccm/subscribe/index" enctype="application/x-www-form-urlencoded" method="post"><input name="successUrl" type="hidden" value="http://demo.com/alta/alta.html" />
<input name="errorUrl" type="hidden" value="http://demo.com/alta/error.html" />
Suscribete a nuestro boletín de noticias

<form action="http://demo.ip-zone.com/ccm/subscribe/index" enctype="application/x-www-form-urlencoded" method="post"><input name="successUrl" type="hidden" value="http://demo.com/alta/alta.html" />
<input name="errorUrl" type="hidden" value="http://demo.com/alta/error.html" />

Como podemos ver hemos indicado dos URL successURL y errorURL, en la primera, en el campo value, indicamos la página de nuestra web a donde queremos que sea llevado el usuario tras finalizar su alta, en este caso le llevaríamos a esta página:

URL confirmación alta
URL confirmación alta

En el segundo caso, errorUrl, indicamos a donde se va a enviar al usuario en caso de error, en este caso a una página como la siguiente:

URL confirmación alta
URL confirmación alta

Si deseamos que en caso de error se lleve al usuario a la página de gestión de errores de la plataforma Mailrelay, simplemente no incluiríamos esa línea y el usuario, en caso de error, sería llevado a una página similar a:

URL confirmación alta
URL confirmación alta

Además también es posible establecer la URL de confirmación de activación. Esta URL indica a que página se lleva al usuario una vez que recibe el email de activación en su cuenta. Para especificar esta URL utilizaremos el siguiente código:

1
<input name="confirmationUrl" type="hidden" value="http://demo.com/alta/activada.html" />
<input name="confirmationUrl" type="hidden" value="http://demo.com/alta/activada.html" />

Recordad que en el value debéis especificar siempre una URL existente en vuestro sitio web, en caso contrario el suscriptor verá una página de error de página no encontrada.

Este es un método muy útil para mantener al usuario dentro de nuestro sitio web durante todo el proceso de alta.

¿Qué os parece esta nueva posibilidad? ¿Os gusta?

Mailrelay, email marketing

- Algunos clientes de Mailrelay:

 
Descarga gratis email marketing de éxito en 10 pasos

Descarga gratis el ebook email marketing de éxito en 10 pasos:

Nombre:
Email:

Comentarios

  1. Edgar

    Wow… Funciona de maravilla, excelente truco para los marketeros.

    08/11/2014 - 02:14:39 Publicar una respuesta

Deja un comentario

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