驴Ya dominas la teor铆a? Ahora pasa a la pr谩ctica dise帽ando tu propia landing page:

馃帴 Pasos para crear una landing page en WordPress desde cero con Elementor 馃帴

Tu web atrae visitas. Objetivo n煤mero uno cumplido. Ahora te lanzamos una pregunta: 驴conviertes ese tr谩fico en clientes/suscriptores?

Ante una respuesta negativa, los especialistas en CRO y Marketing Digital prescriben el siguiente tratamiento: aprende a crear una landing page efectiva en WordPress.

Da lo mismo si deseas captar leads cualificados desde tu blog, a trav茅s de campa帽as de publicidad en Facebook Ads o con Google Adwords.

Si tu prop贸sito es transformar las visitas en clientes, tu web necesita s铆 o s铆 una (o varias) p谩ginas de aterrizaje.

Y no lo decimos por decirlo. Un estudio de Marketo, certifica que las landing pages favorecen al 68% de las empresas B2B a conseguir nuevos leads.

Por lo tanto, si tu negocio online todav铆a no sabe qu茅 es una landing page o la has creado pero deseas optimizar al m谩ximo su poder 芦turbo conversor禄, no pierdas m谩s tiempo y sigue leyendo este post porque te iluminar谩 en el camino.

Mar铆a S谩nchez, m谩s conocida como Lady CRO en Webpositer, ha resumido en el v铆deo que encabeza este art铆culo los aspectos esenciales que ha de reunir una p谩gina de aterrizaje que convierta de verdad.

Gracias al dise帽o y optimizaci贸n de landing pages estrat茅gicas, conseguir谩s pasar del terreno inicial de la atracci贸n, a la captaci贸n, conversi贸n y posterior fidelizaci贸n de clientes. 隆Atr茅vete a dar el paso!

驴Qu茅 es una landing page o p谩gina de aterrizaje?

Una landing page es una p谩gina dise帽ada para convertir en leads a los usuarios que visitan una web.

Llegados a este punto, tal vez te preguntas: 芦驴qu茅 diferencia una landing page de cualquier p谩gina de mi web?禄.

La respuesta es sencilla: la falta de distracciones.

Una p谩gina de aterrizaje efectiva destaca por ofrecer la informaci贸n esencial, con la m谩xima claridad, al grano, centrando la atenci贸n solo en los elementos que importan y en los beneficios de esa oferta para que el usuario interact煤e en la p谩gina de un modo concreto.

Desde suscribirse a la newsletter, a pedir informaci贸n sobre un servicio o apuntarse a un webinar. Toda landing page debe responder a una acci贸n espec铆fica.

Mira este ejemplo en la web de Evernote:

landing-page-evernote

Pero seguro que esta estructura de landing page no te sorprende; la ves en multitud de webs que visitas cada d铆a. La raz贸n es sencilla: funciona.

As铆 lo hace PC Componentes…

pagina-pc-componentes

…y Sanitas.

landing-page-sanitas

Razones de peso para apostar por las p谩ginas de aterrizaje en tu estrategia de marketing online

Su sencillez y efectividad

Frente a las p谩ginas de tu web repletas de opciones y enlaces, una landing page est谩 dise帽ada para reducir al m谩ximo las distracciones que impidan cumplir el objetivo final (suscripci贸n, solicitud de informaci贸n, registro, compra…).

El mensaje claro combinado con la 贸ptima argumentaci贸n de los beneficios que obtiene el potencial cliente con dicha oferta y un dise帽o sencillo ayudan a guiar al visitante hacia la acci贸n que t煤 deseas que desarrollen en esa p谩gina.

Captaci贸n de leads

Imagina que deseas ampliar tu lista de suscriptores y has creado una gu铆a de descarga gratuita sobre el arte del origami, la especialidad de tu web. 隆Perfecto!

Para el 贸ptimo desarrollo de esta acci贸n con lead magnet incluido, necesitas una landing page efectiva que explique por qu茅 es el e-book definitivo sobre este arte milenario para doblar papel.

