Formulario Mailchimp (popup)
Buenas gente, hoy quiero enseñaros como tener un formulario mailchimp en nuestro WordPress, vamos a trabajar con ventanas emergentes o popup.
De ésta manera podemos conseguir que las personas cuando visiten nuestras web/blog se suscriban, podemos enviar ofertas, nuestros post, también podemos ofrecer algún curso o regalar un Ebook para que se más atractivo a los ojos de los visitantes y que no duden en suscribirse, por suerte existe Mailchimp…podremos crear un formulario mailchimp e insertarlo en nuestro sitio.
Antes de seguir os dejo un Videotutorial, donde prodrás ver mejor lo que te explico sobre mailchimp, espero que te guste.
Formulario Mailchimp
Para empezar vamos a mailchimp – Lists – y vamos a crear una nueva lista Create List
En la siguiente ventana debemos de rellenar:
- List name
- Default «from» email
- Deault «from» name
Cuando ya tengamos todo, ahora solo tenemos que dar clic en Save
Ahora ya podemos crear nuestro formulario mailchimp, simplemente damos clic en Signup forms
Ahora Mailchimp nos ofrece 4 formas para crear un formulario
- General forms: Podremos crear nuestro formulario, darle forma y traducirlo.
- Embedded forms: Desde aquí prodremos obtener un código para poder agregar un formulario en cualquier parte de nuestra página.
- Subscriber popup: Podremos poner nuestro formulario mailchimp en forma de ventana emergente o popup.
- Forms integrations: Puedes integrar los formularios en Twitter Ads, Wufoo, Squarespace y CoffeeCup Form Builder
Para éste ejemplo vamos vamos a utilizar Subscriber popup. Cuando entremos solo tendremos Email Address, en el video que os dejo enseño un poco mejor toda la funcionalidad, así que si queréis ver como agregar más campos o diseño os lo dejo en el Video.
Dentro de Subscriber popup, mailchimp nos ofrece 4 opciones para cambiar un poco el aspecto de nuestro formulario mailchimp
- Desing: Dar color a las letras, botón, texto del botón, cambiar diseño de formulario
- Fields: Desde aquí podremos agregar campos ya creado con anterioridad por nosotros.
- Image: Subir una imagen y podres agregar texto en el cuerpo del formulario.
- Settings: podemos elegir el tiempo que tarda en aparecer el popup, inmediatamente, 1, 2 o 5 segundos después de entrar en la página.
Ahora ya teniendo nuestro formulario mailchimp terminado, solo tenemos que dar clic en View Code y de ésta manera obtendremos el código para ponerlo en nuestra web.
Ahora toca WordPress
Nos vamos a WordPress (por ejemplo) Páginas y vamos a Inicio – Editar – ahora lo que necesita es agregar el texto que nos dio mailchimp, en éste caso la parte visual no nos vale, damos clic en texto y agregamos nuestro código en cualquier parte, ahora solo tenemos que actualizar y comprobar que tal se ve nuestro formulario mailchimp popup.
Como veis es muy fácil poder tener un formulario, y no nos llevaría demasiado tiempo para tener uno. Tener en cuenta que el formulario solo aparecerá en Inicio porque es donde hemos puesto el código, si queréis tener en cualquier otra página solo es abrir y colocar el código….así de simple.
Bueno gente, ya sabéis si te gustó el post solo te pido que lo compartas y me harás feliz.
Si quieres leer más post interesantes debajo tienes enlaces que te llevarán a ellos.
Buenos días, me encanta tu entrada, es súper útil la información pero tengo una pregunta. La inclusión del formulario de mailchimp es válida para wordpress.com (es decir, gratuito) o sólo vale para el wordpress con plugins de wordpress.org?
Muchas gracias.
Un saludo
Hola blanca ten en cuenta que sólo tienes que meter un código no es un plugin debería de funcionar. Un saludo ya me contaras si lo pruebas
Hola, llevo dos días con un problema en el mailchimp, y he dado con tu blog, que me parece que está muy bien explicado, y resulta de gran ayuda.Cuando pongo el código del popup en una web, en algunos dispositivos no cierra si no quieres subscribirte, se queda como colgado. ¿Estoy haciendo algo mal?, el código que genera lo incluyo en un widget de texto, y también he probado como comentas tú, de ponerlo en la página del home, pero, no hay manera, he buscado de mil maneras, pero no encuentro la solución. Te agradezco enormemente, si sabes cómo ayudarme.
Hola lidia a mi también me ha dado errores para popup si entras al último post hablo como crear una ventana flotante con mailchimp y muy profesional espero que tr ayude saludos
Muchas gracias por tu rápida respuesta!, voy ahora a mirar tu post, y ya te contaré 😉
Ok. Aquí estamos para ayudar. Saludos
Muchas gracias por tu rápida respuesta!, voy ahora a mirar tu post, y ya te contaré 😉
Ok. Aquí estamos para ayudar. Saludos
Buenos días, he entrado en tu nuevo post y te felicito por lo bien explicado que está. Lo he probado, tuve que añadirle un , para cerrar el que estaba abierto, y me funcionó perfectamente. Gracias!!!
Por otra parte, encontré la razón de por qué no funcionaba la opción de cerrar el popup de Mailchimp.
La parte en donde está el header y la barra de navegación debajo del popup, no funciona, ya sea, la opción de cerrar o los campos de introducir los datos, es decir, la zona en la que superpone el popup al header o la barra de navegación no deja hacer nada.
lo que hice fue jugar con el tamaño del popup, … y solucionado!, no es una solución muy técnica, pero también me sirvió 😉
Hola lidia tienes razón algunas veces lo no técnico funciona….si funciona y no da error ….adelante me alegro que hayas solucionado un saludo