herramientas landing page

¿Quieres Construir una Landing Page Perfecta? 61 Herramientas, Guías y Recursos para Conseguirlo

¿Landing pages qué son y para que sirven ?

Las landing pages son páginas específicas, diseñadas y optimizadas para lograr que los visitantes se registren, se pongan en contacto, dejen sus datos o realicen una compra.

Cuando se habla de landing page dentro del marketing es común referirse que son una página web independiente,  distinta de la web principal,  diseñada con la intención de alcanzar un único objetivo.

Esto significa que las landing pages no debe tener navegación global (menú) o enlaces al sitio web principal. El motivo de esto es limitar las opciones disponibles a los visitantes, con ello guiarlos hacia el objetivo de conversión antes planeado.

Hoy en día, traffiker digitales en todo el mundo no se conforman sólo con implementarlas en sus campañas, varios de ellos dedican horas y recursos en optimizar su rendimiento.

Siempre considerando factores como el comportamiento del comprador, los tiempos de carga de la página, la longitud de los formularios, entre otros detalles, todo esto con el ánimo incrementar las conversiones.

Algunos datos que nos motivan conocer más sobre su uso:

Las empresas ven un aumento del 55% en los clientes potenciales al aumentar su número de páginas de destino de 10 a 15. (Fuente)

Las landing largas pueden generar hasta un 220% más de oportunidades. (Fuente)

El expresidente de USA, Obama recaudó $ 60 millones adicionales, por medio de Test A/B en las landings de su campaña. (Fuente)

Para crearlas este tipo de páginas debemos tener en cuenta varios aspectos desde las imágenes que seleccionamos, los textos, llamados de acción y su estructura en general. A continuación te comparto una serie recursos y herramientas para que construyas una landing page perfecta.

Iniciemos con las guías y tutoriales para aprender paso a paso a diseñar páginas de destino que sean verdaderas máquinas de capturar leads.

Guías y ejemplos sobre cómo construir una landing page

#1. Neil Patel. No se queda con nada en un artículo que reciente subio a su blog en español toca punto a punto los factores para crear landing pages locales que conviertan.

#2. Guía Hubspot. En la cual encuentras el paso a paso para dieñar una landing page potene y con todas la de la ley, si alguien sabe crear landing pages son los de Hubspo, ya que son expertos en creación de contenido y captura de leads.

#3. El blog 40 de fiebre. Ddescribe cuáles son las 6 características que no deben faltar en páginas de este tipo  además recopilan algunos buenos ejemplos para pasar de la teoría a la práctica.

#4.  Life Style al cuadrado. En su guía qué es una landing page, explica los usos de una landing y algunas buenas prácticas a tener en cuenta a la hora de diseñarla.

#5. Blue Caribu. En su blog dispone de una infografía muy diciente la cual nos muestra la organización perfecta de los elementos de una landing page.

Guias inglés sobre el diseño de landing page

#6. Qualaroo. Tiene toda una mega guia de 12 capítulos donde aprendemos sobre aspectos sobre la optimización de losratios de conversión y a aplicarlos a nuestras landing page.

#7. Neil Patel. Pone a nuestro alcance todo su conocimiento en el diseño y optimización de landing en una guia paso a paso de 6 capítulos.

#8. Unbounce. Creó un curso compuesto por 12 vídeos donde puedes ver los temas técnicos y prácticos para poner a prueba en las campañas que gestionamos, ¡totalmente recomendado!

Builders, Frameworks y herramientas para landing pages

Imagen: Unbounce

Herramientas y aplicaciones para la creación de wireframes 

Antes que el diseñador comience a poner la primera línea de código es aconsejable antes crear un wireframe que es una clase de bosquejo de lo que planeamos será landing page.

#9. Gliffy. Es una plataforma para hacer el wireframes y tambien para crear diagramas relacionados con el flujo que deben seguir los usuarios al visitar la web o landing.

#10. Balsamiq.  Es otra alternativa de la plataforma anterior, tiene mas tiempo en el mercado, de hecho fue la primera que conoci y use para hacer algunas pruebas ya hace algunos años.

#11. Pencil. de Mozilla es la alternativa gratuita para el diseño de wireframes, es sencilla pero con algo creatividad y dedicando algunos minutos a conocerla se obtienen prototipos de landing page para que se los enseñes a tus clientes.

Aplicaciones drag and drop para páginas de destino

#12. Unbounce. Uno de los drag and drop builder más potentes para la creación de landing además de que su blog un tanto en inglés como en español es una verdadera fuente de conocimiento sobre optimización de la conversión.

#13. Lead page. Herramienta bastante intuitiva para crear landing page con altas tasas de conversiones, dispone de varios tipos de plantillas y funciones.

#14. Instapage.Aplicación web de arrastrar y soltar herramientas para la creación de landing con varias opciones de integración entre plataformas y un constructor rapido y fácil uso.

