Hoy te voy a explicar paso a paso como puedes crearte un formulario de suscripción en la barra lateral de tu sitio web empleando Thrive Leads y Mailchimp.
Thrive Leads es un plugin de pago pensado para ayudarte en la captación de suscriptores para tu lista de correo.
Es el más popular en su categoría, criticado y amado a partes iguales es una de las mejores herramientas en su campo.
MailChimp es uno de los proveedores de servicios de newsletter más populares que pone a tu alcance una cuenta totalmente gratis hasta alcanzar los 2000 suscriptores.
Herramienta muy útiles si parte de tu estrategia capturar consite en captar suscriptores a una lista de correo.
Lo que vas a ver en este post son los pasos a seguir para configurar ambas herramientas y que trabajen en equipo.
Un caso práctico. Así que, vamos allá.
Contenidos
- 1 Crea un formulario de suscripción con Thrive Leads y MailChimp
- 2 Accede a Thrive Dashboard
- 3 Conecta con el servicio de Mailchimp
- 4 Configura el widget de Thrive Leads
- 5 Video. Como crear un formulario de suscripción en MailChimp
- 6 Video. Crea un formulario de suscripción con Thrive Leads y enlázalo con Mailchimp
- 7 Video. Añadir el enlace al aviso legal a tu formulario de suscripción creado con Thrive Leads
Crea un formulario de suscripción con Thrive Leads y MailChimp
Doy por hecho que cuentas con el plugin Thrive Leads para crear formularios de suscripción. Lo primero que tienes que hacer es acceder al Dashboard de Thrive Leads.
Nota. Si aún no trabajas con Thrive Leads, ten en cuenta que te estás perdiendo una herramienta muy potente para capturar suscriptores.
Accede a Thrive Dashboard
Para crear un formulario de suscripcion ve a Thrive Dashboard.
Aquí empieza todo.
A continuación haz clic en Thrive Leads Dashboard
![Clic en Thrive Leads Dashboard](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-55-693x370.jpeg)
Haz clic en «ver detalles»
![Clic en "ver detalles"](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-56-693x370.jpeg)
Haz clic en «ADD NEW TYPE OF OPTIN FORM»
![Clic en "ADD NEW TYPE OF OPTIN FORM"](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-57-693x370.jpeg)
La idea aquí es crear dentro del «grupo de Lead Magnet 01» uno formulario de tipo widget que es el que se colocará en la barra lateral.
Selecciona el tipo de formulario
Tal cual ves en la imagen inferior, selecciona widget
![Selecciona el tipo de formulario: Widget](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-58-693x370.jpeg)
A continuación haz clic en ADD
![Añadir un formulario de suscripción de tipo Widget en Thive Leads](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-59-693x370.jpeg)
A continuación haz clic en CREATE FORM y crea un nuevo formulario de suscripción y
![Haz clic en el botón CREATE FORM para crear un formulario de suscripción en Thrive Leads](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-60-693x370.jpeg)
Escribe un nombre identificativo del formulario
![Escribe un nombre representativo para tu nuevo formulario de suscripción de Thrive Leads](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-61-693x370.jpeg)
Haz clic en CREATE FORM
A continuación haz clic en «EDIT DESIGN»
![Haz clic en EDIT DESIGN para personalizar tu formulario de suscripción](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-62-693x370.jpeg)
Elige una plantilla
![Selecciona una plantilla prediseñada de formulario de suscripción](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-63-693x370.jpeg)
Si no eres diseñador ni tu día a día gira en torno al diseño una muy buena alternativa es partir de una plantilla que después personalizas con los colores de tu sitio. No te compliques en esta parte.
Selecciona el formulario «Lead Generation»
![Selecciona la opción "Lead generation"](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-64-693x370.jpeg)
Conecta con el servicio de Mailchimp
Selecciona «Connect form to service«
![Selecciona la opción "CONNECT FORM TO SERVICE" en Thrive Leads](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-65-693x370.jpeg)
Conecta con el servicio. Selecciona «Mailchimp»
![Selecciona el servicio con el que vas a conectar tu formulario de Thrive Leads: Mailchimp](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-66-693x370.jpeg)
En este punto 1, vas a conectar Thrive Leads con tu proveedor de email marketing
Configura los detalles de la conexión
![Configura los detalles de la conexión con el servicio](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-67-693x370.jpeg)
Selecciona la lista de suscriptores de MailChimp.
Si tienes grupos definidos en Mailchimp, aquí los puedes seleccionar
![Si tienes grupos definidos en Mailchimp, aquí los puedes seleccionar](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-68-693x370.jpeg)
Los grupos te permiten segmentar a tus suscriptores.
Elije el tipo de formulario
![Elije el tipo de formulario](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-69-693x370.jpeg)
Opta por «Double Optin»
Selecciona Doble Optin
![Selecciona Double Optin](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-70-693x370.jpeg)
Haz clic en continuar
![](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-71-693x370.jpeg)
Define los campos del formulario
El campo del correo electrónico es obligatorio. En este punto, tan solo añade el campo nombre. Así, siempre podrás disponer del nombre y del correo de tu suscriptor.
Selecciona del desplegable la opción nombre
![Selecciona del desplegable la opción nombre](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-73-693x370.jpeg)
Listo, ya puedes hacer clic en siguiente.
![Listo, ya puedes hacer clic en siguiente.](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-74-693x370.jpeg)
Tu formulario se compone de dos campos en este momento.
Configura la acción a realizar tras suscribirse
Dispones de 4 acciones que se pueden realizar justo después de que el suscriptor rellene los campos
![4 acciones que se pueden realizar justo después de que el suscriptor rellene los campos](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-75-693x370.jpeg)
Tienes que elegir uno entre:
- Recargar la página.
- Reenviar a una URL.
- Mostrar un mensaje informando de que la operación ha sido correcta.
- Cambiar de estado el formulario.
Vas a configurar la opción 2: redirección a una URL
![Vas a configurar la opción 2: redirección a una URL](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-76-693x370.jpeg)
En este punto has de escribir la URL donde quieres que aterrice tu suscriptor tras poner los datos en el formulario.
En el ejemplo, esta es la URL que vamos a emplear: https://www.mamavuela.com/solo-un-paso-mas/
Tu tienes que crearte en tu WordPress esa página y escribir un breve contenido como éste por ejemplo:
Por tu seguridad. Te acabo de enviar un correo de confirmación para comprobar que has introducido tu correo electrónico corréctamente. Nota. Si el correo tarda en llegar, revisa que no haya entrado en tu bandeja de SPAM. 😉
![Configuramos la opción 2: redirección a una URL](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-77-693x370.jpeg)
Este es el resultado. Ahora guarda y listo.
![Configuramos la opción 2: redirección a una URL](http://www.administrandowp.com/wp-content/uploads/2017/12/solo-un-paso-mas-1-693x370.jpg)
Personaliza tu formulario
A continuación se muestra la pantalla para editar tu formulario
![Vista de edición de formulario de suscripción en Thrive Leads](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-79-693x370.jpeg)
Aquí y ahora es donde terminas de darle forma y color a tu formulario de suscripción.
Haz clic donde te indico en la imagen
![Vista "Lead generation" en editor de Thrive Leads](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-80-693x370.jpeg)
Vas a invertir el orden de los campos.
Quiero que en primer lugar aparezca el campo Nombre y el segundo lugar el campo email.
Haz clic en «EDIT FORM ELEMENTS»
![Haz clic en "EDIT FORM ELEMENTS"](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-81-693x370.jpeg)
Ahora selecciona y arrastra el campo nombre hasta que éste se coloque por encima del campo email
![Arrastra el campo nombre hasta que éste se coloque por encima del campo email](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-82-693x370.jpeg)
Arrastrar y soltar.
Listo, fíjate en el cambio de orden
![Cambiado de orden el campo Nombre en Thrive Leads](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-83-693x370.jpeg)
Ahora guardas y cierras.
![Guarda los cambios tras terminar de editar el formulario de suscripción](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-84-693x370.jpeg)
Guarda. La idea ahora es guardar todos los cambios y salir de la herramienta de edición para colocar el formulario en la barra lateral del blog.
![Guarda los cambios tras editar el formulario de suscripción de Thrive Leads](http://www.administrandowp.com/wp-content/uploads/2017/12/guardar-formulario-de-suscripcion-693x370.jpg)
Haz clic donde te indico
![Haz clic en el icono de tres puntitos de Thive Leads](http://www.administrandowp.com/wp-content/uploads/2017/12/haz-clic-donde-te-indico-1-693x370.jpg)
Haz clic en «Exit Thrive Architect»
![Haz clic en "Exit Thrive Leads"](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-87-693x370.jpeg)
Regresa al Dashboard
Haz clic en «BACK TO DASHBOARD»
![Haz clic en "BACK TO DASHBOARD"](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-88-693x370.jpeg)
Recarga la página
![Recarga el dashboard de Thrive Leads](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-89-693x370.jpeg)
Haz clic donde te indico en la imagen
![Haz clic en ver detalles dentro del Grupo de Leads 01](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-90-693x370.jpeg)
Activa la opción para «Display on Desktop»
De este modo damos una orden para que nuestro «formulario de suscripción» (1) de tipo» Widget» (2) dentro de nuestro grupo de «Lead Magnet 01» (3) se active.
![Activa la opción "Display on desktop"](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-91-693x370.jpeg)
Configura el widget de Thrive Leads
Localiza la barra lateral primaria dentro de Apariencia/ Widgets.
Nota. En tu tema dicha barra lateral puede tener otro nombre o incluso puede que no tengas. Tenlo presente.
![Localiza el widget de barra lateral primaria](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-92-693x370.jpeg)
Localiza el widget «Thrive Leads Widget» y arrástralo a la barra lateral primaria
![Arrastra el widget de Thrive Leads al área de widget de barra lateral primaria](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-93-693x370.jpeg)
Marca la opción «Lead Group 01«
![Marca la opción "Lead Group 01"](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-94-693x370.jpeg)
Guarda los cambios
![Guarda los cambios en el widget Thrive Leads Widget](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-95-693x370.jpeg)
Visita el sitio
![Haz clic en visitar el sitio](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-96-693x370.jpeg)
Haz clic en «Blog»
![Haz clic en el menu blog](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-97-693x370.jpeg)
Haz clic en una entrada
![Haz clic en una entrada](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-98-693x370.jpeg)
Comprueba que se ha publicado el formulario de suscripción de Thrive Leads en la barra lateral
Tal cual ves en la imagen inferior.
![Comprueba que se ha publicado el formulario de suscripción de Thrive Leads en la barra lateral](http://www.administrandowp.com/wp-content/uploads/2017/12/word-image-99-693x370.jpeg)
Estos son los pasos a seguir para crear y publicar un formulario de suscripción en la barra lateral de tu sitio con Thive Leads y con Mailchimp.
En el ejemplo se ve claramente que aún no está terminado, faltan muchos retoques por pulir pero la idea queda clara y confío que los pasos a seguir también.
Video. Como crear un formulario de suscripción en MailChimp
Primer video.
Video. Crea un formulario de suscripción con Thrive Leads y enlázalo con Mailchimp
Segundo video
Video. Añadir el enlace al aviso legal a tu formulario de suscripción creado con Thrive Leads
Tercer video.
Y hasta aquí el tutorial. Confío que le puedas sacar partido.
Si te apatece compartir alguna duda, un caso de uso, experiencia u otra cosa, te espero en los comentarios.
Hola, me ha encantado el tutorial lo único que no he logrado encontrar es:
si en algún sitio del tutorial está escrito el trozo de código de «Como añadir el enlace al aviso legal a tu formulario de suscripción creado con Thrive Leads» para poder hacer un copia-pega. Gracias