C├│mo dise├▒ar una landing page con Divi para conseguir suscriptores
C├│mo dise├▒ar una landing page con Divi para conseguir suscriptores

Tiempo de lectura:

C├│mo dise├▒ar una Landing Page con Divi para captar suscriptores

Desarrollar una estrategia de Email Marketing es fundamental para cualquier proyecto o negocio que tenga presencia digital. Por ese motivo, en este post te voy a ense├▒ar c├│mo dise├▒ar una Landing Page con Divi para conseguir suscriptores.

As├ş es, sin suscriptores no hay para├şso.

Seguro que lo has le├şdo en cientos de blogs y en ese sentido no tengo nada nuevo que a├▒adir (yo tambi├ęn he hablado ya de estos temas).

Los suscriptores son necesarios, s├ş, pero no para aumentar nuestro ego profesional o para machacarles a emails en los que intentas venderle el infoproducto de turno.

Tus suscriptores son mucho más que un simple número en tu base de datos. Son aquellas personas que te leen cada semana (o cada vez que les mandas un correo) y con las que tienes que crear una relación de confianza.

Como ese tema dar├şa un post muy largo, voy a centrarme en mi objetivo original: ense├▒arte a dise├▒ar una Landing Page para captar suscriptores con Divi, mi maquetador de cabecera.

Antes de entrar en materia, te recomiendo echar un vistazo a otros post en los que ya he hablado anteriormente sobre estos temas:

¡Empezamos!

Ejemplos de Landing Page para conseguir suscriptores


Antes de empezar con el dise├▒o de la Landing Page, quiero mostrarte algunos ejemplos que me parecen muy creativos y que pueden servirte como inspiraci├│n.

Cada uno de ellos tiene un recurso diferente y te servirán si estás pensando en diseñar una Landing Page para captar suscriptores.

#1 Ebook / gu├şa descargable

Brond Studio es la web de Mónica Sánchez, cuyo obtivo es ayudar a pequeñas empresas a conseguir mejores resultados en su negocio diseñando una marca,

M├│nica ofrece en su p├ígina una gu├şa de branding descargable como lead magnet.

Puedes ver el resultado aqu├ş:

C├│mo dise├▒ar una landing page con Divi para conseguir suscriptores

#2 Test

Otro tipo de lead magnet muy interesante es un test, como ofrece en su web Luc├şa Irureta, dise├▒adora y experta en branding.

En este caso, se trata de un test para evaluar tu marca y descubrir c├│mo puedes mejorar tu branding.

Aqu├ş puedes ver el resultado:

C├│mo dise├▒ar una landing page con Divi para conseguir suscriptores

#3 Masterclass (o contenido en v├şdeo)

Otro tipo de lead magnet que funciona muy bien para captar suscriptores es el contenido en v├şdeo.

Aqu├ş te voy a poner como ejemplo mi propia masterclass: 10 claves para que tu web brille con luz propia.

Desde que cambi├ę mi anterior recurso (un ebook) a la actual masterclass, he comprobado un aumento significativo en el flujo de nuevos suscriptores.

Si todav├şa no te has pasado por mi Landing Page, este es su dise├▒o:

Dise├▒ar una landing page con Divi

#4 Varios recursos

Por ├║ltimo, otra opci├│n para captar suscriptores es la de ofrecer varios recursos diferentes, como es el caso de Gemma Fillol, consultora para marcas con personalidad.

En su web ofrece una secci├│n con diferentes recursos a cambio de la suscripci├│n por email y me encanta tanto la Landing como el formulario de suscripci├│n.

Te dejo una captura de cada uno:

C├│mo dise├▒ar una landing page con Divi para conseguir suscriptores
Landing Page
C├│mo dise├▒ar una landing page con Divi para conseguir suscriptores
Formulario

Antes de dise├▒ar una Landing Page hay que definir su estructura


La estructura de una Landing page var├şa en funci├│n del proyecto.

Como has podido ver en los ejemplos anteriores, hay Landing Pages con una extensión más breve y otras incluyen varios apartados, lo que las hace más extensas.