#15 ClickFunnels. Si tienes problemas con tasas de abandono en uno o varios pasos del embudo de ventas, con ClickFunnels puedes optimizar a fondo cada etapa.

Plugins y themes para crear landing pages en WordPress gratis y de pago

#16. Divi. Es un tema de arrastrar y soltar para el diseño de sitios web completos y de landing pages de WordPress. Es un tema extremadamente fácil de usar y rápido tiene varias plantillas para diferentes tipos de sitios web o landing.

#17. Beaver Builder.  Es más ligero que Divi totalmente compatible con genesis framework lo estoy probando recientemente, estoy muy conforme con sus resultados.

#18 Thrive-themes. Es un plugin para crear landing page funcionales preferido por bloggers y marketeros por la flexibilidad de su builder, fácil uso y los complementos adicionales.

#19. Elementor. Plugin para WordPress con una serie de características, plantillas para el diseño de landing page, tiene su propia comunidad y marketplace para comprar y vender plantillas, iconos y otros recursos.

#20. Site Origin. Con más de medio millón de instalaciones activas, este constructor de páginas es uno de los  más populares del mercado. Una de las principales razones de su popularidad es que es gratuito.

Finalmente unos excelentes frameworks de HTML 5

#21. Frameworks son útiles para los que prefieren tener un mayor control y optimización del código de landing page puedes usar algunos de estos frameworks FoundationBoilerplate mi preferido por su facilidad de uso y cantidad de información en la web Bootstrap de twitter.

Atención al cliente, formularios, encuestas y chats

herramientas landing pages
Imagen: Orlak

Soluciones para la creación de formularios 

#22. Wufoo. Una solución freemium muy completa para crear cualquier tipo de formulario para luego ser instalado en tus landing o web.

#23. Su Formulario. Es totalmente gratuita, no con tantas funciones como la anterior pero de gran utilidad para formularios muy básicos.

Plugins de formularios para WordPress

#24. Contact Form 7. Cuando el cliente tiene su sitio web montado en wordpress es el plugin que más he usado para los formularios, es flexible, liviano y potente.

#25. Ninja Forms, Gravity FormsFormidable Forms.  Son los tres de pago, con funciones avanzadas para la creación de formularios. Son la mejor alternativa para aquellos que necesitan optimizar los formularios hasta el último detalle.

Servicios de chat para landing page

#26. Zendesk Chat. Antes Zopim es una solución freemium para interactuar con los visitantes y dar una respuesta rápida y oportuna.

#27. Orlak. una de las aplicaciones más veteranas para la integración de chats en sitios web sus planes arrancan desde 17 usd.

#28. Cliengo. Funciona con chatbots, tiene integración con Whatsapp y CRM. Un verdadera maravilla.

Soluciones para colocar el botond e Whatsapp en tu sitio web

#29. Join Chat y Clic to Chat. Son los plugins mas usados en WordPress al momento de intalar el boton de la mas popular app de mesajeria.

#30. Whataform y Blue Caribu. Dado el caso no tengas un sitio en WordPress con una de la estas sos apps tambien pordras instalar activar el boton de WhatsApp en tu web sin problemas.

Herramientas para la creación de encuestas

#31. SuverMonkey. Es freemium e ideal para crear formularios tipo encuesta, tiene una gran variedad de plantillas.

#32. Qualaroo.com. complemento web para realizar tambien para realizar encuestas a los visitantes de una web o landing. Esta herramienta tiene potentes funcionalidades de analitca web por ellos us costo su planes arrancan desde $199.

#33. Typeform. En esta aplicacion puedes crear encuestas al igual que las anteriores pero Typeform se destaca por sus diseños creativos e interactivos.

#34. Google Forms. Es la alternativa gratuita para recopilación y análisis de informacion de estudios de mercado o encuestas. A pesar de no tener costo es una aplicación que trabaja realmente bien cuando necesitamos algo rapido y sencillo.

Mapas de calor, grabación de sesiones y performance para landing page

Imagen: Yandex

Velocidad y compatibilidad con navegadores 

#35. Browsershots. Si quieres comprobar como se ve tu landing page en diferentes navegadores y sistemas operativos.

#35. Optimización para Móviles.  Solución de Google para que revisemos si nuestra landing se ve correctamente en dispositivos móviles.

#37. Pingdom. El ya clásico Pingdom tool, que sirve para verificar el tiempo de carga de la página de destino y el consumo de recursos.

#38. Pagespeed. Otra de las herramientas que pertenece a Google que son indispensables mejorar el perfomance de nuestro proyecto web y landings

Herramientas de medición y Test A/B para landing page

#39. Google Analytics. La herramienta más usada para la medición y optimización nunca debe faltar en cualquier landig o sitio web.

#40. Google Search console. Otra de las imprescindibles a la cual debe estar conectada con Analytics para garantizar que obtengamos datos relevantes sobre el estado de indexación de la landing.

#41. Yandex Metrica. Es la alternativa rusa de Google Analytics pero Yandex tiene un par de funciones que te encantaran como mapas de calor, grabación de sesiones, y análisis de formularios y es totalmente gratuita.

