Herramientas para crear landing pages sin código ni conocimientos de desarrollo web

Si hay un tipo de página web basado en la conversión, ese es sin duda la landing page. Páginas de destino en acciones comerciales, de marketing, promoción o lanzamiento. O incluso para vender directamente producto o servicio. El caso es que con la velocidad que va el mundo digital, es importante poder tener nuestra landing en marcha con poco esfuerzo y de forma rápida. Y una vez más, las herramientas no-code pueden ayudarnos a conseguirlo.
Herramientas online en las que no es necesario escribir ni una línea de código para crear y lanzar nuestra landing page. Con ella podemos empezar a vender, conseguir leads, registros a eventos, promocionar nuestro último producto o servicio...Además, muchas de ellas ofrecen integración con herramientas externas e pasarela de pago o email marketing.

En este taller aprenderemos a usar muchas de estas herramientas, mediante ejemplos prácticos. De hecho, la idea es que termines el curso con una o varias landing pages creadas.

Transcript

1. imanolteran.com HERRAMIENTAS PARA CREAR LANDING PAGES Sin código ni conocimientos de desarrollo web Landing Pages sin código
2. Landing Pages sin código imanolteran.com HOLA, SOY IMANOL DESARROLLADOR WEB CONSULTOR DE ESTRATEGIA DIGITAL FORMADOR EN NUEVAS TECNOLOGÍAS hola@imanolteran.com @imanolteran
3. Landing Pages sin código imanolteran.com PODCAST SI DUDAS, HAZLO Spotify Apple Podcasts Google Podcasts imanolteran.com Landing Pages sin código
4. Landing Pages sin código imanolteran.com OTROS PROYECTOS DE FORMACIÓN ACADEMIADEPRODUCTIVIDAD.COM REMOTEWORKTOOLS.ES NOCODETOOLS.ES
5. imanolteran.com 1. Introducción 2. Landing pages con herramientas de email marketing 3. Herramientas no-code 4. Landing pages a partir de hojas de cálculo índice Landing Pages sin código
6. imanolteran.com 01 Introducción Pongámonos en situación Landing Pages sin código
7. Landing Pages sin código imanolteran.com • Cada día afrontamos el nacimiento de nuevos productos o servicios. • Pueden ser tanto proyectos internos como de cliente final. • En el mundo digital, este ritmo de lanzamiento de nuevos productos y servicios es si cabe más rápido. Introducción 01 7
8. Landing Pages sin código imanolteran.com • Dependiendo del proyecto en cuestión, el simple hecho de tener una versión usable, puede llevar meses y un alto coste económico. • La idea es que debemos ser capaces de tener esta versión usable lo antes posible y al menor coste posible. • Debemos explorar caminos alternativos a los tradicionales en el proceso de desarrollo de productos o servicios digitales. Introducción 01 8
9. Landing Pages sin código imanolteran.com En la mercadotecnia en internet, se denomina página de aterrizaje a una página web a la que una persona llega tras pulsar en el enlace o botón en una guía, un portal o algún banner o anuncio de texto situado en otra página web, aplicación, red social, E-mail o portal de internet. WIKIPEDIA
10. Landing Pages sin código imanolteran.com • Una de las necesidades principales a la hora de lanzar cualquier proyecto es crear una landing page. • Nos sirve para: • Probar respuesta del mercado. • Captar leads. • Promocionar acciones concretas. • Vender producto o servicio Introducción 01 10
11. Landing Pages sin código imanolteran.com • Nos sirve para: • Conseguir que contacten con nosotros. • Venta de afiliados. • Conseguir suscriptores. • Visualizaciones de contenido audiovisual. Introducción 01 11
12. Landing Pages sin código imanolteran.com • Una landing page puede ser accesible de diferentes formas: • Dentro de nuestra página web • Como una web independiente. Introducción 01 12
13. Landing Pages sin código imanolteran.com • Titulares llamativos. • Mensaje claro. • Beneficios a obtener. • Minimizar vías de escape. • Guiar al usuario hacia el objetivo. Introducción 01 13 CARACTERÍSTICAS PRINCIPALES
14. Landing Pages sin código imanolteran.com • Objetivo debe ser único. • Formularios lo más cortos posibles. • Testimonios. Introducción 01 14 CARACTERÍSTICAS PRINCIPALES
15. Landing Pages sin código imanolteran.com • Herramientas web o de escritorio que permiten desarrollar aplicaciones software sin tocar una sola línea de código. • Con ellas, podemos desarrollar software para uso profesional. • También son muy útiles para crear MVPs y validar/descartar ideas. Introducción 01 15 NO-CODE
16. Landing Pages sin código imanolteran.com • Desarrollo rápido. • Lo haces tú mismo. • Ahorro de tiempo. • Ahorro económico. • Validar ideas. • Control sobre el proceso. Introducción 01 16 VENTAJAS DEL NO-CODE
17. Landing Pages sin código imanolteran.com • Dependencia de las herramientas. • Efecto “Lock-in” • Límites a la hora de personalizar. • Límites de integración con otros servicios. • Falta de control. Introducción 01 17 INCONVENIENTES DEL NO-CODE
18. imanolteran.com 02Landing pages Con herramientas de email marketing Landing Pages sin código
19. Landing Pages sin código imanolteran.com • Una de las opciones para crear landing pages de forma sencilla, sin código de programación, es utilizar herramientas de email marketing. • De un tiempo a esta parte, herramientas con las que estamos muy familiarizados, como Mailchimp, incluyen esta opción. • Muy orientado a conseguir leads en nuestra web. • Muy sencillas de utilizar, interfaz similar a la de crear una campaña de email marketing. Email marketing 02 19
20. Landing Pages sin código imanolteran.com • Mailchimp • Mailerlite • ConvertKit • Acumbamail Email marketing 02 20 HERRAMIENTAS DE EMAIL MARKETING
21. Landing Pages sin código imanolteran.com • Pagos mediante Square. • Ofrecer descargas para nuevos suscriptores. • Dominio de Mailchimp o propio. • ____.mailchimpsites.com • Varias landings en un mismo dominio (subdominios). • Análisis de visitas. Email marketing 02 21 MAILCHIMP
22. Landing Pages sin código imanolteran.com • Sistema de plantillas. • Crear landing desde app móvil. • Posibilidad de crear una web completa. • No permite incrustar HTML • Gratuito. Email marketing 02 22 MAILCHIMP
23. Landing Pages sin código imanolteran.com • Editamos audiencia a la que queremos dirigir la landing. • Elegimos nombre para nuestra web. • Añadimos páginas. • Configuramos navegación. • Editamos estilos. • Preview en Desktop y Mobile. • Publicar. Email marketing 02 23 MAILCHIMP
24. Landing Pages sin código imanolteran.com • Tenemos 3 opciones en el menú: • Páginas. • Estilos. • Banner de cookies. Email marketing 02 24 MAILCHIMP
25. Landing Pages sin código imanolteran.com • Componemos la página mediante secciones. • Podemos mover o eliminar secciones. • Añadir secciones • Distintos tipos. • Dentro de cada tipo, varias opciones. • Acceso a fotos de stock de Unsplash. Email marketing 02 25 MAILCHIMP > PÁGINAS
26. Landing Pages sin código imanolteran.com • Paleta de colores. • Theme. Email marketing 02 26 MAILCHIMP > ESTILOS
27. Landing Pages sin código imanolteran.com • Una vez publicado, podemos añadir un popup, para conseguir que los visitante se suscriban a nuestro newsletter. • Puedes elegir: • Estilo. • Opacidad. • Posicionamiento. • Tiempo para que aparezca. Email marketing 02 27 MAILCHIMP
28. Landing Pages sin código imanolteran.com • También es posible extender las métricas de la página, conectándola con: • Mailchimp. • Facebook Pixel. • Google Analytics. Email marketing 02 28 MAILCHIMP
29. Landing Pages sin código imanolteran.com • Landing pages a partir de plantillas o desde cero. • Editar “drag and drop”. • Diferentes tipos de elementos: • Testimonios. • Formularios de suscripción. • Vídeos. • Cuenta atrás. Email marketing 02 29 MAILERLITE
30. Landing Pages sin código imanolteran.com • Encuestas. • Venta y suscripciones mediante Stripe. (Sites Pro) • Test A/B. • Guardar plantillas. • Dominio propio. • SSL. Email marketing 02 30 MAILERLITE
31. Landing Pages sin código imanolteran.com • Cumple con RGPD. • Tracking con Analytics y Facebook. • Añadir código en Header y footer. • Responsive design. • Posibilidad de crear webs completas. • Popups • Gratuito. Email marketing 02 31 MAILERLITE
32. Landing Pages sin código imanolteran.com • Sites Pro • Pago mediante Stripe. • Landing pages ilimitadas. • Visualización de interacción de usuarios. • Tests A/B. • Eliminar logo Mailerlite. • Favicon personalizado. Email marketing 02 32 MAILERLITE
33. Landing Pages sin código imanolteran.com • Nombre de la página. • Seleccionar audiencia. • Seleccionar template. • Personalizar bloques. • Ajustes. • Contenido. Email marketing 02 33 MAILERLITE
34. Landing Pages sin código imanolteran.com • Reorganizar bloques. • Eliminar y componer desde cero. • Filtro por tipos de bloque. • Dominio: • subscribepage.com/___ • Dominio propio Email marketing 02 34 MAILERLITE
35. Landing Pages sin código imanolteran.com • Mostrar u ocultar header y footer. • Header • Diferentes layouts. • Páginas con contenido protegido. • Popups. • A partir de plantillas. Email marketing 02 35 MAILERLITE
36. Landing Pages sin código imanolteran.com • Publicar. • Configurar SEO. • Configurar textos compartir en redes sociales. • Código Analytics o Facebook. • Código incrustar header o footer. • Automatizaciones para suscripciones. Email marketing 02 36 MAILERLITE
37. imanolteran.com 03Herramientas No-code Landing Pages sin código
38. Landing Pages sin código imanolteran.com • También existen herramientas visuales 100% pensadas para crear landing pages. • En este caso, no dependen de sistemas de email marketing. • También pueden integrarse con estos sistemas. • Se trata de herramientas no-code. • Hay diferentes aproximaciones. No-code 03 38
39. Landing Pages sin código imanolteran.com • Carrd • Landen • Landingi • Weblium • Launchaco No-code 03 39 HERRAMIENTAS NO-CODE
40. Landing Pages sin código imanolteran.com • Sistema de plantillas. • Landings responsive. • Dominio carrd.co • Dominios personalizados. • Formularios de contacto. • Formulario de registro a lista de correo. No-code 03 40 CARRD
41. Landing Pages sin código imanolteran.com • Pago mediante Stripe, Gumroad y Paypal. • Inscrustar HTML. • Tracking mediante Analytics. • Posibilidad de quitar marca Carrd. • Gratuito / $9-$453 al año. No-code 03 41 CARRD
42. Landing Pages sin código imanolteran.com • Generación de landings de forma automática. • Indicamos paso a paso las funcionalidades: • Tipo de producto/servicio vamos a promocionar. • Tipo de secciones de contenido. • Tipo de imágenes que queremos mostrar. • Estilo. No-code 03 42 LANDEN
43. Landing Pages sin código imanolteran.com • Una vez seguidos los pasos del Configurador, pasamos a trabajar en el Editor. • Introducimos contenido, estructura se ajusta de forma automática. • Previsualización en tiempo real. • Estilos globales. • Colores, fuentes, border… No-code 03 43 LANDEN
44. Landing Pages sin código imanolteran.com • Una vez seguidos los pasos del Configurador, pasamos a trabajar en el Editor. • Librería de elementos. • Ilustraciones, iconos y mockups. • Autoguardado. • Restaurar cambios. • Soporte para markdown. No-code 03 44 LANDEN
45. Landing Pages sin código imanolteran.com • Posibilidad de alojar la landing directamente en los servidores de la plataforma: • SSL Let´s Encrypt. • Compresión GZIP en servidor. • Carga rápida. No-code 03 45 LANDEN
46. Landing Pages sin código imanolteran.com • Otras caraterísticas: • Funcionalidad de blog. • Generar listas de correo dentro de la propia plataforma. • Analítica propia. No-code 03 46 LANDEN
47. Landing Pages sin código imanolteran.com • Integraciones con servicios externos: • Zapier. • Stripe. • Mailchimp. • Google Analytics. • Facebook Pixel. • … No-code 03 47 LANDEN
48. Landing Pages sin código imanolteran.com • Integraciones con servicios externos: • Zapier. • Stripe. • Mailchimp. • Google Analytics. • Facebook Pixel. • … No-code 03 48 LANDEN
49. Landing Pages sin código imanolteran.com • Diferentes planes de precios: • Gratuito. • $29-$99 al año. No-code 03 49 LANDEN
50. Landing Pages sin código imanolteran.com • Sistema de plantillas. • Editor Drag&Drop. • Publicar desde la plataforma. • Dominio propio. • Incrustar en WordPress (plugin). No-code 03 50 LANDINGI
51. Landing Pages sin código imanolteran.com • Integración con servicios de terceros: • Zapier. • Mailchimp. • Hubspot. • Google Analytics. No-code 03 51 LANDINGI
52. Landing Pages sin código imanolteran.com • Tests A/B. • Herramientas para conversión. • Formularios. • Página de agradecimiento. • A partir de $29. • 14 días de prueba. No-code 03 52 LANDINGI
53. Landing Pages sin código imanolteran.com • Sistema de plantillas. • Diferentes tipos de bloques. • Diseño responsive. • Certificado SSL. • Acceso a imágenes de stock. No-code 03 53 WEBLIUM
54. Landing Pages sin código imanolteran.com • Definir estilos a nivel global de la landing. • Integraciones con servicios de terceros: • Zapier. • Telegram. • Mailchimp. • … No-code 03 54 WEBLIUM
55. Landing Pages sin código imanolteran.com • Analítica de datos: • Google Analytics. • Hotjar. • Facebook Pixel. • Fuentes personalizadas. • Gratuito / $8,25 al mes / $196 pago único. No-code 03 55 WEBLIUM
56. Landing Pages sin código imanolteran.com • Creación de landing page de forma automática. • Selección tipo de proyecto. • Selección de paleta de colores. • Seleccionar tipo de fuente. • Rellenar opciones para sección principal de la landing. • Call to action principal No-code 03 56 LAUNCHACO
57. Landing Pages sin código imanolteran.com • A partir de ahí, podemos añadir elementos adicionales: • Tablas de precio. • Testimonios. • FAQs. • CTA. • … No-code 03 57 LAUNCHACO
58. Landing Pages sin código imanolteran.com • Sitios ilimitados. • Integración con Analytics. • Let´s Encrypt SSL. • Gratuito - $49.99/año No-code 03 58 LAUNCHACO
59. imanolteran.com 04Landing pages A partir de hojas de cálculo Landing Pages sin código
60. Landing Pages sin código imanolteran.com • Otra opción, si trabajamos mucho con datos, es crear nuestras landing pages a partir de datos almacenados en hojas de cálculo. • Estas herramientas trabajan mediante sistema de plantillas. • Hay que estructurar las hojas de cálculo de una forma concreta, para que la plantilla pueda interpretarlos y mostrarlos. Hojas de cálculo 04 60
61. Landing Pages sin código imanolteran.com • Sheet2Site • Pory • SpreadSimple Hojas de cálculo 04 61
62. Landing Pages sin código imanolteran.com • Funciona con datos almacenados en hojas de cálculo de Google Sheets. • Funcionalidad de filtros. • Sistema de plantillas. • Posibilidad de incrustar nuestra hoja de cálculo en una web ya existente. Hojas de cálculo 04 62 SHEETS2SITE
63. Landing Pages sin código imanolteran.com • Integración con Stripe. • Cobrar antes de publicar nuevo contenido y añadirlo a la hoja de cálculo. • Certificado SSL. • Google Analytics. • Dominio personalizado. Hojas de cálculo 04 63 SHEETS2SITE
64. Landing Pages sin código imanolteran.com • Documentación de la herramienta. • Ejemplo de hoja de cálculo. • Integraciones. • $29-$49 /mes Hojas de cálculo 04 64 SHEETS2SITE
65. Landing Pages sin código imanolteran.com • Landing pages a partir de datos almacenados en tablas de Airtable. • Interfaz visual. • Diseño responsive. • Dominio pory.app • Dominios personalizados. Hojas de cálculo 04 65 PORY
66. Landing Pages sin código imanolteran.com • Integraciones con servicios externos. • Funcionalidad de chat para soporte. • Estilos globales. • Pasarela de pagos. • Gratuito-$149/mes Hojas de cálculo 04 66 PORY
67. Landing Pages sin código imanolteran.com • Landing pages a partir de datos almacenados en tablas de Google sheets. • Editor visual. • Diferentes temas de aspecto. • Soporte SSL. • Edición básica de SEO. Hojas de cálculo 04 67 SPREADSIMPLE
68. Landing Pages sin código imanolteran.com • Incrustar como widget en web externa. • Filtros y categorías. • Dominio • Dominio personalizado. • 0 - $10/mes Hojas de cálculo 04 68 SPREADSIMPLE
69. Landing Pages sin código imanolteran.com INFORMACIÓN COMPLEMENTARIA CREA PROTOTIPOS DE APPS TOTALMENTE FUNCIONALES SIN CONOCIMIENTOS DE PROGRAMACIÓN CREA UNA LANDING PAGE PARA PROMOCIONAR TU PRODUCTO O SERVICIO EL FENÓMENO “NO-CODE” HA VENIDO PARA QUEDARSE APPGYVER. DESARROLLO DE APPS MULTIPLATAFORMA PROFESIONALES SIN CÓDIGO
70. Landing Pages sin código imanolteran.com PRÓXIMOS CURSOS OBS STUDIO
71. imanolteran.com Landing Pages sin código hola@imanolteran.com Eskerrik asko