Combinado con el poder de la escritura persuasiva, esa p谩gina de aterrizaje incorporar谩 un formulario sencillo donde solicites el nombre, apellidos y el correo electr贸nico de ese usuario para que obtenga tu gu铆a.

Voil脿! Este paso convertir谩 esa visita en un nuevo suscriptor que, adem谩s de recibir en su e-mail tu gu铆a, estar谩 al tanto de todas las novedades y contenidos que publiques en tu web. 隆La v铆a perfecta hacia su fidelizaci贸n!

4 Elementos esenciales en el dise帽o de landing pages

En los ejemplos de p谩ginas de aterrizaje que acompa帽an a este art铆culo, ver谩s que confluyen una serie de elementos comunes dada su efectividad.

Antes de pasar a conocerlos al detalle, hacemos una parada para destacar los 4 aspectos de dise帽o que para nuestra compa帽era Mar铆a S谩nchez siempre debe reunir una landing page.

jerarquia

JERARQU脥A

Una landing page es enemiga de las distracciones.

Por este motivo, la informaci贸n debe estar ordenada como si se tratara de los armarios y c贸modas de Marie Kondo: un lugar para cada argumentaci贸n, situando los elementos m谩s importantes en las partes m谩s altas y destacadas de esta landing.

Adem谩s, la p谩gina de aterrizaje debe contar con un orden claro que gu铆e al usuario dentro de la p谩gina y con el 芦Menos es m谩s禄 como m谩xima para prescindir de los datos irrelevantes y comunicar solo la esencia de esa oferta, poniendo el acento en los beneficios.

aspecto-visualASPECTO VISUAL

隆Flechazo a primera vista! Esta es la sensaci贸n que tu landing page debe provocar cuando alguien acceda a ella. En esta misi贸n, el cuidado en el dise帽o ostentar谩 un papel protagonista. 隆Esm茅rate al m谩ximo!

Escoge los colores adecuados, apuesta por im谩genes de calidad, combina diferentes formatos de contenidos… todo para que tu landing page cautive.

contrasteCONTRASTE

Las partes de tu p谩gina de aterrizaje donde te interese que el usuario centre su atenci贸n, deben destacar por encima de todos los elementos que hay a su alrededor. 隆Tenlo presente!

arquitecturaARQUITECTURA

Sigue la recomendaci贸n de Mar铆a: construye tu landing page en bloques horizontales y desarrolla solo una idea en cada 谩rea informativa.

De este modo, facilitas al usuario tanto el escaneo como la comprensi贸n de todo el contenido incluido dentro de esa p谩gina.

Estructura de la landing page per-fec-ta

隆Lleg贸 el momento! Diseccionamos las partes de una p谩gina de aterrizaje para que conozcas de primera mano todos los elementos que no pueden faltar en su dise帽o.

As铆 transformar谩s cada landing page es un arma de conversi贸n masiva.

Zona 芦above the fold禄 (lo primero que ven los usuarios de una web tras ser cargada)

El principal escaparate de tu landing page donde deben figurar:

  • Logotipo de tu empresa/negocio.
  • Titular: Escr铆belo aplicando t茅cnicas de redacci贸n SEO y copywriting para crear un titular atractivo, magn茅tico, claro y diferenciador.
  • Subt铆tulo: Aprovecha esta frase breve pero determinante para expresar con claridad del beneficio que obtiene el usuario con tu oferta.
  • Llamada a la acci贸n: en forma de bot贸n, esa call to action dirigir谩 al usuario a un formulario donde solicitaremos datos de contacto al usuario, que puede mostrarse a lo largo de la landing o bien aparecer谩 a modo de pop up.

pagina-de-aterrizaje-above-the-fold

Zona 芦below the fold禄 (toda la informaci贸n que completa la landing page a la que se accede haciendo scroll)

Convence al usuario con argumentos de valor siendo claro y conciso. Emplea para ello:

  • Destacados con puntos visuales: aplica vi帽etas o iconos con un breve texto que ayuden a introducir los primeros elementos informativos.

