• Características
  • Plantillas
  • Precios
  • Spanish
  • Características
  • Plantillas
  • Precios
  • Spanish
¡Ops! No se ha encontrado el widget buscado. ¿Tienes alguna idea? En caso afirmativo, Envíe aquí

Hola a todos, en este pedazo de artículo, vamos a aprender acerca de cómo crear una página de destino en WordPress utilizando Element Pack y Elementor Page Builder. Esto no se trata de ejemplos, pero un paseo con consejos y trucos para construir la página perfecta de su deseo.

Hay varias formas de crear una página de aterrizaje. Tales como:

  • Utilizando un plugin constructor de páginas de aterrizaje en el WordPress.
  • Software de embudo de soluciones alojadas de terceros como Click funnels o similar.
  • Utilizando una aplicación creada para hacer páginas de aterrizaje.
  • Y de muchas maneras más.

Un plugin adicional significa sobrecarga adicional, mientras que elementor con Element Pack puede traer la característica de 100's del plugin sólo en 2 plugins. La solución de terceros puede traer algunas características adicionales sin embargo, de nuevo puede limitar con posibilidades ilimitadas que se pueden lograr a través de Element Pack y Elementor. En este artículo, vamos a describir la forma más fácil de crear páginas de destino, el diseño extra del paquete de elementos que hace una página de destino aún mejor. Le guiaremos a través del proceso.

¿Qué es una página de aterrizaje?

Nada mejor, para empezar a construir su Landing Page que repasar rápidamente sus principales objetivos y características.

Landing Page: el elemento clave para la conversión en su sitio web

La página de aterrizaje es una página web en la que el usuario aterriza para entrar en un sitio web. En términos de acción, se diferencia de un sitio web, un blog o un artículo porque estas páginas suelen estar enlazadas desde sitios externos y casi nunca son la página de inicio de un sitio web.

Las páginas de aterrizaje se diferencian claramente en su función de otros tipos de páginas web, ya que tienen un objetivo muy sencillo, normalmente orientado a una única acción. Cuando un usuario se fija en la página de inicio o home de un sitio web, puede ver que hay demasiados enlaces y que hay diferentes acciones que realizar en la página. Las páginas de inicio de los sitios web no están diseñadas para que el usuario realice una única acción específica. Incluso muchos sitios web corporativos se parecen más a un folleto centrado en la comunicación unidireccional. Por otro lado, los blogs están diseñados para dar información sobre diversos temas que interesan a los usuarios. Los blogs también tienen diferentes enlaces y existen diferentes formas por las que un usuario puede moverse a través de él.

El objetivo de la página de destino

Las páginas de aterrizaje suelen tener un objetivo: conseguir una conversión o lead. Estas páginas suelen ser eficaces cuando el tráfico se conduce desde anuncios o áreas específicas de una página web o blog relacionadas con lo que busca el usuario.

Podría definirse simplemente como una única página web que aparece en respuesta a hacer clic en un resultado de búsqueda optimizado en un motor de búsqueda o en un anuncio en línea.

Cuando tengas el tráfico en tu página de aterrizaje, puedes promocionar:

  • Sus productos o servicios;
  • Contenido descargable, como un libro electrónico o un libro blanco, si tiene una estrategia de marketing de contenidos;
  • Suscríbase a su boletín.
  • Y así sucesivamente.

De hecho, el objetivo de la página de aterrizaje es convierta a sus visitantes, proporcionándoles pruebas de que su oferta presenta valor para ellos. Si tu sitio web funciona bien, tus visitantes dejarán información sobre ellos rellenando el formulario que hay en él.

Conceptos básicos de una página de aterrizaje que funciona

Aunque todas las páginas de aterrizaje son diferentes, todavía notamos algunos elementos que aparecen de manera inevitable. Una página de aterrizaje, en la mayoría de los casos, no tiene barra de navegación ni pie de página. El propósito de esta página es mantener al visitante en ella, sin distraerlo del resto del sitio, para que rellene su formulario o haga clic en su llamada a la acción. En algunos casos, podemos tener un encabezado o un pie de página, o ambos. Depende de los requisitos/objetivos del sitio web.

Una página de aterrizaje también presenta una propuesta de valor claramente establecida. En forma de bloques de texto, y posiblemente tablas que presentan sus precios, explica a sus visitantes lo que está en la clave si rellenan su formulario o compran su oferta.

Otro elemento clave de una Landing Page: la presencia de un formulario o de una llamada a la acción, según el formato de la oferta promocionada.

Así, la página de aterrizaje que construiremos tendrá los siguientes segmentos.

La página de destino que crearemos

La página de aterrizaje que vamos a crear tendrá:

  • Sección superior de héroes
  • Acerca de la sección
  • Sección Características
  • Sección de testimonios
  • Sección de precios
  • Formulario

Cosas necesarias para hacer esta página de aterrizaje:

Para hacer la página de aterrizaje con éxito, usted necesitará:

Construyamos la Landing Page utilizando Element Pack y Elementor

Primer paso: Configuración inicial

Antes del diseño real de nuestra página de destino, tenemos que configurar los valores predeterminados para nuestra página de destino. Por defecto, me refiero a los colores primarios y secundarios, fuentes, etc.

Para ello, tenemos que elegir el diseño de página elementor canvas.

Elementor Canvas

El diseño de lienzo nos da una estructura muy limpia para nuestro contenido. Una vez seleccionado el lienzo, haz clic en el botón "Guardar borrador". A continuación, haz clic en el botón "Editar con Elementor".

Ahora, desde la configuración principal, vamos a configurar los colores y las fuentes para nuestra página de destino. Puede seleccionar cualquier fuente y color que se adapte a sus necesidades.

Landing Page in WordPress Default fonts

