Caja Suscriptores

Hola gente, hoy quiero enseñaros una forma simple de tener una Caja suscriptores atractiva, sin tener que pagar por plugins algunas veces caros, vamos a trabajar con uno gratuito Simplepop y para la suscripción voy a implementar MailChimp

Caja Suscriptores

Es un plugin gratuito que nos permite utilizar codigo HTML, que para éste caso nos viene muy bien.

Antes de continuar os dejo un Vídeo que he preparado para que sea más visual.

Primero lo que necesitamos es instalar el plugin. Plugins – Añadir nuevo – Luego buscamos Simplepop e instalamos y activamos. Pero ahora no necesitamos entrar a la configuración, ahora vamos a Photoshop o cualquier editor de fotografía, y vamos a crear una imagen de 450×200 o el tamaño que quieras, voy a utilizar una imagen que he creado para que cuando se suscriban reciban un regalo, un libro PDF que he creado para regalar.

Caja Suscriptores

Una vez creado la imagen que vamos a utilizar, tenemos que ir a Mailchimp donde vamos a sacar el código que necesitamos para poner la caja suscriptores

Cuando estemos dentro de Mailchimp vamos a List, podemos elegir una lista ya creada o creamos una, como ya tengo una voy a utilizarla para éste ejemplo.

Ya elegida la lista o creada una, entramos en ella y vamos a Signup Forms – Embedded forms. Podemos ver que tenemos una caja de suscriptores creada, y debajo hay un código que vamos a necesitar para trabajar con Simplepop. Lo copiamos

Caja Suscriptores

Ya tenemos casi el 50% terminado, solo falta que vayamos a la configuración de Simplepop

Caja Suscriptores

Dentro de Popup content vamos a pegar un código que nos facilitará la integración de la imagen con el contenido, como si fuera todo uno.

<table width=”000″ height=”000″ border=”1″ bordercolor=”#00FF00″ background =”url de la imagen” bgcolor=”#0000FF”> <tr>    <td>escribir aqui untexto </tr></table>

Primero vamos a variar dos cosas

  • En border=”1″ vamos a darle el valor 0
  • bgcolor=”” vamos a poner el código del fondo de nuestra imagen, en mi caso es el mio es el #125985

Ejemplo

escribir aquí un texto

Ya casi lo tenemos, ahora solo queda pegar dentro el código de Mailchimp y agregar la imagen. Recordad que hay que borrar “escribir aquí un texto”

Subscribe to our mailing list

* indicates required


Ahora solo toca editar un poco y agregar la imagen que hemos creado.



Ya lo tenemos terminado, ahora solamente Guardamos los cambios y ya lo tenemos listo. Podemos comprobar abriendo nuestro blog y tendría que aparecere un Popup con nuestra caja suscriptores. Fácil no?

Ahora os toca a vosotros intentar tener una caja suscriptores, espero que junto al vídeo tutorial que te he dejado puedas lograr tener uno

Si te gustó el post, compártelo y dame un like, nos vemos en la próxima!!!!!

Si quieres leer más post interesantes debajo tienes enlaces que te llevarán a ellos.