detalles-visuales

  • Llamada a la acci贸n secundaria: Su aparici贸n debe intercalarse a lo largo de la landing page para favorecer la interacci贸n del usuario hacia el objetivo perseguido en esta p谩gina (suscripci贸n, petici贸n de informaci贸n, compra de un servicio…).
  • Texto m谩s extenso: aprovecha esta secci贸n para argumentar con palabras tu propuesta, incorporando la persuasi贸n y el SEO en la redacci贸n.

Adem谩s, cuida la maquetaci贸n del contenido para que resulte m谩s agradable su lectura. Aplica im谩genes representativas con esa 谩rea informativa, fondos de diferentes colores y evita bloques kilom茅tricos de texto.

texto-extenso-landing-page

  • Credibilidad de la mano de testimonios: si las opiniones favorables sobre tu producto/servicio te enorgullecen, nos las dejes metidas en un caj贸n.

隆Mu茅stralas a potenciales clientes en tu landing page! Hazlo en formato de texto o, mejor incluso, en v铆deo. Eso s铆, las trampas no valen. Siempre testimonios reales.

testimonios-pagina-aterrizaje

  • Nueva CTA secundaria que incida en informaci贸n que interesa al usuario.
  • Sellos de calidad: Luis Bassat dec铆a: 芦Hazlo bien y hazlo saber禄. 隆Y con qu茅 raz贸n!

En esta secci贸n de la landing page, aprovecha para incluir menciones en medios de comunicaci贸n, premios o distinciones.

premios-pagina-aterrizaje

  • CTA final que complementa al resto de llamadas a la acci贸n.

En esta ocasi贸n, opta por un CTA directo enfocado al objetivo por el que desarrollaste esta p谩gina de aterrizaje.

CTA final

  • Pie de p谩gina con informaci贸n adicional.

Plantilla de ejemplo de una landing page

plantilla-ejemplo-landing-page

驴Qu茅 hay que tener en mente al hacer una landing page para m贸viles? Mar铆a te lo cuenta todo, todo, todo.

Pasos para crear una landing page en WordPress con Elementor

Tras la petici贸n de una seguidora del Canal de Youtube de Webpositer, nuestro compa帽ero David Navarro (@d7anace) se puso manos a la obra para recoger en un v铆deo todos los pasos para dise帽ar una landing page en WordPress con el plugin Elementor, uno de los maquetadores web m谩s destacados y f谩ciles de utilizar. 隆Adem谩s es gratis!

Ver谩s que crear una landing page en WordPress con este plugin es mucho m谩s f谩cil de lo que hab铆as imaginado.

Por el momento, David te ense帽a a dise帽ar la estructura bas谩ndose en la plantilla de ejemplo que Mar铆a cita en el v铆deo de cabecera de este art铆culo y que tambi茅n aparece como imagen en este post.

En un pr贸ximo v铆deo, explicaremos aspectos vinculados con maquetaci贸n y dise帽o con los que pulir el aspecto visual de esa p谩gina de aterrizaje.

Ten l谩piz y papel cerca porque este tutorial te ser谩 de gran utilidad para dar forma a landing pages en WordPress efectivas y sencillas de la mano de Elementor. 隆Sigue los pasos que marca David y voil脿!

Conclusi贸n

Hasta aqu铆 toda nuestra particular gu铆a para aprender a crear una landing page efectiva que de verdad atraiga y convierta en nuevos clientes el tr谩fico que llega a tu web.

Ten presente todas las recomendaciones compartidas por Mar铆a en el v铆deo y los consejos dados en este post y comprobar谩s c贸mo tus p谩ginas de aterrizaje ayudar谩n a captar m谩s leads a tu negocio.

驴Tienes tu secreto para dise帽ar landing pages con garant铆as de conversi贸n?
Ch铆vanoslo en los comentarios. 馃槈

隆TENEMOS MUCHO M脕S SEO QUE ENSE脩ARTE!

Tenemos la formaci贸n SEO m谩s completa. Aprende de los mejores y transforma tu pasi贸n en una profesi贸n.

Do you SEO?

T脷
NO ERES
JUAN PALOMO

驴Necesitas que un equipo profesional y simp谩tico te ayude a ganar la batalla en Internet?

隆Aqu铆 nos tienes!


1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoraci贸n todav铆a)
Cargando鈥