Puede seleccionar el color que desee a través de la configuración del Selector de color. De este modo, podrá seleccionar rápidamente el color que desee siempre que lo necesite en su página de destino.

Segundo paso: La sección Top Hero de la página de destino

Nuestra sección de héroe superior contendrá imagen de fondo, texto, iconos y botones para atraer la atención del visitante.

La especialidad de esta sección será una imagen de fondo de la sección completa, SVG iconos / imagen para la sección con un título. Y una bonita descripción con 2 botones de llamada a la acción.

¿Cómo lo diseñamos?

Tomaremos una sección con 3 columnas 25/50/25

A continuación, presentaremos los antecedentes de la sección.

En la columna central, pondremos algunas columnas interiores para que coincidan con nuestro diseño, como se indica a continuación.

Landing Page Hero Section

Todo este diseño está disponible como un bloque listo en element pack pro plugin. Echa un vistazo aquí:

¿Cómo se utiliza el bloque listo del paquete de elementos?

Una vez que haya comprado y descargado. Compruebe la carpeta de contenido de demostración. A continuación, vaya a la carpeta de bloques listos. Ir al bloque de héroe e importar el bloque deseado en nuestra plantilla elementor. 


Si no sabes cómo importar una plantilla, por favor, vea este vídeo.

Tercer paso: La sección "Sobre nosotros" de la página de aterrizaje

Nuestra sección Sobre nosotros contendrá 2 columnas. Una de ellas tendrá un encabezado con un párrafo y un botón al formulario de contacto. La siguiente columna tendrá una imagen.

¿Cómo lo diseñamos?

Tomaremos una sección con 2 columnas 50/50

En la primera columna, tomaremos un encabezamiento y un bloque de contenido.


En la última columna pondremos una imagen para que quede bonito. La imagen debe reflejar el trabajo en equipo.

Nuestro diseño final tendrá el siguiente aspecto:

Landing Page About Section

Este diseño, junto con otros atractivos diseños, está disponible en bloques listos para Element Pack Pro. Consígalo ahora. Mira la demo aquí:

¿Quiere optimizar aún más su sitio web?

A continuación, lea este artículo sobre Cómo acelerar un sitio WordPress . También debería leer sobre el Los mejores plugins de copia de seguridad para WordPress por si metes la pata mientras optimizas.

Cuarto paso: La sección de características de la página de destino

Nuestra sección de características contendrá 2 columnas. La primera columna tendrá un diseño basado en una barra de progreso y la siguiente columna tendrá características con iconos y una descripción sencilla.

¿Cómo lo diseñaremos?

Tomaremos una sección con 24 columnas 50/50

Nuestro diseño final tendrá el siguiente aspecto:

Landing Page Features Section

Este diseño, junto con otros atractivos bloques prefabricados, está disponible en los bloques prefabricados Element Pack Pro. Consígalo ahora. Mira la demo aquí:

Quinto paso: La sección de testimonios de la página de destino

Tendremos un encabezamiento antes de que comience el testimonio propiamente dicho. Nuestra sección de testimonios contendrá 2 columnas. Cada columna tendrá una imagen y una descripción. Será un diseño de caja avanzado

¿Cómo diseñarlo?

Tomaremos una sección con 2 columnas 50/50

Nuestro diseño final tendrá el siguiente aspecto:

Landing Page Testimonials Section

Descubra algunas otras impresionantes páginas listas y bloques listos ofrecidos por Element Pack - Ultimate addons que necesitará. Mira la demo aquí:

Sexto paso: La sección de precios de la página de destino

En nuestra sección de precios, tendremos 2 planes. Para ello, seleccionaremos el módulo de tabla de precios. Primero importaremos el diseño del contenido de la demo element pack pro. A partir de ahí vamos a diseñar el plan de precios de acuerdo a nuestras necesidades.

¿Cómo logramos el diseño?

Por favor, vaya a la página de contenido de demostración de sus descargas Element Pack Pro que obtuvo del administrador de cuentas. A continuación, importe la plantilla y añádala a una sección.

Nuestro diseño final tendrá el siguiente aspecto:

Landing Page Pricing Section

Descubra algunas otras impresionantes páginas listas y bloques listos para planes de precios ofrecidos por Element Pack - Ultimate addons que necesitará. Mira la demo aquí:

Séptimo paso: La sección del formulario Lead de la página de aterrizaje

La parte de los contactos es muy importante. Hemos puesto un formulario de contacto en esta sección. Usted puede poner cualquier imán de plomo como un MailChimp u otros.

¿Cómo lo diseñamos?

Por favor, vaya a la página de contenido de demostración de sus descargas Element Pack Pro que obtuvo del administrador de cuentas. A continuación, importe la plantilla Formulario de contacto y añádala a una sección. Una vez importada, añada el widget del formulario de contacto Element Pack Pro en la columna de la derecha.

Y actualizar los escritos en la columna de la izquierda. Oh se olvidó de mencionar, hemos añadido una imagen de fondo en la sección de los padres.

Nuestro diseño final tendrá el siguiente aspecto:

Descubra algunas otras impresionantes páginas listas y bloques listos para Formulario de Contacto y páginas de clientes potenciales ofrecidos por Element Pack - Ultimate addons que necesitará. Mira la demo aquí:

El diseño final

Este es nuestro diseño final.

Para ver la demostración en funcionamiento, visite
 
 

En este artículo sólo hemos mostrado algunos de nuestros bloques prefabricados. Tenemos muchos. Tenemos una enorme colección de páginas listas que contiene páginas de aterrizaje también.

Visítelos en nuestra Demostración Element Pack páginas. Diviértete con tus ideas creativas a través de las páginas de aterrizaje. 

Comparte este blog:

Copyright © 2026 BdThemes. Todos los derechos reservados.

Money Transfer Logo