¿Cómo convence a sus visitantes para que den el paso en su sitio web?

Hay tantos elementos que una página de inicio de primera clase necesita, y hacer que esos elementos sean los "mejores" que pueden ser a menudo depende de lo que su los objetivos de la página de destino son.

Tome la longitud del formulario, por ejemplo. Es solo uno de los muchos componentes que necesita optimizar, pero las mejores prácticas le dirán que tanto las formas cortas como las largas funcionan bien; todo depende de si desea generar muchas presentaciones de formularios (potencialmente) de menor calidad, o un número menor de envíos de mayor calidad.

 Haga clic aquí para conocer las mejores prácticas para optimizar las páginas de destino y generar más clientes potenciales.

Así que si lo que busca es aumentar en su página de inicio, es útil saber qué se incluye en una página de inicio excelente y ver algunos ejemplos de estos elementos matizados en acción. Sorprendentemente, cuando comencé a investigar sobre esto último, me di cuenta de que apenas existen sitios con ejemplos de páginas de aterrizaje modernas e impresionantes que son más que solo un formulario de inscripción en una página principal. Así que decidimos compilar una lista de páginas de destino que nos amamos a nosotros mismos.

 Design-and-Optimize-LPs.png "width =" 600 "title =" Design-and-Optimize-LPs.png "style = "width: 600px; margin-left: auto; margin-right: auto

Una gran advertencia aquí: No tengo acceso a las estadísticas de estas páginas, por lo que No puedo decirte qué tan bien convierten a visitantes, clientes potenciales y clientes. Sin embargo, estos ejemplos, incluso aquellos que ya no están activos en el sitio web de la empresa, tienen algunas de las mejores combinaciones de elementos de página de destino con matices que he visto.

Obviamente, si te sientes inspirado para probar cualquiera de estas tácticas en su propio sitio, la única forma de saber si funcionarán para usted es probarlas por sí mismo.

Suscripción de páginas de destino

1. Shopify

Al igual que muchas de las otras páginas de destino en esta publicación, la página de inicio de prueba de Shopify lo mantiene simple. El título orientado al usuario es solo unas pocas palabras, por ejemplo, y la página se basa en simples viñetas, no en párrafos, para comunicar los detalles y los beneficios del ensayo. Solo hay unos pocos campos que debe completar antes de comenzar. Todo esto hace que sea más fácil para ti ir al grano: vender en línea con su herramienta.

 Página de inicio de sesión de Shopify

2. Muzzle

Las páginas de destino ayudan a los usuarios a decidir si su producto o servicio vale realmente su precioso tiempo y energía. ¿Qué mejor manera de comunicar su propuesta de valor de forma clara y directa que confrontar a los visitantes con el problema que resuelve su aplicación?

Muzzle, una aplicación de mac que silencia las notificaciones en pantalla, abraza por completo este espectáculo mentalidad en su página de aterrizaje de otro modo mínima. Los visitantes de la página son recibidos con un ataque rápido de notificaciones embarazosas en la esquina superior izquierda de la pantalla. La animación no solo es divertida, sino que también transmite de manera convincente la utilidad de la aplicación sin largas descripciones.

 Página de inicio de registro de bozal con botón de descarga amarillo

3. TransferWise

TransferWise le permite enviar y recibir dinero en diferentes monedas, y su página de inicio, que se muestra a continuación, separa cada acción individual para que no se distraiga con opciones que no se aplican a usted.

Si desea enviar dinero, el formulario de transferencia está ahí a la derecha para que lo complete. Para recibir dinero, simplemente haga clic en la pestaña del medio, y para registrarse en TransferWise con su tarjeta de débito, haga clic en la pestaña de la extrema derecha.

Cada pestaña en esta página de inicio produce un llamado a la acción diferente según lo que te estás registrando, cada uno de ellos en un vibrante recuadro verde para destacar tu siguiente paso después de tus tres posibles puntos de inicio.

 TransferWise, página de inicio de sesión con CTA para enviar dinero, recibir dinero y Tarjeta de débito TransferWise

4. Airbnb

Para ayudar a convertir a los visitantes en hosts, Airbnb ofrece una atractiva personalización: una proyección de ganancias promedio semanal estimada basada en su ubicación. Puede ingresar información adicional sobre sus posibles alojamientos en los campos para obtener una estimación aún más personalizada.

Si visita la página ya convencida, el llamado a la acción claro en la parte superior de la página facilita la conversión en el lugar.

 Página de inicio de sesión de Airbnb "class =" alignCenter shadow "style =" margin-left: auto; margin-right: auto

