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Ā con 8 tendencias en diseƱo de pĆ”ginas web para tener un negocio con gancho.

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:

CĆ³mo diseƱar una landing page con Divi para conseguir suscriptores

 

#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 šŸ˜‰

Share This