pop up de suscripción en tu blog blogger

Poner ventana POP-UP de suscripción + Truco Tutorial Blogger

Poner-ventana-pop-up-de-suscripcion-blogger

En esta ocasión vamos a añadir una ventana de suscripción pop-up o ventana emergente, que le saldrá a vuestros/as lectores/as cuando queráis; nada más entrar en vuestro blog, al cabo de un rato o cuando la persona se dirija a la parte superior del blog (o lo que es lo mismo, cuando vaya a marchar de tu blog)

Pros y contras de usar un Pop-Up para la caja de suscripción

Personalmente no es un recurso que me guste mucho y por eso no lo usaba  , y es que me parece puro intrusismo, hasta a veces da la impresión de que asusta al lector o a la lectora.  

Sin embargo debemos ponernos en el lugar de que nuestro pop-up de suscripción resulte un gran beneficio para nuestro/a visitante, de manera que no resulte tan agresivo si no un recordatorio, o incluso un regalo.  

Es obvio que para suscribirse alguien a tu blog tiene que conocer los beneficios que eso le aporta, eso ya lo sabemos, ¿Lo sabemos? Bueno, pues si no lo sabemos lo recordamos hoy.  

Puedes aportar un montón de cosas, desde pequeños imprimibles a cursos gratuítos, en PDF, o lo que se llama E-BOOK. Para que te metas en sintonía con este mundo, te diré que se les llama lead magnets, y son Infoproductos, porque los estás regalando pero bien podrías venderlos. No los vendes porque son la manera en la que puedes captar suscriptores/as. En mi caso estar suscrito/a al blog conlleva varios tipos de beneficios, como por ejemplo, Cursos gratuitos y otros que puedes ver aquí.

Al ser suscriptora cada vez que publico un post se va directamente a tu e-mail. En este sector es un beneficio, para no perderte nada, que siempre andamos con mil cosas en la cabeza y luego se nos pasa.  

Con lo cual este método puede servir para ser directa con nuestra visitante y exponer todo lo que les ofrecemos de manera resumida.  

Así para resumir, es un método que no le suele gustar a nadie, pero funciona. He aquí una contradicción humana más que añadir a la lista 😉   Márketing intrusivo que funciona.

En fin, me estoy parando con esto, que es tema para otro post, o varios, pero es que es importante tener todos los detalles presentes a la hora de tomar decisiones como la de insertar un pop-up en nuestro blog o web.

Lo más importante es que tienes que dejar claro que estás aportando contenido de valor.

Cómo instalar una ventana Pop-Up en nuestro blog, con caja de suscripción

  En este tutorial no voy a dar la lata con cada opción que Sumome.com nos ofrece, y voy muy al grano porque creo que perder el tiempo no debe estar nunca dentro de nuestros planes. Así que te enseño a ingresar en Sumome para disfrutar de sus servicios gratuitos y os ofrezco un super truco especial para la plataforma de Blogger, para que las limitaciones, en versión gratuita, no os afecten de manera negativa, a la hora de instalar vuestro pop-up de suscripción en Blogger.

No obstante debo advertirte que con esta opción no podrás disfrutar de las estadísticas de Sumome ya que no estamos usando su formulario de suscripción.

Voy a usar como base uno de los códigos de caja de suscripción que hemos usado en el post de personalización de formulario de suscripción y vamos a añadirle una imagen chula.  Si tienes el proveedor de e-mail márketing de Mailerlite ellos mismos te aportan el código de formulario y es la mejor opción.

Cómo instalar una ventana Pop-Up en WordPress

En la plataforma de WordPress.org es tan simple como instalar y activar el plugin de Sumo y luego será super fácil. Te dejo un vídeo tutorial para que te resulte más sencillo.

Consejos para un buen formulario Pop up en tu blog

Para el caso he creado esta imagen de prueba, como si tuviesemos un PDF, o E-Book que sirviera como imán de suscripciones, lo que atrae a tu público a suscribirse.  

Pero podría diseñar la imagen que quisieras (a través de canva.com te resultará super fácil, con todos sus recursos y posibilidades)

He creado una imagen como si fuera el regalo de un E-Book y lo he hecho en su totalidad con PicMonkey y en 10 minutos.

imagen-para-pop-up-en-sumome

Cómo instalar una ventana Pop-Up en nuestro blog, con caja de suscripción en Blogger

Una vez que tengamos nuestra imagen vamos a guardarla en una de nuestras entradas que nunca se publicará para poder conseguir la URL de imagen (si no saber cómo conseguirla mira este vídeo)

Cuando tengamos la dirección de imagen la copiamos en nuestro bloc de notas y también vamos a pegar la caja de suscripción personalizada para el caso que nos ocupa.

El código en el que irá envuelto el enlace de la imagen es el siguiente:

<a><img border="0" src="URL DE IMAGEN" /></a>

Copiamos el código y sustituímos lo que está en naranja por el código que hemos copiado de nuestra imagen.

Para lograr el código completo simplemente añadimos ese código antes del código de nuestra caja de suscripción y listo!!