5. Teambit

Whimsical no suele ser la primera palabra que se le viene a la mente cuando piensa en el software de recursos humanos, pero la página de aterrizaje con ilustraciones de Teambit es exactamente eso. Una forma simple de un solo campo va acompañada de una encantadora oficina llena de personajes de animales, todos muy satisfechos con Teambit, en caso de que se lo estén preguntando. Al lado de cada sección informativa de la página de destino, aparece un dibujo animado de animales, lo que hace que los visitantes se desplacen hacia abajo para obtener más información.

La página de inicio de Teambit es la prueba perfecta de que no necesita un producto o servicio convencionalmente "divertido" para crear un página de inicio divertida.

 Página de inicio Teambit con CTA para registrarse con Google "class =" alignCenter shadow "style =" espacio entre letras: 0px; text-align: center; margin-left: auto; margin- derecha: auto

[ Haga clic aquí para ver la página de inicio completa.]

6. Wistia

Primero está la página de aterrizaje de Wistia para su cuenta gratuita de Wistia. Desde el principio, observa el formulario de un solo campo para crear su cuenta: el fondo azul con un diseño mínimo contrasta muy bien con el campo de forma blanca brillante.

La longitud del campo de formulario combinado con la ubicación prominente elimina casi todo fricción para crear una cuenta … pero si tiene dudas, siempre puede desplazarse hacia abajo para leer las respuestas a las preguntas más frecuentes. Al separar estas dos secciones con un marcado contraste de colores, Wistia facilita mucho su enfoque en la conversión.

 wisita-landing-page-example.png "width =" 660 "style =" width: 660px

7. Webflow

Webflow, una herramienta de diseño para desarrolladores web, empaqueta una gran cantidad de información en solo un GIF y tres campos de formulario. Tener todo el formulario de inscripción en una sola línea es un buen toque aquí, no solo hace que la página sea más corta, sino que al completar cada casilla de izquierda a derecha, se muestra a los usuarios lo cerca que están de hacer clic en el cuarto botón azul y obtener comenzó gratis.

El GIF animado debajo del formulario es visible en el mismo marco en el sitio web, para que los usuarios puedan ver cómo funciona el producto y regístrate sin desplazarse ni hacer clic en una página nueva.

 Página de inicio de registro de Webflow

Páginas de destino de libros electrónicos

8. Nauto

Nauto, una plataforma de datos para autos sin conductor, ayuda a que la conducción autónoma sea más segura para las compañías que administran flotas de vehículos que conducen vehículos autónomos. Naturalmente, sus clientes necesitarían todo tipo de información para venderlos en esta plataforma. Nauto lo tiene, empaquetado en un libro electrónico súper simple cuya página de aterrizaje le brinda un breve formulario de contacto y algunas estadísticas de vista previa para probar por qué este recurso es tan importante.

 Página de inicio del ebook Nauto con botón verde Descargar

En la parte superior de la página, mostrada arriba, una foto cálida del interior de un automóvil abraza la forma de captura de plomo. El botón verde "Descargar ahora" podría haber sido a propósito (en la carretera, verde significa ir, después de todo).

Desplácese hacia abajo, y verá otra fila "Obtener el eBook" para recordar a los usuarios lo que está esperando para ellos. También verá tres estadísticas discordantes sobre accidentes automovilísticos para atraer a los usuarios a obtener más información. Compruébelo abajo.

 nauto-ebook-landing-page-CTA-1 "width =" 690 "style =" width: 690px

9. Industrial Strength Marketing

De entrada, esta página de inicio me atrae con un encabezado contundente: "No me hagas zoom". Habla directamente de una experiencia común que la mayoría de nosotros hemos tenido cuando navegamos en nuestros teléfonos o tabletas, y también es un poco atrevida.

Pero eso no es lo único que me mantiene interesado en esta página de inicio. Observe cómo el color rojo está estratégicamente ubicado: está justo en la parte superior e inferior del formulario, acercándolo aún más al evento de conversión.

 industrial-strength-marketing-landing-page-example.png "width =" 660 "height =" 738

Además, este diseño es meta para arrancar: se ve y funciona muy bien también en dispositivos móviles. Tenga en cuenta que muchos visitantes accederán a sus páginas de inicio en sus teléfonos inteligentes o tabletas, y si el diseño de su sitio web no funciona bien para ellos, podrían darse por vencidos y abandonar su página.

