junio 12

Cómo crear una landing page con Elementor

En este curso vamos a ver cómo podemos crear una landing page con un Builder como Elementor. Hoy en día, existen un montón de Builders se nos van a poder hacer este trabajo. Pero no todos lo van a hacer de forma correcta. Algunos de ellos crearán un código ilegible para Google coma y por lo tanto perderemos posicionamiento, y para otros Themes. Esto ocurre, porque el código que genera el contenido no está en HTML.

En concreto, yo voy a usar Elementor, aunque también puedes utilizar por ejemplo Thrive Themes.

Configuraciones de nuestro branding

Una vez que hayamos descargado el planning, lo primero que vamos a hacer es decirle a Elementor cuáles son nuestras preferencias de diseño. De esta forma tendremos siempre a mano los colores corporativos y las fuentes que usamos habitualmente en nuestra página web.

Puedes ver este contenido premium accediendo a tu cuenta o suscribiéndote a la escuela por 15€/mes.

Crear una landing page a través de una plantilla

Ahora que ya tenemos todo configurado, vamos a crear una Landing page. Las landing pages páginas de aterrizaje, tienen unas características muy peculiares. No solo en diseño, sino también en estructura. Vamos a ver en primer lugar cómo podemos modificar la estructura.

Puedes ver este contenido premium accediendo a tu cuenta o suscribiéndote a la escuela por 15€/mes.

Diseño de una landing page con plantilla

Una vez que tengamos la estructura correctamente configurada, es momento de comenzar a diseñar. En esta clase vamos a ver cómo diseñamos a partir de una plantilla predeterminada por los chicos de Elementor.

Puedes ver este contenido premium accediendo a tu cuenta o suscribiéndote a la escuela por 15€/mes.

Modificaciones en las secciones y columnas

La mayoría de las landing page están estructuradas en secciones y columnas.Podemos modificar el color de fondo, podemos incorporar una foto, o incluso podemos mezclar ambas opciones. Lo vemos en el vídeo.

Puedes ver este contenido premium accediendo a tu cuenta o suscribiéndote a la escuela por 15€/mes.

Hasta aquí el curso de hoy. Más adelante, podremos ver cómo crear una landing page con Elementor, completamente desde cero, sin usar ninguna plantilla.


Tags

Elementor, Landing Page


__CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"d65f6":{"name":"Main Accent","parent":-1},"2c42e":{"name":"Accent Transparent Low","parent":"d65f6","lock":{"saturation":1,"lightness":1}},"651eb":{"name":"Accent Transparent High","parent":"d65f6","lock":{"saturation":1,"lightness":1}}},"gradients":[]},"palettes":[{"name":"Default","value":{"colors":{"d65f6":{"val":"var(--tcb-skin-color-0)"},"2c42e":{"val":"rgba(221, 70, 100, 0.25)","hsl_parent_dependency":{"h":348,"l":0.57,"s":0.69}},"651eb":{"val":"rgba(221, 70, 100, 0.5)","hsl_parent_dependency":{"h":348,"l":0.57,"s":0.69}}},"gradients":[]},"original":{"colors":{"d65f6":{"val":"rgb(71, 222, 157)","hsl":{"h":154,"s":0.69,"l":0.57}},"2c42e":{"val":"rgba(71, 222, 157, 0.25)","hsl_parent_dependency":{"h":154,"s":0.69,"l":0.57}},"651eb":{"val":"rgba(71, 222, 157, 0.5)","hsl_parent_dependency":{"h":154,"s":0.69,"l":0.57}}},"gradients":[]}}]}__CONFIG_colors_palette__

Sigue aprendiendo de finanzas

Apúntate a mi escuela de finanzas, Cultura Económica, para saber todo lo que necesitas saber y no te enseñaron en el colegio.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>