Quedaría algo así:

<a><img border="0" src="URL DE IMAGEN" /></a>
<form style="padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('NOMBRE DE TU FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p><input type="text" style="width:50%; 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 TU FEEDBURNER" name="uri"/>
<input type="hidden" name="loc" value="es_ES"/>
<input style="background-color:#00A9FF; font-size: 16px; width: 40%; height: 40px; margin: 0 5px; padding: 5px; color: #FFF; cursor: pointer; border: 0px solid #eee;" type="submit" value="Suscríbete" />
</form>

Que quedaría, con la imagen que he elegido yo,  así:

ejemplo-pop-up-suscripcion-personalizado

Ya tenemos nuestro código para el Pop-Up personalizado con Sumome, todo lo que necesitamos. ¡¡Vamos allá!! 😀

Vídeo – Tutorial para añadir a tu blog Pop-Up de suscripción con Sumo en Blogger

¿Qué te ha parecido?

Cuando lo hayas probado cuéntame si has notado resultados.

Ya me contarás si te gusta encontrarte con estas ventanas, o si quizás vayas a usarlo en tu blog… Si tienes cualquier duda déjala en comentarios 🙂  

Comparte

CONSIGUE

LA VIDA QUE DESEAS

GRACIAS A UN NEGOCIO ONLINE RENTABLE

Disfruta de mi curso gratuito “Cómo tener un Negocio Online Rentable no solo económicamente”, en el que comparto las áreas más importantes a trabajar para conseguir la vida que deseas con tu Emprendimiento Online.

Interacciones con los lectores

26 comentarios

  1. Sonia Esser

    ¡Qué maravilla! Lo acabo de poner en mi blog (mundoderukkia.com) y ha quedado de lo más cuco… me encanta. Además ha sido super fácil y muy ameno. Porque algunas sufrimos de codigofobia y al final nos salen churri cositas en vez de estas monadas. El vídeo ha sido toda una gran ayuda.

    ¡Qué alegría descubrirte y que seas tan encantadora y que expliques los tuto tan bien! Fan-fan tuya desde ya… que te ailoviu, Mónica.

    ¡Un muackiles! Muchas gracias…

    • Mónica Lemos

      Jajajaa, Hola Sonia, que alegría tu comentario, se me había pasado contestarte! Me alegra haberte ayudado, de eso se trata!!

      Es más que nada tener paciencia, poco a poco y paso a paso van saliendo las cosillas.
      Muack!! Gracias!

    • Mónica Lemos

      Hola Cristina, Jaja, eso es una mente creativa! Sinceramente no lo he probado, soy de las que piensa que menos es más y además, de forma gratuita (y mientras así sea) creo que es suficiente con esta personalización.
      De todas formas si encuentras la forma pásate a compartirlo! Puede que haya gente interesada cómo tú
      Muchas gracias!

  2. Anónimo

    Hola! Muchas gracias! Me ha salido bien, solo que no quiero que aparezca cada vez que alguien abre una nueva sección del blog, ya que temo que se cansen y dejen de visitarlo. ¿Como hago que solo aparezca en la primera página que visitan?

    Gracias

    • Mónica Lemos

      Tienes que configurarlo dentro de las opciones que te ofrecen. Creo que se basan en la regularidad con la que entran en tu site,..
      Espero que encuentres la opción que buscas.
      Gracias por tu comentario
      Un saludo

  3. Fabío Meléndez

    Hola corazon mil gracias, este es mi blog http://ajedrezdeentrenamiento.blogspot.com/ es referente al ajedrez y quería hacer lo del pop up personalizado para promocionar mis clases de ajedrez y que entrarán en contacto a través del correo, te comento que tenia pensado dar un pdf gratuito, pero no se es solo un truco para tener suscriptores o de verdad llegará un mensaje a mi correo con las personas que quieren contactar las clases? Mil gracias de verdad super agradecido

    • Mónica Lemos

      Hola Fabio,
      Todo depende de lo que quieras. Puedes crear el pdf de regalo para que se suscriban al blog, y luego enviar email a los suscriptores para ofrecer tus servicios.
      Hay muchas opciones.
      Si te interesa profesionalizar tu web, envíame un correo 😊👍

  4. Libros soymasromantica

    lo he intentado muchas veces, pero ahora ya no es sumome, es sumo y pone que es para blogs de wordpres , no se como lo tengo que hacer, ya que me registro como dices pero luego no me deja continuar ni me da el código para ponerlo en el blog.

  5. Adm

    no me funcióna. En el código no hay un lugar donde poner la url del feed? solo dice poner el nombre del feed. Pero aparece un cartel que dice The feed does not have subscriptions by email enabled

  6. Claudia

    Hola Monica: Muy buen pots, lo utilizo en una página web y me funciona más o menos bien. Tengo 2 pequeños problemas. 1. No tengo el botón de Cerrar, ¿Cómo lo hago o donde lo coloco? 2. Cuándo doy click en el botón de suscribirme, me manda a una web que no existe. ¿Cómo cambio la dirección de envio?
    Gracias

Deja tu comentario

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