#42. Clicky de nuevo nos encontramos con una alternativa a Google Analytics, pero Clicky cuenta solo con las características necesarias y una interfaz más sencilla para hacer un correcto seguimiento de las métricas más relevantes. La funcionalidad que más se destaca es la el análisis de tiempo real.

#43. URL Builder. Es el recurso que pone a nuestro alcance Google para etiquetar enlaces de campañas de marketing para permitir el análisis posteriormente en Analytics.

#44. Optimizely y Visual Web Site Optimizer. Herramientas para crear versiones de la landing y realizar test A/B y multivariables. De esta manera mejorar la efectividad de campaña y entender el comportamiento de los visitantes.

#45. VWO Test A/B. Calculadora nos sirve para definir el tiempo que es necesario tener activo un test a/b para sacar conclusiones de valor.

#46. Hotjar. Recurso que ofrece características tales como sistemas de encuestas, mapas de calor, grabación de sesiones, análisis de embudos de conversión y formularios, un verdadero cajón de sastre.

#47. Crazzy Egg. Una solución muy completa para la creación de diferentes tipos de mapas de calor como scroll map y tipo confeti.

#48. Clicktale.com. Es la más potente y una de las primeras herramientas que ofrecieron los mapas de calor y grabación de sesiones.

Verificación y gestión de scripts de seguimiento

#49. Tag Assistance. Complemento de Google Chrome con el cual podemos comprobar que los diferentes scripts de las plataformas de Google están correctamente instalados.

#50. Ghostery. Con esta extensión para chrome podemos comprobar todos scripts de seguimiento instalados (no solo los de de Google) en nuestra landing así como de la páginas que visitemos con la posibilidad de bloquearlos.

#51. Tag Manager. También de Google facilita la gestión e integración de diferentes scripts de seguimiento así como gran complemento para Google Analytics.

#52. Analytics debugger. Aplicación para Google Chrome con la cual podemos verificar que hemos configurado correctamente los eventos y scripts de seguimiento en Google Analytics.

#53. Click cease. Si estás sospechando que tus campañas reciben clics ilícitos en las campañas de PPC debes instalar una de estas herramientas en tu landing page.

Bancos de imagenes texturas y iconos

#54. Pexel. Fundada hace 6 años como un pequeño blog de Tumblr, Pexel se ha convertido en una comunidad de fotografía líder en la industria de fotografía, las imagenes las puedes usar en proyectos comerciales y personales.

#55. Foodies Feed.  Si tienes un cliente que lo suyo sea la comida en esta web encuentras docenas de fotos sobre esta temática.

#56 Gratis o Graphy. las fotos de este lugar son muy frecuentes verlas en blogs o en web para promocionar sus publicaciones ya que son trabajas de la edición la mayoría con muy buenos efectos y filtros.

#57. Flickr. Uno de los más veteranos y queridos sitios de imágenes, esta web podemos encontrar miles de fotos de licencia cc son basta ajustar los filtros del buscador.

#58. Pixabay. Con más de 800 mil imagenes es uno de los bancos de imágenes y texturas más populares de la red. Todas sus fotografías son el alta resolución y con licencia cc.

#59. Iconfinder. Una de los primeros marketplace iconos, en el encontramos de colecciones de imágenes en diferentes formatos tanto gratuitos como de pago.

#60 Freepik.  Al dia de hoy es una de las web más consultadas con el animo de buscar imágenes, texturas, infografías, fotos, vectores e iconos.

#61. Flaticon. Tiene una gran variedad de iconos así como su propia app para crear los tuyos.

¿Cuales tu herramienta o aplicación preferida a la hora de optimizar y crear landing page? te espero en los comentarios.

2 comentarios en “¿Quieres Construir una Landing Page Perfecta? 61 Herramientas, Guías y Recursos para Conseguirlo”

  1. Ramiro Garcés Asesor SEO

    Articulazo, Albeiro!
    No conocía tu blog, pero este post me ha sorprendido. Muy útil. lo marco en mi Delicious y mis respetos para ti. Te has ganado un lector.
    Saludos!

    1. Gracias Ramiro por tus palabras,
      Me alegra mucho que te sea útil. Espero que visites con frecuencia el blog, voy seguir compartiendo lo poco que se y lo que vaya aprendiendo

      Saludos compañero

Deja un comentario

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

Guía Rápida para Crear Anuncios Potentes en Google Ads

GRATIS

Conoce todos los SECRETOS para crear anuncios relevantes, vistosos y ganadores. 

REVISA TU CORREO 

Revisa tu correo, incluso las carpetas Principal, Promociones y SPAM, confirma tu suscripción y recibe la guía gratuita.

Share This
Ir arriba
Abrir chat
1
¿Necesitas Ayuda?
¿Necesitas ayuda?
Hola, 🤓
Soy Albeiro, cuéntame como te puedo ayudar.