La ​​gente de Industrial Strength Marketing hizo que las fuentes y el campo de forma fueran lo suficientemente grandes para que los visitantes no tuvieran que pellizcar para hacer zoom para leer e interactuar con el contenido, por ejemplo.

 industrial-strength-marketing-mobile-landing-page- 1.jpg "width =" 450 "style =" width: 450px

 industrial-strength-marketing-mobile-landing-page-2.jpg "width =" 450 "style =" width: 450px

10. Inbound Emotion

Incluso si no habla español, aún puede apreciar las capacidades de conversión de este sitio de socios de HubSpot. Mis dos características favoritas de la página? El formulario permanece en una posición fija e importante a medida que se desplaza por el sitio. También me encantan las manos que sirven como indicaciones direccionales para completar el formulario y compartir la página con otros.

 entrante-emoción-1 "style =" margin-left: auto; margin-right: auto; width : 669px "width =" 580 "height =" 364

11. Chat en vivo de Velaro

A veces los detalles más pequeños hacen la mayor diferencia. Son lo que hace que la página de destino de Velaro Live Chat sea genial, por ejemplo.

Ese pequeño símbolo PDF sobre la imagen característica ayuda a establecer las expectativas sobre el formato de la descarga. La flecha que está frente a la línea auxiliar ayuda a dirigir su atención a una copia importante que quieren que los visitantes lean. Al igual que IMPACT, también tienen una casilla marcada automáticamente para suscribirse a su boletín informativo en su formulario, que, si se convierte en una casilla de verificación de suscripción voluntaria, es una excelente forma de aumentar los suscriptores . Todos estos detalles pequeños, aparentemente insignificantes, ayudan a reunir un diseño de página de aterrizaje sólido y admirable.

 velaro-landing-page-example-1.png "width =" 1032 "style =" width: 1032px

12. IMPACT Branding & Design

Descripción completa: IMPACT es un socio de HubSpot, pero no es por eso que están incluidos aquí. Las páginas de aterrizaje de IMPACT han sido durante mucho tiempo una fuente de inspiración en el diseño. Me encanta el diseño simple de la página, desde la gran copia del título y la imagen detallada presentada, hasta el contorno que rodea la forma, los colores y las fuentes que son muy agradables a la vista.

La guía gratuita IMPACT se ofrece para descargar aquí también no enfatiza la descarga en el botón azul que le permite enviar su formulario completo. Más bien, IMPACT lo invita a "generar más conversiones", centrándose en lo que puede ganar como resultado de leer la guía.

 impact-landing-page-example-2.png "width =" 660 "style =" width: 660px

Páginas de destino para obtener más información

13. Restablecer

No es de sorprender que Unbounce esté cerca de la parte superior de esta lista: en realidad ha escrito el libro sobre cómo crear páginas de destino de alta conversión . Aunque hay muchas cosas increíbles acerca de esta página de inicio, las dos que me encantan son: 1) El uso de una ventana de chat en lugar de una forma clásica, y 2) información detallada, pero bien empaquetada, debajo del formulario.

La primera ayuda a dirigir la atención hacia el objetivo de la página, para que usted complete el formulario, de una manera que no molesta y se siente menos como una tarea ardua. El segundo da a esta página un impulso SEO (los motores de búsqueda tendrán más contenido para rastrear) y alivia cualquier preocupación de las personas que necesitan saber más sobre un contenido antes de entregar su información, todo sin distraer a las personas de la ventana de chat.

 Captura de pantalla 2017-07-20 a 11.21.12 AM.png "width =" 630 "height =" 1310

14. Bills.com

A menudo, las personas piensan que las páginas de destino son páginas estáticas en su sitio web. Pero con las herramientas adecuadas, puede hacer que sean interactivas y personalizadas.

Tome el siguiente ejemplo de Bills.com. Para ver si se beneficiaría de su consulta, responda tres preguntas antes de que se le muestre un formulario. Comienza con este:

 bills-dot-com-landing-page-example.png "width =" 660 "style =" width: 660px

Luego, responde dos preguntas más, como la uno a continuación:

 bills-dot-com-landing-page-2.png "width =" 660 "height =" 216

Y aquí está el formulario de página de destino final donde completa su información: [19659098] bills-dot-com-landing-page-3.png "width =" 660 "height =" 472 “>

