Si ha leído alguna vez sobre la creación de un sitio web, probablemente se habrá topado con el término "página de aterrizaje". Pero, ¿qué es exactamente una página de aterrizaje? ¿Por qué debería tener una? ¿Y cómo se construye una página de aterrizaje con WordPress?
En esta entrada, le mostraremos cómo crear una página de aterrizaje con WordPress. También hablaremos sobre los diseños de las páginas de aterrizaje y lo que hace que una sea buena.
Crear páginas de aterrizaje es súper fácil, especialmente si utilizas un constructor de páginas como Spectra.
Spectra viene con toneladas de plantillas de páginas de aterrizaje prediseñadas que hacen que el proceso sea extremadamente intuitivo.
Empecemos.
¿Qué es una página de aterrizaje y por qué debería crear una?
Una página de aterrizaje es una página diseñada para un propósito específico. Los visitantes pueden "aterrizar" en ella desde una publicación de Facebook, un tuit en Twitter, un enlace de correo electrónico, un resultado de búsqueda en Google o prácticamente cualquier otro lugar.
Una página de aterrizaje no es lo mismo que una página de inicio, ya que una página de inicio suele estar diseñada para recibir a cualquier tipo de visitante. En cambio, una página de aterrizaje está dirigida a un público concreto.
Las páginas de destino son muy importantes. En lugar de tener la misma página para todo el mundo, puede tener una página ajustada que hable directamente a un usuario en particular o que sirva a un propósito concreto.
Por ejemplo, supongamos que ha creado una campaña publicitaria para Facebook dirigida a un determinado hobby.
La mejor estrategia es no enviar a los usuarios de Facebook a cualquier página, sino a una diseñada específicamente para tu mercado objetivo.
Al crear una página de destino dirigida a estos usuarios en particular, podría maximizar las conversionesAumentar los ingresos, conseguir más abonados y tener más éxito en general.
¡¿Quién no quiere eso?!
Método 1: Crear una página de destino con Spectra
Es hora de mostrarte cómo crear una página de aterrizaje usando Spectra, el mejor plugin constructor de páginas de WordPress.
Tras la instalación, verás más de 30 potentes bloques y toneladas de plantillas, patrones y wireframes listos para usar que podrás utilizar para diseñar tu propia página de aterrizaje.
Le mostraremos dos formas de crear páginas de aterrizaje con Spectra:
1. Con una plantilla de página de aterrizaje
2. Con patrones
Crear una página de aterrizaje con plantillas Spectra
El Spectra incluye plantillas de páginas de aterrizaje gratuitas y premium para diferentes nichos.
Puede importar una plantilla y personalizarla a su gusto.
Te mostraremos cómo.
Cree una nueva página y haga clic en el botón azul Kits de plantillas botón.
Ir a la Páginas zona.
Seleccione una plantilla de página de destino para su sitio web.
Pulse el botón Importar botón.
Muy bien. Ha importado correctamente la plantilla de la página de destino.
Ahora, puede personalizar la plantilla según sus necesidades.
Creación de una página de destino con patrones Spectra
Para que el tutorial sea fácil de seguir, dividiremos la estructura de la página en las siguientes secciones:
- Añadir una sección de héroe
- Añadir una sección sobre
- Añadir un área de servicios
- Añadir una sección de nuestro equipo
- Añadir área de clientes
- Añadir sección de testimonios
- Añada una llamada a la acción (CTA)
- Añadir área de contacto
Antes de empezar, cree una nueva página.
Ir a Páginas > Añadir nueva.
Dale un nombre a tu página y pulsa el botón Publique botón.
Si desea diseñar la página de aterrizaje desde cero, puede utilizar los bloques Spectra.
Pero vamos a utilizar patrones prediseñados para ahorrar tiempo y esfuerzo.
Añadir una sección de héroe
La sección principal es una de las partes más importantes de una página de aterrizaje. Suele contener una imagen, un título llamativo y una llamada a la acción (CTA) para que la página resulte atractiva.
Haga clic en el botón Kits de plantillas para abrir la biblioteca Spectra.
Ir a la Patrones zona donde se ven 285 diseños ya hechos.
Utilice la categoría de la izquierda y seleccione Héroe. Aquí verás varios ejemplos.
Ahora, elija el patrón de héroe adecuado y haga clic en el botón Importar botón . El sistema tardará un par de segundos en completar el proceso.
El patrón de héroe se ha importado correctamente a su editor de páginas.
Cambia el contenido predeterminado según tus necesidades. Puede utilizar los ajustes del bloque de la derecha para añadir nuevos preajustes y personalizar el contenedor.
Añadir una sección Acerca de
Vaya a Kits Plantillas > Patrones una vez más.
Haga clic en el botón Acerca de y seleccione un patrón aproximado entre los ejemplos y pulse la tecla Importar botón.
La sección "Acerca de" está importada y lista para personalizar.
Haz clic en la imagen y utiliza la configuración del bloque de la derecha para sustituirla. Puede ajustar la alineación, el diseño y el tamaño de la imagen como desee.
Añadamos un botón a la sección "Acerca de".
Haz clic en la parte superior izquierda '+para abrir la biblioteca de bloques y arrastre y suelte el Spectra Botón bloque donde quieras.
Por defecto, el patrón viene con dos botones, pero sólo queremos uno.
Haga clic con el botón derecho del ratón en el botón y pulse el botón Botón Eliminar o puede utilizar los atajos de teclado Mayúsculas + Alt + Z para quitarlo.
El bloque de botones Spectra ofrece atractivos preajustes que puede utilizar para hacer la página más atractiva.
Puede utilizar los ajustes de estilo del lado derecho para personalizar el diseño del botón. Los ajustes le permiten cambiar el color, añadir borde y sombra de caja y gestionar el espaciado.
Añadir un área Nuestros servicios
Importe un patrón de servicio de la biblioteca que se ajuste al diseño de su página de destino.
Aquí tienes mucho donde elegir, así que elige el que más te guste.
Puede cambiar el texto y añadir las imágenes de servicio que necesite seleccionando un área y realizando los ajustes mediante los menús.
Añadir una sección Nuestro equipo
Spectra también ofrece patrones de miembros del equipo que puede importar a su página de destino.
Usted ve un área de equipo readymade se añade aquí.
Puedes añadir el enlace de las cuentas sociales de un determinado miembro del equipo mediante los ajustes de bloqueo.
Puede cambiarlo todo sobre el bloque e incluso las fotografías de los miembros de su equipo.
Añadir un área de clientes
Puedes añadir una sección de clientes en tu página de aterrizaje que ayude a construir el valor de marca de tu negocio.
Cambia el título, la descripción y los logotipos para adaptarlos a tu marca.
Añadir una sección de testimonios
Si desea añadir prueba social a su página de destino, considere la posibilidad de añadir testimonios. Spectra proporciona varios patrones de testimonios visualmente atractivos que son fáciles de importar y totalmente personalizables.
Importe un patrón de testimonios que se adapte perfectamente al diseño de su página de destino.
El diseño por defecto viene con contenido ficticio que tiene el siguiente aspecto.
Puedes cambiar el color, el tamaño e incluso el espacio entre las estrellas.
También puede cambiar la posición de la imagen del revisor, como arriba/abajo del título y derecha/izquierda del texto y el título.
Añada una llamada a la acción (CTA)
Una llamada a la acción (CTA) puede ayudar a guiar a sus visitantes por el camino de la compra y la conversión.
Siempre es bueno hacer que tus CTAs sean interactivos y atractivos y añadirlos en el lugar adecuado de tu página de aterrizaje por ejemplo cabecera, banner, servicio o incluso crear una sección dedicada para ello.
Seleccione un patrón CTA de la biblioteca e impórtelo.
Haga clic en el área del contenedor y utilice los ajustes de estilo para realizar cualquier cambio.
También puede cambiar el color del texto y personalizar el tamaño del botón para que resulte atractivo para los visitantes.
Añadir una zona de contacto
Hay muchos patrones ya hechos para crear un área de contacto de una página de aterrizaje. Elige el que se adapte a tu diseño e impórtalo de la misma forma que antes.
Una vez que la sección de contenidos se haya importado correctamente, podrá realizar cualquier cambio.
Una vez que haya completado la personalización, haga clic en el botón azul Actualización para guardar los cambios.
Ahora, ¡mira tu nueva página de aterrizaje!
Método 2: Crear una página de destino con Beaver Builder
Beaver Builder es un plugin constructor de páginas para WordPress. Puede utilizar los módulos de contenido de arrastrar y soltar o plantillas ya hechas para crear su página de destino similar a Spectra.
Antes de empezar, asegúrese de haber adquirido el Beaver Builder versión premium. Necesitarás un par de funciones para crear tu página.
Crea una nueva página y ábrela en el panel del editor. A continuación, pulse Lanza Beaver Builder.
La página se abrirá con el editor visual Beaver Builder.
Ir a la Plantillas y seleccione Página de aterrizaje.
Elija la plantilla de página de destino para su proyecto e impórtela en el editor visual.
La plantilla se importará y ahora podrá personalizarla como desee.
Haz clic en el botón para personalizar su estilo.
En virtud de la Estilo verás todos los ajustes. Puede establecer la alineación, añadir relleno y el color del texto y otros elementos esenciales.
Si quieres cambiar una imagen, haz clic primero en ella.
Ir a la Imagen y utiliza los ajustes proporcionados para personalizar la imagen.
También puede cambiar el encabezamiento y el párrafo y aplicarles estilo utilizando la configuración de la opción General zona.
Si desea añadir un área de testimonios a la página de destino, utilice el botón Testimonio módulo.
Arrastre y suelte el Testimonio en la interfaz.
Haga clic en el botón Editar testimonio enlace.
Ahora, añade el contenido del slider testimonial y pulsa el botón Guardar botón.
Vamos a añadir una sección de llamada a la acción (CTA). Arrastre y suelte el icono CTA en su lugar en el editor de páginas.
Haga clic en el botón CTA para abrir la configuración. Puedes cambiar el texto y añadir enlaces, iconos y colores de fondo para que el botón sea más atractivo.
Si desea cambiar el color de fondo de la fila, haga clic en el botón Ajuste de filas.
Utilice la Estilo para cambiar el color de fondo de la fila y pulse el botón Guardar botón.
Una vez completada la personalización, pulse la tecla Hecho para guardar el diseño.
Por último, pulsa el botón Publique para poner la página a disposición de los visitantes.
Echemos un vistazo a tu nueva página de aterrizaje.
Método 3: Cómo crear una página de destino con el editor de bloques
Ahora vamos a caminar a través de la creación de páginas de destino con el editor de bloques por defecto de WordPress.
Para que el tutorial sea fácil de seguir, lo dividimos en las siguientes secciones:
- Crear la página y darle un título
- Planifique su diseño
- Añadir y estilizar la cabecera
- Añadir una llamada a la acción
- Añadir características del producto o servicio
- Añada otra llamada a la acción
- Añadir prueba social
- Añadir redes sociales
- Opcional - Añadir sobre nosotros
- Opcional - Añadir un bloque de cupón o descuento
- Comprobar y evaluar
- Publicar la página
- Pruebe las llamadas a la acción y los enlaces
Empecemos:
1. Crear la página y darle un título
En primer lugar, cree una nueva página en Páginas > Añadir Nuevo en la barra lateral de WordPress. Dale un título a tu página.
2. Planificar el diseño
En primer lugar, deberá planificar el diseño de su página. Puede hacerlo a mano en papel o mediante esquemas utilizando bloques alámbricos.
3. Añadir y estilizar la cabecera
Empecemos por arriba: la cabecera. La cabecera suele incluir el logotipo, la navegación y otros elementos.
Sin embargo, recomendamos que una página de aterrizaje no tenga elementos extraños que distraigan al visitante del propósito con el que está construyendo la página.
En primer lugar, vamos a añadir un logotipo. Haz clic en el icono negro '+para añadir un nuevo bloque y, a continuación, busque su logotipo.
Añádalo a la página de la forma habitual.
Puede añadir otros elementos si lo desea, pero para nuestra página de aterrizaje, sólo queremos el logotipo en la cabecera.
Demasiados elementos de distracción pueden afectar negativamente a nuestra tasa de conversión.
4. Añadir una llamada a la acción
A continuación queremos una llamada a la acción. Esto puede tomar muchas formas, pero por lo general es un botón en el que se puede hacer clic. Así que vamos a añadir un botón.
Haz clic en el botón negro '+para añadir un bloque y, a continuación, busque el botón. Haga clic en Botones para añadirlo a tu página.
A continuación, haz clic en el nuevo recuadro negro que acaba de aparecer. Una vez que haga clic en él, aparecerá un botón con algo de espacio para escribir texto en su interior.
Escriba el texto del botón hasta que esté completamente satisfecho.
También puede personalizar el estilo del botón, cambiar el peso de la fuente, el diseño y mucho más.
5. Añadir características del producto o servicio
Ahora vamos a añadir algunos detalles más sobre nuestro producto.
Hay muchos bloques útiles para este fin, entre ellos:
- Bloque de párrafos. Se trata de un bloque de texto estándar. Es útil para escribir secciones más largas de texto sobre el artículo.
- Bloque de medios y texto. Le permite añadir una imagen junto a un texto. Si desea destacar elementos concretos de su producto mediante una imagen, utilice este bloque.
- Bloque de lista. Esto le permitirá añadir una lista ordenada o desordenada. Es útil para listas largas de características y ventajas, sobre todo de carácter técnico.
Añada los que considere oportunos para su situación particular. También puede añadir más de un bloque de información sobre el producto.
Eso sí, no añadas demasiada, ya que no queremos atascar a los lectores con una cantidad excesiva de información.
Recuerde que el objetivo es convertirlos, no escribir todo lo posible sobre el producto que se le ocurra.
6. Añadir otra llamada a la acción
Llegados a este punto, probablemente quiera añadir otra llamada a la acción. Colóquela debajo de las secciones de características de su producto o servicio.
En general, no es mala idea tener 2, 3 o incluso 4 botones de llamada a la acción diferentes en la página. Mientras estén distribuidos por toda la página y todos tengan un mensaje o intención similar, no hay problema en añadir más.
7. Añadir prueba social
También es un buen momento para añadir alguna prueba social. La prueba social incluye testimonios, reseñas y otros comentarios de personas reales.
Ayudan a convencer a los lectores de que su producto es tan bueno como usted dice.
El mejor bloque para este fin es probablemente el bloque Cita o Pullquote. Estos añadirán una bonita cita a su página.
También puedes añadir pruebas sociales utilizando imágenes, el bloque de medios + texto o cualquier otra cosa. Depende de cómo quieras diseñar la página.
8. Añadir redes sociales
Por último, añada enlaces a sus páginas en las redes sociales. En Iconos sociales block es una forma sencilla de hacerlo. Puedes añadir fácilmente enlaces a Facebook, Twitter y otras redes sociales.
9. Opcional - Añadir Acerca de nosotros
Otra sección opcional es el área "Sobre nosotros". Aquí puede añadir algunos detalles sobre su empresa, los productos que vende, cuáles son sus valores, etc.
10. Opcional - Añadir un bloque de cupón o descuento
Si quieres añadir un cupón o descuento a tu página, puedes hacerlo fácilmente. Solo tienes que utilizar cualquier bloque de texto y añadir el código en negrita.
11. Comprobar y evaluar
Ahora revísalo todo para asegurarte de que queda bien. ¿Están todos los elementos colocados correctamente? ¿Hay errores tipográficos? ¿Las imágenes tienen texto alternativo?
12. Publicar la página
Cuando esté seguro de que la página está terminada, pulse Publique.
13. Pruebe las llamadas a la acción y los enlaces
Por último, antes de enviar la página a los clientes, asegúrese de que todos los enlaces y botones funcionan correctamente.
¿Incluyen códigos de seguimiento? ¿Van a la página de ventas correcta? Compruébelo todo dos veces.
Los mejores plugins de páginas de aterrizaje para WordPress
Estos son algunos de los mejores plugins constructores de páginas de aterrizaje para WordPress.
Spectra
Spectra es un potente constructor de páginas de WordPress que te encantará. Crear hermosas páginas de destino desde cero es muy fácil con su enfoque basado en bloques. Ofrece una experiencia de edición fluida, haciendo que tu flujo de trabajo sea rápido y eficiente.
Usted tiene el control total sobre el diseño y la maquetación, lo que significa que puede diseñar una página de aterrizaje que muestre perfectamente su negocio.
Spectra viene con toneladas de plantillas de páginas de aterrizaje, patrones de diseño y wireframes que puede utilizar para crear su propia página de aterrizaje personalizada en tan sólo unos minutos.
Beaver Builder
Beaver Builder es un plugin constructor de páginas para WordPress. Cuenta con módulos de contenido intuitivos de arrastrar y soltar que facilitan la creación de impresionantes páginas de destino de forma rápida y eficiente.
Viene con una colección de impresionantes plantillas de páginas de aterrizaje disponibles para hacer su vida más fácil.
Estas plantillas son un excelente punto de partida que le ahorrará tiempo y esfuerzo. Con unos pocos clics, tendrás una hermosa página de aterrizaje de aspecto profesional y que representará a tu marca a la perfección.
Divi
Divi es uno de los plugins constructores de páginas más populares de WordPress. Con esta increíble herramienta, puede crear fácilmente cualquier tipo de página de destino.
Ofrece más de 2000 plantillas prediseñadas para diferentes nichos. También puede añadir animaciones, efectos de desplazamiento, cambiar el color, fondo, patrones y añadir elementos de diseño avanzados.
Estas características pueden hacer que su página destaque y mantener el interés de sus visitantes.
Elementor
Elementor es un constructor de páginas impresionante que es super flexible y potente. Viene con un montón de widgets de arrastrar y soltar para ayudarle a construir páginas de destino impresionantes.
Ofrece una gran variedad de plantillas personalizables y bloques fáciles de usar.
También puede copiar un diseño concreto de su página de aterrizaje y utilizarlo posteriormente como plantilla. Usando esta función, puedes replicar y reutilizar fácilmente tus diseños favoritos.
Consejos para diseñar páginas de destino
Por último, vamos a cubrir algunos otros consejos generales útiles para la creación de páginas de destino. Estos serán útiles para cualquier tipo de proyecto.
- Ir al grano. Las páginas de destino deben captar la atención en cuestión de segundos. No les obligue a leer párrafos de texto solo para averiguar de qué trata su página.
- Utilizar eficazmente los títulos. Los títulos H1, H2 y H3 deben utilizarse de forma óptima para llamar la atención sobre los puntos clave. Si utiliza demasiados títulos, su impacto será menor. Si utiliza muy pocos, tendrá un gigantesco muro de texto, lo que es igual de malo.
- Simplifique el diseño. Las páginas de destino deben evitar diseños de columnas complejos, sliders y otros elementos que distraigan la atención. Recuerde que el objetivo es convertir al lector en cliente mediante llamadas a la acción.
- Utilice testimonios y reseñas. Los clientes siempre quieren saber si otras personas han utilizado su producto y lo recomiendan. Cuantos más testimonios pueda conseguir de personas reales, mejor.
- Prioridad al móvil. Por último, siempre debes asumir que tu sitio web se visitará primero en un dispositivo móvil. Por ello, asegúrate de elegir un tema que funcione bien en móviles y de que todas las imágenes y otros elementos estén comprimidos para garantizar los mejores tiempos de carga de la página.
Preguntas frecuentes sobre páginas de destino
¿Qué es una página de aterrizaje?
Una página de aterrizaje es una página de su sitio web optimizada para convertir visitantes. Puede tratarse de venderles un producto, conseguir que se suscriban a un boletín o cualquier otra acción. La página está diseñada específicamente para convertir a los visitantes y no sólo como una página de contenido general o de información.
¿Qué son los principios de diseño de páginas de aterrizaje?
Algunos principios fiables para el diseño de páginas de destino son: ir al grano, utilizar los encabezados de forma eficaz, mantener un diseño sencillo, utilizar testimonios y reseñas, y dar prioridad a los dispositivos móviles. En general, debes intentar que tu página de aterrizaje sea lo más sencilla y directa posible para maximizar las conversiones.
¿Cómo puedo crear una página de aterrizaje en WordPress?
Simplemente siga nuestra guía anterior para continuar construyendo páginas de destino. Tendrá que añadir elementos como un encabezado, botones de conversión, llamadas a la acción y mucho más. Recuerde, cuando construya páginas de destino, recuerde siempre cuál es su objetivo final, ya sea aumentar los ingresos o conseguir más suscriptores.
¿Es Block Editor lo mismo que Gutenberg?
Gutenberg es todo el "sistema" de WordPress, mientras que el Editor de Bloques es simplemente la página de diseño donde puedes crear páginas y entradas. El Editor de Bloques está "dentro" del propio Gutenberg y es como realmente se construyen las páginas de destino y se crean los diseños de las mismas.
¿Necesito un sitio web para una página de aterrizaje?
Sí, tendrá que tener un sitio web para crear una página de aterrizaje. Esto implica conseguir un alojamiento web y instalar WordPress en él. Afortunadamente, el proceso es muy sencillo, sobre todo si se utiliza un tema como Astra que viene con muchos Plantillas de páginas de destino Gutenberg. En general, el tiempo total invertido no debería ser superior a unas pocas horas.
Conclusión
Las páginas de destino son una parte fundamental de cualquier esfuerzo de marketing en línea. Sin ellas, perderá toneladas de ventas potenciales, suscriptores y otras acciones importantes.
Por ello, es muy importante entender qué es una página de aterrizaje y cómo puede crear una en su sitio web de WordPress.
En este post, aprendimos lo que es una página de aterrizaje. También hablamos sobre el editor de bloques predeterminado y cómo puedes usarlo para crear fácilmente una página de aterrizaje en WordPress.
A continuación, te guiamos paso a paso en la creación de una página de aterrizaje. La verdad es que es muy fácil.
Por último, le ofrecemos otros consejos esenciales para mejorar sus páginas de aterrizaje.
¿Utiliza páginas de aterrizaje en su sitio web? ¿Cómo las ha creado? ¿Cuáles son tus trucos y consejos especiales para maximizar tus tasas de conversión? Comparte tu experiencia en los comentarios.
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
