Crear cuenta Mailrelay Crear cuenta Mailrelay Crear cuenta Mailrelay

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. Alain

    La página tras la suscripción pude sin ningún problema redireccionarla a mi sitio agregando el link en el código del formulario, también pude modificar el Email para activar la suscripción pero la página de Confirmación de la Activación, este código (
    ) Ese si no encuentro donde es que hay que insertarlo. No me queda claro. Gracias. Saludos

    12/01/2016 - 21:45:55 Publicar una respuesta
    • Mailrelay

      ¡Hola Alain!

      puedes colocar el código debajo del de confirmación de la suscripción, con que esté dentro del formulario estará bien. De todos modos, si te quedan dudas dejanos un ticket y revisamos el código 🙂

      13/01/2016 - 11:09:29 Publicar una respuesta
  2. Esther

    Hola!
    Tengo un problema con la URL de error, funciona pero como añade código al final de la URL, aparece que la página no existe.
    No sé qué hacer!

    06/09/2015 - 20:46:39 Publicar una respuesta
    • Mailrelay

      ¡Hola Esther! ¿Qué código te añade al final de la URL?

      07/09/2015 - 10:11:37 Publicar una respuesta
      • Esther

        Me aparece tras la url que yo he definido, esto. y claro, dice que la página no existe:
        /?name%5BisEmpty%5D=Se+requiere+un+valor+y+éste+no+puede+estar+vacío&email%5BemailAddressInvalidFormat%5D=%27marinl.oc%27+is+not+a+valid+email+address+in+the+basic+format+local-part%40hostname

        12/09/2015 - 17:53:22
      • Mailrelay

        ¡Hola Esther! Parece estar indicando un error, déjanos un ticket con el código del formulario y la página donde está, para que podamos hacer algunas pruebas. Un saludo!

        14/09/2015 - 09:12:04
  3. luca

    Interesante artículo, era justo lo que buscaba.

    26/06/2015 - 15:08:14 Publicar una respuesta
  4. Prestamark

    Genial, va de lujo. Además muy bien explicado 😉

    10/06/2015 - 12:10:29 Publicar una respuesta
  5. 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 obligatorios están marcados con *


Menu Title