Saltar al contenido principal

En este tutorial paso a paso, te mostraré el sencillo proceso de creación de páginas de destino con Elementor, mientras creas un ejemplo en vivo de una página de destino diseñada con estilo.

¡Nota! Algunas funciones mencionadas en este tutorial, como el widget Formularios, solo están disponibles en Elementor Pro. Si aún no lo ha hecho, le recomendamos encarecidamente que actualice a Pro.

Aprenderá por qué los diseñadores profesionales eligen Elementor como su solución preferida para crear páginas de destino y sitios web completos.

Que necesitas antes de empezar

  • Una instalación activa de WordPress
  • Instalar Elementor
  • Instalar Elementor Pro

Configuración de su página de destino

  • Primero, en el panel de WordPress, haga clic en Páginas> Agregar nuevo
  • Hacer clic Editar con Elementor

  • Ve al ícono de engranaje inferior izquierdo
  • Cambiar diseño de página a Lienzo Elementor, para trabajar en una página de destino en blanco

Agregar los elementos de su página de destino

1. Haga clic en el icono de la carpeta para agregar una plantilla

2. Haga clic en la pestaña Bloques.

3. Usando el menú desplegable de selección, comience a agregar los diferentes bloques que conformarán su página de destino. Una posible estructura de página de destino que puede seguir es:

Encabezamiento – Para las páginas de destino, normalmente minimizamos el encabezado. En este ejemplo, solo mostraremos el logotipo del sitio, centrado en el medio.

Héroe – Esta es, sin duda, la parte más importante de tu landing page. A veces se le llama la sección ‘Arriba del pliegue’, ya que es lo primero que ve su visitante antes de desplazarse por la página. Por ello, colocaremos aquí los elementos más importantes. Título, subtítulo y formulario de suscripción.

Servicios – Aquí, entramos en más detalles, describiendo los principales servicios o características que brinda nuestra empresa.

Testimonial – La sección de testimonios muestra una prueba social de que su clientela actual está satisfecha con el servicio que recibió de usted.

portafolio – Muestre al visitante ejemplos de su trabajo, para que sepa si coincide con lo que está buscando.

Pie de página – Debido a que sus visitantes ya se han desplazado hacia abajo en la página, desea ofrecerles otra llamada a la acción para alentarlos a hacer lo que usted quiere que hagan.

Cerrando la página, terminamos con el pie de página, que generalmente incluye su Política de privacidad y Términos de uso.

Personalización de cada bloque: ¡desafíese a sí mismo!

Repase cada bloque y realice los cambios necesarios para personalizarlo.

A continuación, se muestran algunos cambios de ejemplo:

  • Cambiar el contenido del título – Intente cambiar el texto para que se ajuste a su propia descripción comercial
  • Cambiar imágenes – Intente cambiar las imágenes en la sección Portafolio por las suyas
  • Cambiar colores – Elija 3 colores con los que desee trabajar y aplíquelos en toda la página
  • Cambiar fondos – Cambia la imagen de fondo en la sección de héroe por la tuya

Personalizándolo para dispositivos móviles

Todos los bloques vienen prediseñados como 100% móviles. Aun así, puede cambiar a la vista móvil y comenzar a personalizar los márgenes, los rellenos y otras configuraciones para dispositivos móviles y tabletas.

Vea este tutorial para aprender cómo.

Vista previa del resultado y publicación de su página de destino

Antes de publicar, una buena regla general es obtener una vista previa del resultado y asegurarse de que todo se vea en orden.

Para hacerlo, haga clic en el icono del ojo en el panel inferior izquierdo.

Luego, publique el artículo. Notará que el botón verde de publicación cambia a gris Actualizar.

R Marketing Digital