Crear Landing Pages exitosas es una parte fundamental en cualquier tipo de negocio. Las páginas que vas a ver en este post pertenecen a las landings que se han creado para anunciarse en Google y Facebook Ads. También veremos ejemplos de una web que ofrece landings para WordPress (al final pongo el enlace).
Te recuerdo que en Adrenalina también ofrecemos un servicio de diseño web que incluye el diseño y el copy de una Landing Page Perfecta. Si te interesa, puedes contactarnos aquí.
Tabla de contenidos
Los negocios online suelen estructurarse en:
- Una página de inicio.
- Diversas páginas importantes que atacan diferentes áreas de negocio (o categorías globales de productos). Éstas podrían considerarse un tipo de landing pages.
- Artículos para el blog o productos individuales (si fuera una tienda online).
Nosotros en particular, consideramos todas y cada una de esas urls Landing Pages porque todas están optimizadas para lograr un objetivo: conseguir un lead, un email, una conversión…
En este postte voy a poner ejemplos de Landing Pages con diferentes objetivos:
- Obtener un registro.
- Conseguir un email para una Newsletter.
- Conseguir una compra en una tienda online.
La característica común en todas ellas es que se anuncian en Google o Facebook Ads, por lo que se supone que deben estar optimizadas al 100 %.
2 ejemplos de Landing Pages en español donde se busca un registro
Vamos a ver 3 ejemplos en español. El primero no está tan bien ejecutado como el segundo.
1) Landing page de Salesforce.
Esta captura de pantalla es lo que se ve en el above the fold de un portátil.
Como puedes ver:
- No existe menú de navegación. Solo el logo te llevaría a la página de inicio.
- Solo se ven dos botones con diferentes llamadas a la acción pero que llevan a otra landing page más directa.
En esta última landing page, ni si quiera el logo te lleva a la home. No hay escapatoria a no ser que cierres la pestaña o hagas una búsqueda en la barra de navegación de tu ordenador.
Resulta más efectivo que un anuncio de Google Ads te lleve a la segunda landing page o una mezcla de las dos. Algo como lo que vamos a ver en el siguiente ejemplo.
2) Landing Page de Freshworks.
Esta landing es una mezcla de las dos primeras. Tiene una explicación de lo qué te ofrece esa herramienta y en el lado derecho tiene un formulario de registro.
No hay que hacer ningún clic para que te lleven a la página de registro. Todo está en esa página.
Como elemento de menú solo hay un botón de registro que te acompaña durante el scroll que hay que hacer a través de toda la página. La cabecera está fija junto a ese botón.
Repasemos los elementos ideales de esta landing page con formulario de registro:
– Lo que más destaca en el above the fold es el color blanco del formulario. Está como superpuesto a un color pastel y la vista se va automáticamente a dicho formulario.
– Dicho formulario tiene un encabezado H3 en el que aparece la palabra “gratuita”. Ya sabemos que las palabras relacionadas con GRATIS tienen un poder de atracción muy fuerte en el consumidor.
– En el caso de que hagas scroll, la cabecera cambia a un color blanco y el botón de registro se destaca mucho más. Esta cabecera te acompaña en todo el proceso de scroll.
– Al final de la página vuelve a ver un botón de “Registrarse gratuitamente”.
Ejemplo en español de Landing Page de la categoría de productos de un ecommerce.
3) Landing Page de una tienda online.
Si busco “Lámparas de techo” en Google, esta es la página de una de las tiendas que se anuncian en Google Ads.
Como puedes observar, no es una típica Landing Page. Sin embargo, está igualmente cuidada y trabajada para posicionarse en Google por “Lamparas de Techo”. Al fin y al cabo, no deja de ser una landing page pensada para que el usuario pueda elegir entre diferentes tipos y estilos de lámparas.
Por eso digo, que todas las urls de una web deberían ser tratadas como una landing pages, una página totalmente optimizada para que el usuario realice una acción.
En este ejemplo, la página no muestra directamente lámparas de techo para comprar. Google prefiere posicionar páginas que muestren diferentes subcategorías de lámparas de techo. Como ya he dicho, al final se trata de crear una landing que sea útil para el usuario y le guste a Google.
Landing Page para capturar emails
4) Landing para obtener un código de descuento a cambio del email.
Esta página de aterrizaje pertenece a la web que ofrece Landing Pages. Está hecha con Elementor:
Esta página sí cumple todos los requisitos para que sea una página de aterrizaje efectiva. No existe ni logo ni ningún tipo de menú. No hay escapatoria, es decir, o cierras la pestaña del navegador o introduces tu email.
El botón de suscribirse tiene un color que destaca sobre todos y a nivel de usabilidad está muy bien porque hay un pequeño texto que indica claramente al usuario lo que debe hacer: “Introduce tu email aquí”. Son pequeños detalles que importan y marcan la diferencia para los usuarios menos avanzados.
Página de aterrizaje para suscribirse a una membresía
5) Landing Page con cuenta atrás para suscribirse a un membership site.
No hagas caso de las líneas blancas que cruzan la captura en horizontal; es un problema de la extensión que uso para hacer un screenshot de una web entera.
Evidentemente el contador no funciona porque es una DEMO de landing para una ocasión especial como puede ser un Black Friday.
Una vez más, no existe ni logo ni menú. Solo se puede hacer clic en el gran botón blanco para comprar la suscripción anual. Dicho botón se va repitiendo a lo largo de la web en la que se supone que debe haber un buen copy. El texto también es una parte fundamental de una buena landing page.
Landing Page para apuntarse a un Webinar
6) Página de aterrizaje para capturar emails a cambio de un Webinar.
En esta ocasión sí aparece logo pero podemos hacer que no sea clicable para que el usuario no se vaya.
Ejemplo de Landing Page para vender un producto
7) Página de aterrizaje monoproducto
Existen webs monoproducto, es decir, venden únicamente un producto que suelen promocionar en Facebook Ads.
Esta landing sería ideal para la venta de un solo producto. Unos textos claros y concisos que explican de qué se trata el producto y luego el formulario de envío que les llevará a la pasarela de pago.
8) Merrill Edge.
Lo que han hecho bien:
– El titular es claro.
Explica por ué el visitante debe negociar acciones con Merrill Edge. Solo cuesta una tarifa de 6,95 usd por operación en línea.
– La imagen actualizada del resumen del mercado de valores le brinda al visitante un aporte interesante.
El papel de las imágenes en las páginas de aterrizaje es muy importante. Deben ser llamativas y, ser posible, de utilidad. Deben ser un complemento visual del texto.
– CTA (Click To Action) visible y que llame la atención.
El color rojo del botón de llamada a la acción se destaca en la página para que se sepa exactamente dónde ir para “Comenzar” con Merrill Edge.
¿Qué probar en un test A/B?
Todas las páginas de aterrizaje tienen que estar sometidas a pruebas A/B para trackear o seguir el desempeño de ciertos elementos de la landing.
En este caso, un test A/B podría ser sustituir el texto del botón por uno que incite a hacer más clics, ejemplo: “Comenzar a operar ahora”.
9) Quip.
Lo que han hecho bien:
– PUV o Propuesta Única de Valor.
El titular es claro y directo porque dice la Propuesta Única de Valor de Quip. A estas alturas deberías saber que si vas a montar un negocio online, sebes tener clara cuál es tu propuesta única de valor. Es aquello que te diferencia de la competencia y que solo tú la ofreces. Algo realmente valioso que merezca la pena comprar.
– Copy del texto del CTA.
El texto del botón de llamada a la acción, “Obtener Quip”, es directo y permite que las personas que hagan clic en el botón tengan las cosas claras de a dónde van a ir: a la página de pago.
¿Qué probar en un test A/B?
– El menú de navegación.
Los enlaces de navegación en el encabezado de la página le dan al usuario una forma de salir de la página muy rápidamente. ¿Cuál es el objetivo de esta página: que las personas naveguen por ella o que generen nuevos clientes?
– El color del botón de la llamada a la acción.
El CTA de color verde claro no contrasta con la página tanto como podría. Es posible que no reciban tantos clics como si eligiéramos un color más llamativo que destaque sobre el color blanco.
10) Universidad de Capella.
Lo que han hecho bien:
– El título.
El titular resonará con el visitante ya que aborda un problema que experimentan la mayoría de los estudiantes universitarios.
– La imagen de fondo.
La imagen de fondo es muy relevante para el título. Es el ejemplo perfecto de lo que he dicho anteriormente: debe complementar al texto.
– Listado de beneficios.
Los puntos enumeran porqué el visitante debe inscribirse en la Universidad de Capella. Los listados son un formato muy agradable para las visitas de cualquier web. Solo debes mirar esta misma publicación y cómo la estoy estructurando en un listado.
– Formulario con título.
Los formularios funcionan mejor si vienen presididos de un título que deja claro lo que obtendrá la visita. El copy del botón CTA mantiene la coincidencia del mensaje.
¿Qué probar en un test A/B?
– El menú de navegación.
En esta página de aterrizaje se vuelve a repetir la existencia del menú de navegación que, en teoría, es mejor descartarlo en una landing page. Sin embargo, estoy hay que demostrarlos con datos, de ahí la necesidad de hacer una prueba A/B para ver si existen más conversiones si se eliminan los enlaces de navegación.
11) Munchery.
Lo que han hecho bien:
– El titular explica el servicio y su propuesta única de valor: comida fresca entregada sin que salga de casa.
Los encabezados o titulares deben dejar claro qué ofreces y cuál es tu PUV.
– La imagen de fondo es deliciosa y relevante para la oferta.
Como no podía ser de otra manera, una membresía de un negocio de comida a domicilio debe contener una imagen muy cuidada de lo que obtendrás.
– Cerca de 900 reseñas de clientes de Trustpilot.
Estas reviews ayudan al visitante a decidir si debe realizar un pedido a Munchery.
– La insignia de 20 dólares de descuento anima a los visitantes a tomar medidas y pedir comida.
¿Qué probar en un test A/B?
– El cupón de descuento de 20 dólares podría llamar más la atención en el título porque es probable que algunas visitas lo noten cuando lleguen a la página.
Conclusiones
Crear una landing page perfecta es todo un arte que requiere de:
- Conocimientos.
- Experiencia.
- Depuración gracias a los test A/B.
Solo de esta manera podrás tener una landing exitosa.
¡Ah, se me olvidaba! Si quieres conseguir algunas de estas webs creadas con Elementor, aquí tienen una membresía de landings muy bonitas.
Cómo hacer crowdfunding para que sea sostenible en el tiempo
Las 6 mejores estrategias para mejorar la visibilidad de tu web
Cómo hacer un plan de marketing digital sencillo en 9 pasos + ejemplo práctico
Cuánto cuesta contratar un diseñador grafico
- Ortodoncia Barcelona: La guerra del SEO - 20/11/2023
- Cómo aumentar la visibilidad de tu sitio web y atraer más clientes a tu tienda online - 24/06/2022
- Controlemos nuestra Reputación Online - 28/02/2022
Excelente artículo, gracias por compartir. Espero poder contribuir a la comunidad con mi contenido, saludos!