SLIDER

¡Hola!

Mónica Lemos
¡Hola! Soy Mónicay quiero que empieces a crear tu blog o tu canal de youtube sin complicaciones. Aquí descubrirás cómo.

CONSEGUIR LO QUE QUIERES

NUNCA FUÉ TAN FÁCIL

Si quieres conseguir ciertos cambios en tu blog, renovar el diseño, arreglar algún problema, instalar alguna plantilla que te crea problemas...¡Puedo ayudarte! Envíame un e-mail a [email protected] y hablemos.

Suscríbete

¿Quieres asegurarte de que tus posts estén perfectos antes de ser publicados?
Te regalo una Check-List que te ayudará en esto.


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

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

Penúltimo tutorial de la temporada, extra de este curso gratis Crea y Diseña un blog paso a paso desde cero, en el que, atendiendo a vuestras sugerencias, he creado 7 tutoriales más, con sus respectivos vídeos para poder mejorar tu blog.

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 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, recibir la Check-List para una entrada perfecta, o también recibir el curso en tu e-mail. 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/o con nuestro/a 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 ;)

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. 



Tienes que dejar claro que estás aportando contenido de valor.


comenzamos con el tutorial


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


En este tutorial no os 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 os enseño a ingresar en Sumome para disfrutar de sus servicios gratuítos y os ofrezco un super truco especial para que las limitaciones, en versión gratuíta, no os afecten de manera negativa, a la hora de instalar vuestro pop-up de suscripción.

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. En mi caso no me importa, ya que creo que es mucho más relevante el hecho de tener un formulario de suscripción visualmente atractivo. De todas formas siempre podré saber cuántas suscripciones he adquirido dirigiéndome a mi FeedBurner o proveedor de E-mail Marketing (en mi caso Mailrelay)

Esto no puede ser más fácil, ya que ya tenemos clara la parte de personalización de nuestra caja de suscripción, que vimos hace poquito, y simplemente os voy a enseñar a añadir una imagen a esa caja de suscripción en la que podamos escribir y mostrar lo que queramos para crear una pop-up realmente atractiva y conseguir así muchas suscripciones a nuestro blog.

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.

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


Una vez que tengamos nuestra imagen vamos a guardarla en una de neustras 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á!! :D


Vídeo - Tutorial para añadir a tu blog Pop-Up de suscripción con Sumome


¿Qué te ha parecido? Seguro que ya has visto mi pop-up de suscripción, al final he caído en la tentación ;) y si no es así la verás. Tengo el mismo formato que ves al final de algunos de mis tutoriales  , como en este. 

Cuando lo hayas probado cuéntame si has notado resultados. En mi caso sin haber añadido imagen ni nada, hace un tiempo, no tuve un resultado notable, pero estos días en los que he hecho el tutorial y he añadido el pop-up la verdad que sí que he tenido resultados. Bueno, ya veré si lo mantengo ;)

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 ya sabes que no me gusta que cargues con ella, deja tu duda aquí en los comentarios o ponte en contacto conmigo y la resolvemos :)


15 comentarios

  1. Genial!!! Y el truco me ha encantado. En breve lo pongo en práctica;)

    ResponderEliminar
    Respuestas
    1. Me alegro que te haya gustado! En cuanto lo tengas me cuentas que tal ;)

      Eliminar
    2. no sale el cerrar y no sale como ventana emergente

      Eliminar
  2. ¡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...

    ResponderEliminar
    Respuestas
    1. 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!

      Eliminar
  3. Respuestas
    1. Seguro? Nadie más me ha dicho nada! Espero que lo hayas arreglado
      Un saludo

      Eliminar
  4. una duda, si yo quisiera poner la imagen de fondo del pop up sustituyendo el color del fondo del otro tutorial como se haría?

    ResponderEliminar
    Respuestas
    1. 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!

      Eliminar
  5. Anónimo4/14/2017

    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

    ResponderEliminar
    Respuestas
    1. 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

      Eliminar
  6. Hola ¿funciona con mailchimp.com?

    ResponderEliminar
    Respuestas
    1. Debería funcionar! Se trabaja código pero es distinto claro.

      Un saludo 😊

      Eliminar

© Blogger Paso a Paso • Theme by Maira G. Adaptada por Mónica Lemos, autora de este blog.
Todas las imágenes son del banco de imágenes Unsplash.com o bien de mi propia autoría.
Si quieres puedes reclamar tu autoría - Contactar con la autora del blog.