Elementor

En el curso de hoy, vamos a ver cómo podemos crear una landing page desde cero. Ya vimos en el pasado curso cómo crear la a través de una plantilla con Elementor. Muchas veces es más rápido hacerlo así. Pero hay otras en las que no encontramos exactamente lo que necesitamos. Por eso quiero enseñarte hacerlo desde cero.

A través de este curso, quiero enseñarte algunos trucos que uso yo misma cuando tengo que crear mis landing pages. Es muy importante, que cada bloque dentro de la Landing Page tenga un sentido. Quiero decir, que es conveniente usar estructuras ya probadas anteriormente, o que sepas que van a tener conversión.

¿Necesitas ayuda con tu página web? Escríbeme

Aquí te voy a enseñar cómo crear una landing page para una tienda de ropa sostenible. También veremos cómo creo que debería estar estructurada para poder crear más conversiones. Por supuesto no solo es válida para una tienda de ropa, sino que gracias a este curso aprenderás a crear cualquier tipo de landing page.

Cómo crear la cabecera o header con Elementor

Vamos a crear ahora la cabecera con una imagen que abarque el ancho completamente de la página. Incluiremos una llamada a la acción principal para dejar claro cuál es la intención de esta página.

Además, en este vídeo te enseño algunos trucos muy útiles para hacer las creatividades, no sólo en landing pages, sino en cualquier diseño que tengas que hacer para tu negocio.

Cómo introducir los textos

Vamos a ver a continuación cómo podemos introducir los textos de nuestra landing page. Veremos cómo diferenciar entre textos con iconos, testimonios y textos informativos.

Montar las fotos y la llamada a la acción o CTA

Aunque ya habíamos tocado el tema de la CTA en la primera clase, es conveniente darle otra vuelta porque deberemos tener más de una.
Además, incorporaremos todas las fotos. Veremos, también, cómo podemos agruparlas o crear varias llamadas a la acción para una misma colección o grupo de productos o servicios.

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.

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.

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.

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.

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.