No estoy seguro de cómo funciona el algoritmo (o si hay alguno), pero Mientras lo estaba llenando, tenía algo de ansiedad acerca de la calificación no . Una vez que descubrí que sí, estaba emocionado de completar el formulario, que estoy seguro de que la mayoría de las personas que están endeudadas y usan esta herramienta. Al hacer que esta oferta parezca más exclusiva antes de que apareciera el formulario en la página de destino, apostaría a que Bills.com aumentó las conversiones bastante significativamente.

15. Trulia

Trulia hizo algo muy similar a Bills.com con su página de inicio. Comienza con una forma simple que pide "una dirección" (que suena menos espeluznante que "tu dirección", aunque eso es lo que quieren decir). Debajo de este campo de formulario simple hay un botón naranja brillante que contrasta bien con la imagen del héroe detrás del formulario, y hace hincapié en que el cálculo se personalizará en su casa.

 trulia-landing-page-example.png "width =" 660 "height =" 463

Por supuesto, la dirección en sí misma no será suficiente para estimar el valor de una casa. Simplemente denota el vecindario de la casa. Es por eso que la siguiente página sigue con más preguntas sobre la propiedad en sí, como el número de camas y baños. A continuación, verá la copia "Díganos dónde enviar el informe", con una advertencia que, al ingresar esta información, acepta ponerse en contacto con un agente de bienes raíces. Este es un gran ejemplo de una empresa que da valor a sus visitantes desde el primer momento, al tiempo que establece las expectativas de los visitantes sobre lo que sucederá como resultado.

 trulia-landing-page-2.png "width =" 660 " height = "951

16. Landbot

Landbot, un servicio que crea páginas de inicio basadas en el chatbot, coloca su propio producto al frente y al centro en su página de inicio alimentada por el chat. Los visitantes son recibidos por un bot amistoso, completo con emojis y GIF, que los alienta a proporcionar información en un formato conversacional, en lugar de a través de una forma tradicional.

 landbot.gif

17. Webprofits

Por un pequeño contraste … ¿qué hay de las páginas de destino largas? Con solo algunos trucos, puede hacer que hasta la página de aterrizaje más larga se sienta corta. La página de inicio de Webprofits muestra cómo hacerlo.

En la parte superior, hay un botón destacado de CTA para obtener más información, con un bonito contraste con el fondo, por lo que se destaca, y una flecha hacia abajo para alentar el desplazamiento. Al no incluir un campo de formulario en la delantera, ayudan a reducir la fricción y crean una oportunidad para que los visitantes aprendan más antes de que se les presente una opción de conversión.

También les facilita saber qué hacen realmente las webprofits . El resto de la página ofrece información detallada sobre lo que recibirá cuando entregue su información. Además, incluye CTA estratégicas para llevarlo de vuelta a la cima y completar el formulario, como "Hablemos".

 Captura de pantalla 2017-07-20 a las 1.36.52 PM-1.png

18. H.BLOOM

A veces, simplemente tiene que detenerse y admirar una página de aterrizaje por ser bella. Usando fotografías de alta resolución y mucho espacio en blanco, la página de aterrizaje de H.BLOOM es un placer para mirar.

Además de su belleza, la página tiene algunos elementos de grandes conversiones: una forma superior, clara y concisa descripción de lo que sucederá cuando complete el formulario, e incluso el botón anaranjado "Enviar". ¿Lo único que cambiaríamos? La copia en el botón "Enviar" – que podría ser más específica de la oferta en cuestión.

 hbloom-1 "style =" margin-left: auto; margin-right: auto; width: 669px " width = "580" height = "738

19. Conversion Lab

Aunque normalmente no incluiría un ejemplo de una página de inicio con un formulario en una publicación sobre páginas de destino, este sitio web es especial. La página de inicio es todo el sitio web: los enlaces de navegación solo lo llevan a la información siguiente.

Cuando hace clic en "Obtener ayuda con las páginas de destino", todo el sitio se mueve para dejar espacio para el formulario. Esto es lo que parece antes de hacer clic:

 conversion-lab-landing-page-1.png "width =" 660 "height =" 472

Y cuando hace clic en esa CTA, revise cómo aparece el formulario:

 conversion-lab-landing-page-2.png "width =" 660 "height =" 463

Me encanta cómo no tiene que salir de la página para completar el sin embargo, el formulario no se sentirá intrusivo para los visitantes ocasionales del sitio web.

 Guía gratuita Optimizar páginas de destino "src =" https://no-cache.hubspot.com /cta/default/53/57a6ec8a-e966-44b4-bbaf-d93bfeb76919.png



Source link