Cómo personalizar la caja de suscripción de FeedBurner

Si usas FeedBurner para manejar tu lista de correo y lo único malo es su caja un poco aburrida para que los usuarios se suscriban, lee el siguiente artículo. A continuación te explicaremos cómo personalizar la caja de suscripción de FeedBurner y te daremos el código de HTML de ejemplo para que lo utilices.
Cómo personalizar la caja de suscripción de FeedBurner

¿Qué es FeedBurner?

FeedBurner es un servicio de Google que proporciona herramientas para distribuir tu contenido. Tiene una opción de marketing por correo, el cual se basa en que los lectores se suscriben a tu web o blog y así recibirán un mail cada vez que publiques algo nuevo. Esto es ideal para avisar a los lectores cuando tengas nuevo contenido.

Para que los lectores se suscriben deberán ingresar su correo electrónico y confirmar su suscripción a través de un enlace que les llegará a su mail. Por esta razón, la caja de suscripción o formulario de suscripción debe ser llamativa e impactante para lograr que más usuarios se suscriban a tu lista de correo.


Parámetros de la Caja de Suscripción de FeedBurner

FeedBurner te proporciona el código HTML para que coloques en tu web. Para acceder a este, entra a la web de Feedburner > Publicize > Email Subscriptions.

Cómo personalizar la caja de suscripción de FeedBurnerEste tiene 3 campos diferentes:

  • Ingresar E-mail: El nombre del campo que necesitas ingresar.
  • Cuadro de Texto: En este se espera que el lector coloque su correo electrónico.
  • Botón de Suscripción: Este botón es el que abrirá la ventana de suscripción.

Asimismo, existe texto debajo de la caja de suscripción que menciona que el proceso está manejado por FeedBurner. Este texto podremos borrarlo sin problemas, pero puedes dejarlo para crear confiabilidad en el usuario al suscribirse.

A continuación te muestro el código de la caja de subscripción de FeedBurner, junto con comentarios explicando cada parámetro. Cópialo y comienza a editarlo a tu gusto.

<!-- Caja de Subscripción General: Para cambiar el borde cambiar border:1px; por el grosor que deseas --> 
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('LINK DE FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p> <!-- Esto equivale al inicio del párrafo -->
Enter your email address:  <!-- El texto que saldrá que implica ingresar el correo -->
</p> <!-- Cierre de párrafo -->
<p> <!-- Otro comienzo de párrafo. Puedes eliminar este comienzo y el anterior final si deseas que el texto y el cuadro de texto estén en la misma línea. -->
<input type="text" style="width:140px" name="email"/> <!-- Cuadro de Texto: Puedes cambiar su ancho, variando el width: 140px  al ancho que desees.-->
</p> <!-- Cierre de párrafo #2 -->
<input type="hidden" value="NOMBRE DE FEED" name="uri"/> <!-- Proceso de Feedburner - No aparece en tu web -->
<input type="hidden" name="loc" value="es_ES"/> <!-- Indica el idioma que se utiliza. No se muestra -->
<input type="submit" value="Subscribe" /> <!-- Botón de Suscripción: Se puede cambiar lo que dice dentro del botón cambiando el value="INGRESAR TEXTO DE SUBSCRIPCIÓN" -->
<p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p> <!-- Texto que indica que es manejado por FeedBurner. Puede ser retirado. -->
</form>


Ejemplo de caja de Suscripción Personalizada para FeedBurner

En el siguiente ejemplo que hemos creado y el que uso en Regardis, es uno en el cual solo uso dos campos: Cuadro de texto y botón de suscripción. La diferencia es que dentro del cuadro de texto se menciona lo que se necesita ingresar.

Cómo personalizar la caja de suscripción de FeedBurnerPuedes utilizar este código para mostrar la caja de suscripción de FeedBurner que puedes ver en la imagen superior. Asimismo, si deseas puedes cambiar los colores. No te olvides que debes cambiar el enlace al FeedBurner de tu web o blog, te puedes guiar del código inicial de Feedburner.

<form style="padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('LINK DE FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>
<input type="text" style="width:150px; height: 40px; margin: 0 5px; padding: 5px; font-size: 16px;" name="email" placeholder="Cuál es tu e-mail?" /><input type="hidden" value="NOMBRE DE FEED" name="uri"/>
<input type="hidden" name="loc" value="es_ES"/>
<input style="background-color:#b17fbb; font-size: 16px; width: 100px; height: 40px; margin: 0 5px; padding: 5px; color: #FFF; cursor: pointer; border: 0px solid #eee;" type="submit" value="Suscríbete" />
</form>



También te interesaría...

Suscríbete a nuestra lista de correo

Etiquetas:

Publicidad

Deje un comentario