Pero el denominador com├║n es que todas ┬źvan al grano┬╗, es decir, muestran un recurso que ofrecen a cambio de la suscripci├│n por email.

En este caso, voy a diseñar una Landing Page más extensa para que veas todas las posibilidades que tienes.

De esto modo, la estructura de mi Landing va a ser la siguiente:

  • Header con ancho completo y llamada a la acci├│n.
  • Presentaci├│n del autor de la p├ígina.
  • Lead Magnet.
  • Contenido del lead magnet.
  • Beneficios.
  • Formulario.

Dise├▒ar una Landing Page para captar suscriptores paso a paso con Divi


Para mostrarte c├│mo dise├▒ar una Landing Page con Divi, se me ha ocurrido como lead magnet una gu├şa de viajes.

Imag├ęnate un blogger de lifestyle y viajes que ofrece como recurso una gu├şa para visitar Nueva York.

Aqu├ş puedes ver el resultado final de mi dise├▒o:

C├│mo dise├▒ar una landing page con Divi para conseguir suscriptores

Tambi├ęn puedes ver el dise├▒o de la p├ígina aqu├ş.

Como puedes ver en la Landing, todos los botones llevan al usuario hasta el formulario de suscripci├│n.

¡Me pongo manos a la obra y te explico cómo diseñar una Landing Page paso a paso!

#1 Crear una nueva página sin menú (Blank Page).

El primer paso para diseñar una Landing Page es crear una nueva página en tu WordPress con formato blank page, es decir, sin menú para que no tenga puntos de fuga.

C├│mo crear una landing page con Divi para captar clientes

#2 Cargar el layout Web Agency

A continuaci├│n, activas el constructor de Divi y clicas en ┬źcargar dise├▒o┬╗.

En Premade Layouts buscas el que se llama Web Agency, seleccionas la Landing dentro del pack y lo cargas en tu página (Use this layout).

#3 Personalizar tu Landing Page

He planteado el dise├▒o de la Landing a partir de este layout porque me parece muy chulo su dise├▒o y he querido simplificar el proceso.

Adem├ís, creo que, de todas las veces que he hablado de Divi, nunca hab├şa utilizado ninguno de sus layouts.

As├ş que, en esta ocasi├│n, en vez de plantear el dise├▒o desde cero, quiero aprovechar el potencial de uno de los layouts.

C├│mo dise├▒ar una landing page con Divi para conseguir suscriptores

Ahora que ya tienes cargado tu layout, activas el editor visual de Divi y es el momento de personalizar tu Landing Page.

Para no hacer muy extenso este post, he preparado un v├şdeo en el que te muestro todo el proceso:

Espero que, si est├ís pensando en dise├▒ar una Landing Page para conseguir suscriptores (o redise├▒ar la que ya tienes) y usas Divi, este tutorial te ayude mucho y mi ejemplo te sirva de inspiraci├│n ­čśë

Summary
 C├│mo dise├▒ar una landing page con Divi para conseguir suscriptores
Article Name
C├│mo dise├▒ar una landing page con Divi para conseguir suscriptores
Description
En este post te ense├▒o c├│mo crear y dise├▒ar una landing page con Divi para conseguir suscriptores, paso a paso. Incluye un video tutorial.
Author
Publisher Name
Max Camu├▒as
Publisher Logo

0 comentarios

Enviar un comentario

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

Para cumplir con el nuevo RGPD y que tus datos est├ęn a salvo, debes leer y aceptar mi pol├ştica de privacidad. Tus datos ser├ín guardados en SiteGround y WordPress, mi proveedor de hosting y el CMS que utilizo en esta web.

Dise├▒a
tu web

Dise├▒a
tu imagen

Impulsa
tu proyecto

Optimiza
y posiciona

masterclass

10 CLAVES PARA QUE TU WEB BRILLE CON LUZ PROPIA

MASTERCLASS: 10 claves para que tu web brille con luz propia

gu├şa

PARA DISE├ĹAR LOGOTIPOS MEMORABLES

GU├ŹA para dise├▒ar logotipos memorables