Clasificamos los servicios a partir de pruebas y análisis exhaustivos, aunque también tenemos en cuenta tus opiniones y nuestros acuerdos comerciales con los proveedores. Esta página contiene enlaces de afiliados.Información acerca de la publicidad
  1. Website Planet
  2. >
  3. Blog
  4. >
  5. Cómo crear una landing page efectiva en WordPress [2024]

Cómo crear una landing page efectiva en WordPress [2024]

Andrés Gánem Escrito por:
¿Qué tienen en común tu revista online favorita, tu aplicación de fitness y tu software en la nube? Todos ellos utilizan landing pages (páginas de aterrizaje). Una landing page puede ser una herramienta excepcional para obtener información útil de los clientes potenciales, aumentar las ventas o simplemente dirigir el tráfico a tu sitio.

La única advertencia es que tu landing page tiene que ser buena. Una landing page mal diseñada o que no funciona puede hacer que los clientes descarten tu negocio antes de siquiera darle una oportunidad.

Por eso – después de crear varias yo mismo – estoy aquí para mostrarte cómo crear una landing page asombrosa en WordPress. Voy a hablar de todo, desde consejos generales de diseño hasta los detalles prácticos esenciales, para que puedas publicar tu página en un abrir y cerrar de ojos.

Pero primero,

¿Qué es una landing page?

Screenshot_5
WP puede ayudarte a crear una landing page de alta conversión.
1
Si llegaste hasta aquí, probablemente ya tienes una idea de qué es una landing page. Pero vale la pena aclararlo, para que estemos en la misma página.

En primer lugar, una landing page no es una página de inicio. Una página de inicio o home es donde llegan los visitantes cuando se dirigen a tu sitio web – es la “home” de tu sitio. Las páginas de inicio tienen muchos propósitos: dirigir a los visitantes a otras páginas de tu sitio, ofrecerles un lugar familiar al que llegar, brindar un centro desde donde comercializar tu marca, entre otros.

Una landing page es una única página diseñada con un fin específico: convencer a los visitantes de que realicen una acción. Puede ser acceder a más información, comprar un producto o servicio, o visitar tu sitio principal. Se llama página de aterrizaje porque es donde quieres que tus visitantes “aterricen” después de hacer clic en un enlace o anuncio.

¿Cómo es una landing page efectiva?

Profundicemos un poco más en lo que hace que una página de aterrizaje sea efectiva. Si tu página de aterrizaje va a convertir visitantes, debe tener al menos estos tres elementos:
  • En encabezado. Esto atraerá la atención de tus visitantes. Debe ser corto y directo.
  • Un subencabezado. Se trata de un fragmento de texto en el que explicas a tus visitantes cómo puedes ayudarles. Aunque aquí tienes un poco más de espacio para elaborar tu encabezado, tu subtítulo también debe ser corto y atractivo.
  • Un CTA. Se trata del llamado a la acción o “call to action” en inglés. Es el botón que quieres que pulsen tus visitantes. Así de sencillo.
Técnicamente, eso es todo lo que necesitas para crear una página de aterrizaje. Pero terminarías con algo parecido a esto:

Boring Landing Page
Esto podría atraer a algunos fanáticos del minimalismo, pero no me arriesgaría
1
Si quieres crear una página de aterrizaje efectiva, hay algunas otras cosas que debes considerar:
  • La navegación debe ser poca o nula. Una landing page efectiva debe hacer todo lo posible para llamar la atención hacia tu CTA. Otros elementos de navegación podrían distraer la atención de tu CTA, lo que en última instancia te haría perder clientes potenciales. Aunque hay páginas de aterrizaje efectivas que incluyen elementos de navegación (me viene a la mente DoorDash), trata de mantenerlos al mínimo.
  • Incluye elementos visuales interesantes. No querrás llenar tu página de texto, pero tienes que hacerla atractiva de alguna manera. Las imágenes de alta calidad son una forma estupenda de aumentar el interés por tu servicio. Puntos extra si puedes incluir un vídeo.
  • Incluye una prueba de popularidad. ¿Has recibido algún comentario positivo? No dudes en compartirlo en tu landing page. Los seres humanos son criaturas sociales. Si tus visitantes ven que otros recomiendan lo que ofreces, es más probable que se interesen.
  • Hazla interactiva (si corresponde). Hacer que los visitantes interactúen con tu sitio puede ser una forma efectiva de aumentar su interés. Los concursos, las barras móviles y los minijuegos son excelentes para animar a los visitantes a hacer clic. Sin embargo, asegúrate de que los elementos interactivos estén realmente relacionados con lo que ofreces. De lo contrario, corres el riesgo de molestar a tus visitantes.
  • Conoce a tu audiencia. ¿Qué ofreces? ¿Es elegante? ¿Enérgico? ¿Es tendencia? Una revista de juegos podría sacarle provecho a un minijuego en el navegador. Una tienda de velas podría tener un pequeño cuestionario que ayude a los visitantes a encontrar la vela ideal. Todo, desde los tipos de letra hasta los colores de fondo, debe atraer a tu público objetivo.
Si quieres explorar más detalles, puedes leer nuestra extensa guía para crear una landing page fantástica. Ahora es tiempo de ponerte a trabajar.

Método 1 – Utiliza un generador de páginas de WP

Antes de empezar, tenemos que tener en claro la diferencia entre WordPress.com y WordPress.org.

WordPress.org es una plataforma de código abierto para crear y gestionar sitios web. Puede que hayas oído que aproximadamente un tercio de los sitios web funcionan con WordPress. Eso es exactamente así.

Para utilizar WordPress.org, necesitas un proveedor de alojamiento web y un nombre de dominio. Pero no te preocupes, esto parece más complicado de lo que es.

WordPress.com es la versión de WordPress que viene con su propio alojamiento. Comparado con WordPress.org, es mucho más parecido a un creador de páginas web tradicional. Esto significa que es más fácil de administrar, pero también más limitado. Ten en cuenta que ambos editores están disponibles en español.

Empecemos por crear una landing page con WordPress.org. Si sólo estás interesado en usar WordPress.com, puedes saltarte esta parte.

Paso #1: Consigue un Hosting

Antes de empezar, necesitarás un proveedor de hosting donde puedas instalar WordPress y un editor de páginas web. Si ya utilizas uno para tu sitio principal o tienda online, sigue con él; no hay razón para complicar las cosas. Si aún no tienes un proveedor de alojamiento, te sugiero que leas nuestra reseña de los mejores proveedores de hosting 2024.

El proceso de instalación de WordPress variará dependiendo de tu proveedor, pero no debería ser muy complicado con ninguno. Para mi página elegí Hostinger. Hostinger se ha especializado en planes de alojamiento para WordPress1, así que solo tuve que crear una cuenta y seguir las instrucciones para la autoinstalación.

1
Hostinger-logo-primary

¡Ahorra hasta un 75 % en tu plan de Hostinger!

Oferta por tiempo limitado: ¡No se la pierda!

13781 usuarios han usado este cupón

Paso #2: Instala tu editor de páginas

Ahora que tienes el proveedor de alojamiento adecuado, es el momento de instalar el editor web. Solo tienes que ir a tu panel de control de WordPress, dirigirte a Plugins, y hacer clic en “Añadir nuevo”.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__
¿Por qué quedarte solo con los editores web? Hay muchos otros excelentes plugins esperando a ser descubiertos
1
Si ya has descargado un archivo .zip para tu editor, sólo tienes que cargarlo. Si no, puedes buscar tu editor preferido en la barra de “búsqueda de plugins” y hacer clic en el botón “Instalar ahora”.

Yo usé Elementor para mi landing page, pero los pasos son muy similares cualquiera sea tu editor web. Si no sabes qué editor usar, puedes echar un vistazo a algunos de mis favoritos más abajo.

Sea cual sea el editor que elijas, juega un poco con él antes de empezar. Mira tutoriales en YouTube, crea páginas de prueba, etc. Querrás sentirte cómodo con la interfaz de tu editor y sus funciones antes de meterte de lleno.

Paso #3: Haz un boceto de tu página

Si no tienes una imagen clara de lo que quieres, podrías acabar fácilmente con una landing page desordenada y sin idea de cómo arreglarla. Por eso es importante tener un plan.

Comienza haciendo un modelo de prueba de tu landing page. No hay reglas para esta parte. Puedes diseñarla en Photoshop, MS Paint o dibujarla en una servilleta. Lo único que importa es que sea lo suficientemente claro para trabajar.

Si no sabes por dónde empezar, no está de más consultar ejemplos de excelentes páginas de aterrizaje en tu nicho. Piensa en tu marca, tu estilo y a quién te diriges. Para este ejemplo, decidí diseñar una landing page para una librería por suscripción que envía sugerencias personalizadas cada mes. Además de lo básico, decidí incluir un cuestionario que recomienda nuevos libros al usuario.

Paso #4: Elige la plantilla perfecta

Ya has elegido un proveedor de alojamiento, has instalado WordPress y has puesto en marcha tu editor de páginas. Estás listo para empezar con la parte divertida, ¿verdad?

Casi. Todavía tienes que elegir una plantilla. Por supuesto, podrías partir de una página en blanco y empezar a construir desde ahí, pero la cantidad de decisiones de diseño minuciosas que tendrás que tomar – cosas como fuentes, colores, animaciones y diseños de fondo – podría sorprenderte. Cuanto más se ajuste una plantilla existente a tu diseño ideal, menos trabajo tendrás que hacer para darle vida a tu visión.

Elementor Landing Template
Esta plantilla no era exactamente lo que yo quería, pero la estructura está allí
1
WordPress.org tiene una enorme galería de plantillas para elegir. Tu editor web también podría venir con una variedad de opciones incorporadas. Si te sientes abrumado, nuestra lista de las mejores plantillas de landing page2024 puede ayudarte.

Empecé con el tema Online Life Coach de Elementor. Aunque lo adapté para un propósito diferente (pregúntale a cualquiera, no estoy en posición de decirte cómo vivir tu vida), sus tipografías elegantes y sus elementos ordenados me dieron un gran punto de partida.

Paso #5: Personaliza tu página

El proceso exacto de personalización de una landing page será diferente para todos. En mi caso, me gusta comenzar con los aspectos generales y avanzar hacia los elementos específicos.

Para editar con Elementor, simplemente ve a tu panel de control de WordPress, crea una nueva página y elige “editar con Elementor”. Verás un menú con varias opciones de widgets. Haz clic en el menú hamburguesa de la parte superior izquierda (son las tres líneas horizontales) y luego en “Configuración del sitio”. Aquí, puedes personalizar los aspectos más generales de tu página, como la tipografía global, el color del fondo, entre otros.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__ (1)
Utiliza la configuración del sitio para modificar las líneas generales de tu sitio
1
Cuando hayas terminado, haz clic en los cuadraditos de la parte superior derecha del menú. Verás una serie de widgets que puedes añadir a tu sitio. Los widgets básicos incluyen cosas como texto, imágenes y vídeos. Yo decidí actualizar mi plan a Elementor Pro para desbloquear más widgets interesantes como titulares animados y galerías multimedia.

De cualquier manera, puedes simplemente arrastrar y soltar cualquier widget hasta donde quieras que aparezca en tu página. A continuación, puedes hacer clic en tu widget para que aparezca el menú de widgets. Dependiendo del widget, puedes personalizar cosas como el color, los bordes e incluso las animaciones.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__ (2)
Dependiendo de tu plan, puedes incluso editar el código personalizado de tus widgets
1
Para mi propia página, empecé por cambiar los colores del fondo y eliminé los elementos innecesarios de mi plantilla. A continuación, edité mi encabezado, subencabezado y creé un espacio en el que podía añadir un cuestionario.

Quería que mi landing page fuera lo más sencilla posible, así que eliminé la mayoría de los elementos desplazables de la página. Sólo mantuve los elementos prefabricados para la prueba social y una pequeña sección “Sobre nosotros”, que modifiqué para que coincidiera con el estilo que quería.

Landing Page Editing
Empezar con una plantilla bien estructurada me ayudó a personalizar mi diseño.
1
El cuestionario me llevó un poco más. Por suerte, Elementor viene con un widget de formulario incorporado, así que fue bastante sencillo. Si utilizas otro editor web, encontrarás un montón de plugins de formularios que puedes instalar en tu página.

Page Builder Landing Page
Hacer mi página resultó rápido y fácil. No puedo decir lo mismo de las falsas portadas de libros.
1

Los mejores editores web para Landing Pages

Hay muchos (y digo muchos) editores de páginas para WordPress. Incluso una lista de los mejores ocuparía demasiado espacio. Lo que puedo hacer es darte un vistazo rápido a mis favoritos.

Elementor

Elementor Homepage
Elementor te ofrece una enorme variedad de plantillas para elegir
1
Elementor es uno de los editores de páginas más populares para WordPress, y por una buena razón. Elementor ofrece edición poderosa con solo arrastrar y soltar, y es gratis1. Hay una curva de aprendizaje para dominar sus características más interesantes, pero Elementor es extremadamente potente una vez que te acostumbras a él. Algunas de sus mejores características para las páginas de aterrizaje son:
  • Montones de temas de terceros. Hay miles de temas compatibles con Elementor en la web. Esto incluye un montón de temas estupendos para páginas de aterrizaje que se adaptan a todos los presupuestos.
  • Funcionalidad escalable. El plan gratuito de Elementor no es nada del otro mundo. Sin embargo, si buscas aún más funcionalidad, los planes Pro y Expert tienen un precio razonable y ofrecen características fantásticas como el editor de temas y un editor de popups avanzado.
  • Edición personalizada de CSS. A partir del plan Pro, puedes editar casi todas las partes de tu sitio web con código personalizado. Necesitarás un poco de conocimientos técnicos, pero las posibilidades son infinitas.

Divi

Divi Homepage
El editor intuitivo de Divi te da una gran capacidad de control creativo
1
Divi de Elegant Themes es una opción flexible1 para editar todo tipo de sitios. El editor de módulos es increíblemente fácil de usar, a pesar de la enorme variedad de opciones de personalización que ofrece. Y si prefieres la edición del backend, Divi también lo admite.

Algunas de las mejores características de Divi son:
  • El editor de módulos. Si quieres editar un elemento, sólo tienes que hacer clic en él. Las distintas opciones de personalización aparecerán entonces directamente sobre el elemento.
  • Fantásticos paquetes de diseño. Divi ofrece más de 250 paquetes de plantillas (llamados paquetes de diseño) para ayudarte a crear cualquier tipo de página.
  • Muy fácil de usar. Hay muy pocos editores de páginas tan fáciles de usar como Divi.

SeedProd

SeedProd Homepage
SeedProd es un editor de páginas diseñado específicamente para landing pages
SeedProd es el único editor de páginas en esta lista que está diseñado específicamente para páginas de aterrizaje. No tiene casi ninguna curva de aprendizaje, y los resultados son impresionantes. Es ideal si buscas una versión de Elementor más centrada en las páginas de aterrizaje, ya que las interfaces de ambos editores son bastante similares.

SeedProd ofrece características geniales como:
  • Edición súper rápida. Gracias al diseño simple y a los widgets responsivos, sólo toma un par de minutos crear una impresionante landing page con SeedProd.
  • Plantillas de alta calidad. SeedProd ofrece hasta 180+ plantillas de alta calidad y muy personalizables, dependiendo de tu plan.
  • Gestión de suscriptores. Las herramientas de gestión de suscriptores de SeedProd te permiten hacer un seguimiento del crecimiento de los suscriptores y te ofrecen datos visuales sobre su número.

Beaver Builder

BeaverBuilder Homepage
Beaver Builder es un editor simple pero poderoso para landing pages.
Beaver Builder es un editor de páginas simple, basado en módulos. Aunque se centra en la creación de páginas para sitios web de agencias, su interfaz fácil de usar y su amplia variedad de plantillas hacen que cualquiera pueda utilizarlo.

Beaver Builder ofrece:
  • Edición con altísima respuesta. Cuando realizas cambios en tu sitio web, prácticamente no hay retraso en el editor.
  • Edición sencilla de botones. Beaver Builder ofrece todas las herramientas que podrías necesitar para afinar un botón clicable (un elemento especialmente importante en la mayoría de las páginas de aterrizaje).
  • Enorme centro de atención. Si alguna vez pierdes el rumbo, Beaver Builder te ofrece cientos de videotutoriales para ayudarte a retomar el camino.

Método 2 – Usar el editor WordPress Gutenberg

Si usas WordPress.com, necesitarás el plan Pro para instalar un editor de páginas (o cualquier otro plugin). Además, la mayoría de los editores guardan sus mejores características para los planes de pago, por lo que los costes pueden acumularse rápidamente.

La buena noticia es que todos los planes de WordPress vienen con el editor Gutenberg, un sencillo editor de bloque para crear páginas web con facilidad. Aunque es más limitado que muchos otros constructores, puedes utilizarlo para crear una página de aterrizaje efectiva, y por poco o nada de dinero. Se hace de esta manera:

Paso #1: Crea una cuenta en WordPress.com

Screenshot_6
WordPress.com es popular por una razón
1
Para empezar, solo tienes que ir a WordPress.com y hacer clic en “comenzar.” Tendrás que introducir tu nombre, tu correo electrónico y crear una contraseña.

1
wordpress-logo-alt-2

¡Ahorra hasta un 55 % en tu plan de WordPress.com!

Oferta por tiempo limitado: ¡No se la pierda!

5056 usuarios han usado este cupón
Elige un dominio y luego un plan. Te sugiero que empieces con las opciones gratuitas para ambos – podrás subir de categoría más adelante. Por último, tendrás que elegir un tema. Selecciona el que está en blanco por ahora (volveremos a esto más tarde).

Paso #2: Planifica tu Landing Page

El consejo es prácticamente igual al anterior, excepto que ahora debes considerar las limitaciones del editor Gutenberg cuando planifiques tu diseño. No planees una página con animaciones complejas y fondos dinámicos y… no sé, ¿efectos de partículas? Con Gutenberg, tendrás que conformarte con lo básico.

Sin embargo, no dejes que esto te desanime. Una buena página de aterrizaje no necesita un montón de elementos extravagantes. Solo necesitas un fuerte CTA y una identidad que te diferencia.

Paso #3: Elige tu tema

Ahora que tienes una hoja de ruta para tu página, es el momento de elegir un tema. Ve a tu panel de WordPress.com, haz clic en Apariencia y luego en Temas.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__ (3)
WordPress.com ofrece cientos de temas simples pero bien diseñados
1
Elige el que mejor se adapte al diseño que tienes en mente. Los temas de WordPress.com están diseñados para diferentes propósitos. En lugar de centrarte en los colores y los estilos de texto (siempre puedes cambiarlos más adelante), busca un tema que esté optimizado para tu estructura ideal.

Paso #4: Familiarízate con Gutenberg

Cuando empieces a editar tu sitio por primera vez, WordPress.com te ofrecerá un tour rápido del editor Gutenberg. Esta es una buena oportunidad para repasar los fundamentos. También te recomiendo fuertemente que juegues un poco antes de empezar a crear tu página. Intenta añadir y quitar bloques, sólo para ver lo que hacen.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__ (4)
Gutenberg viene con una guía muy útil para aprender los aspectos básicos
1
Para personalizar tu página, dirígete a tu panel de control, Apariencia, y luego Editor. Ahí puedes empezar a añadir y modificar diferentes bloques para adaptarlos a tus necesidades. Para cambiar aspectos más generales de la apariencia de tu sitio, como el color de fondo, el diseño del encabezado y las tipografías, haz clic en el botón “estilos” de la esquina superior derecha. Lo que puedas y no puedas personalizar dependerá del tema que hayas elegido.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__ (5)
El tema “Twenty Twenty” tenía exactamente las opciones de diseño que yo necesitaba
1

Paso #5: Edita tu página

WordPress.com separa los bloques en diferentes categorías, como multimedia, texto y diseño. Los bloques de diseño son especialmente útiles ya que te permiten editar el diseño básico de tu sitio. Separar tu sitio en columnas, grupos y espacios personalizados puede ayudarte a crear un diseño cohesivo. Si necesitas añadir un elemento, simplemente dirígete a la esquina superior izquierda y haz clic en el signo más.

WordPress.com ofrece una amplia gama de bloques básicos, pero las mejores herramientas serán las que permiten añadir y personalizar títulos, imágenes y párrafos.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__ (6)
Usa bloques diferentes para darle un toque único a tu landing page
1
Si necesitas personalizar un bloque, haz clic en el botón “Opciones” (que se muestra como tres puntos) que aparece en su parte superior derecha y haz clic en “Mostrar más ajustes”. Dependiendo del bloque, esto te dará diferentes opciones de personalización que puedes utilizar para modificar su diseño.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__ (12)
Haz clic en “mostrar más ajustes” encima de un elemento para ver más opciones de diseño
1
También puedes usar lo que WordPress.com llama “Patrones.” Los patrones son colecciones predefinidas de bloques que puedes utilizar para añadir características comunes a tu página. Hay patrones para insertar CTA, bloques de contacto, secciones “sobre nosotros” y más.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__ (8)
Usa los Patrones para simplificar el proceso de diseño
1
Consejo Pro. Una estructura sencilla puede hacer maravillas siempre que se cuente con un buen material visual. Un diseñador profesional puede crear logotipos, fondos y otros elementos increíbles para ti. Con Fiverr, puedes encontrar diseñadores con mucha experiencia a un precio accesible1.
Guttenberg no es el editor web más receptivo, así que asegúrate de previsualizar tu sitio de vez en cuando. Una vez que estés contento con tu página, haz clic en “Guardar”. Luego, dirígete a configuración, general, y haz clic en “Lanzar el sitio”. Eso es todo. Tu landing page está ahora en vivo para que el mundo la vea.

WordPress.com Landing Page
Los elementos visuales bonitos hacen gran parte del trabajo pesado de una landing page
1

Método 3 (Extra) – Deja WordPress y elige una solución más sencilla

Oye, tengo una pregunta. ¿Exactamente por qué quieres usar WordPress? No me malinterpretes, WordPress es una plataforma fantástica con mucho que ofrecer, pero no es la única manera de crear una landing page.

Hay muchos editores de sitios web que te permitirán crear una página de aterrizaje eficaz en la mitad de tiempo. Y si bien es cierto que no pueden igualar a WordPress en términos de escalabilidad, para una landing page, no tienen por qué hacerlo.

Así que, como extra, aquí tienes una guía rápida para crear una landing page utilizando un editor web.

Paso #1: Elige un editor web

El mejor editor de páginas web para ti dependerá de lo que necesite en términos de características, facilidad de uso y flexibilidad de diseño.

Para las páginas de aterrizaje, las opciones que más recomiendo son:
  • Wix. Wix brinda una increíble flexibilidad para el diseño gracias a su editor gratuito con el que puedes arrastrar y soltar1. Es muy fácil de usar, por lo que sólo se tarda un par de minutos en acostumbrarse. Además, incluye un montón de animaciones y elementos prefabricados que puedes utilizar para animar tu página.
  • SITE123. SITE123 es uno de los editores web más sencillos1 que existen. Con SITE123, cualquiera puede crear una página de aterrizaje en cuestión de minutos, independientemente de su experiencia. También se adapta a los dispositivos móviles, por lo que puedes estar seguro de que tu página se verá tan bien en el móvil como en el escritorio.
  • Squarespace. Squarespace es una opción fantástica para páginas que enfatizan lo visual, llaman la atención sobre elementos específicos y consiguen interacciones. Podría haber dicho simplemente landing pages. Te recomiendo Squarespace1 si quieres un diseño elegante pero dinámico que mayormente explique todo por ti.
Yo usé Wix para crear mi propia landing page, pero los pasos son similares para todos los editores.

Paso #2: Planifica tu diseño y elige una plantilla

Sí, esto otra vez. No voy a entrar en muchos detalles porque los pasos son básicamente los mismos que antes. Planifica de antemano la estructura de tu página y luego elige una plantilla que se acerque a ella. Wix tiene una biblioteca de más de 800 plantillas de alta calidad (35 están hechas específicamente para páginas de aterrizaje), por lo que no debería ser demasiado difícil encontrar la base perfecta para tu diseño.

Wix Creative Conference
Creative conference de Wix anuncia el tipo de evento del que querrás saber más
1
Los editores de sitios web ofrecen mucha más libertad de diseño que el editor Gutenberg. Algunos incluso ofrecen editores de landing page dedicados. También son mucho más fáciles de usar. El editor de arrastrar y soltar de Wix, por ejemplo, hace que sea fácil cambiar el aspecto y la funcionalidad de tu plantilla tanto como quieras.

Paso #3: Empieza a editar

Empieza por cambiar los colores y la tipografía de tu tema al estilo que más te convenga. Para ello, simplemente dirígete al menú de la izquierda y haz clic en “diseño del sitio”. Aquí puedes empezar a eliminar los elementos que no necesites y añadir otros nuevos.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__ (9)
Prueba diferentes diseños para conseguir algo que encaje con tu estilo
1
Para navegar por los elementos, basta con hacer clic en el signo más de la parte superior izquierda. Wix ofrece más de 20 categorías de elementos, que van desde texto y elementos decorativos hasta funciones de tienda y una herramienta de blogging. Para añadir un elemento, simplemente haz clic en él y suéltalo donde quieras en la página.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__ (10)
Con Wix puedes añadir fácilmente elementos nuevos e interesantes a tu página
1
Te sugiero que aproveches al máximo la gran variedad de efectos dinámicos que ofrece Wix, como animaciones y transiciones. Son una manera estupenda de añadir interés visual a tu página y mantener la atención de los visitantes.

Para editar las propiedades de un elemento, basta con hacer clic en él. Dependiendo del elemento, verás que aparecen botones para diferentes menús. En estos menús, puedes hacer cosas como editar el contenido, añadir animaciones personalizadas y mucho más.

Copy of Copy for Translation_ How to Build a Landing Page in WordPress __IMAGES__ (11)
Sigue modificando tu página hasta que cada elemento tenga el aspecto que deseas
1
Recuerda previsualizar las diferentes versiones de tu página para asegurarte de que funcione bien tanto en móvil como en escritorio. Con unos pocos ajustes, tendrás una landing page impresionante en un abrir y cerrar de ojos.

Wix Landing Page
Es una “landing page,” ¿entiendes?
1

Paso #4: Publica tu página

Para publicar tu página, tendrás que registrar un dominio para ella, incluso si es sólo la versión gratuita proporcionada por Wix. Sin embargo, no te preocupes, la mayoría de los editores de páginas vienen con un registro de dominio integrado que facilita la puesta en línea de tu sitio.

1
wix-logo-alt

¡Wix cuesta ahora tan solo $17.00 al mes!

¡No te pierdas esta gran oferta!

7463 usuarios han usado este cupón

La magia de una Landing Page genial

Las páginas de aterrizaje son como la magia. Requieren mucho menos esfuerzo para hacerlas que un sitio normal, y sin embargo pueden aumentar tu éxito (como quiera que lo definas) enormemente. Ahora, puedes empezar a crear tu landing page y aumentar tus clientes potenciales.

Un editor de páginas es una buena manera de crear una página de aterrizaje en WordPress. Los editores de páginas te dan una increíble libertad creativa, aunque pueden requerir una cierta curva de aprendizaje. De los editores disponibles, te recomiendo Elementor1. Sus funciones de arrastrar y soltar lo convierten en una opción potente pero fácil de usar.

Si no quieres lidiar con el hosting, puedes usar WordPress.com1. El editor Gutenberg puede ayudarte a crear landing pages baratas y efectivas, pero ten en cuenta que no tiene tantas funciones de personalización como la mayoría de los editores de páginas dedicados.

Otra opción es utilizar un editor de sitios web. Los editores web te ofrecen opciones de personalización avanzadas y son fáciles de usar. De todas las opciones disponibles, Wix es mi favorita1. Ofrece más libertad de diseño que casi cualquier otro editor a la vez que es muy intuitivo, incluso si no tienes experiencia.

Preguntas frecuentes

¿Qué es una landing page?

Una landing page o página de aterrizaje es una página web especializada diseñada para que los visitantes realicen algún tipo de acción. Puede ser la compra de un producto o servicio, la suscripción a un boletín de noticias, un clic en otro sitio o cualquier otra cosa. Para aumentar las posibilidades de que los visitantes realicen la acción deseada, una landing page suele tener poca o ninguna navegación, un texto claro y conciso y un llamado a la acción prominente.

Si quieres crear una página de aterrizaje, debes conocer los fundamentos del diseño de sitios web. Para más información, consulta nuestra guía completa para crear un sitio web 2024.

¿Cómo crear una landing page en WordPress?

Depende de qué versión de WordPress estés usando.

Si utilizas WordPress.org, el mejor método es instalar un editor de páginas y empezar a modificar una plantilla. Para ello, tendrás que contratar a tu propio proveedor de alojamiento. Si no sabes cuál elegir, siempre puedes consultar nuestra guía de los mejores proveedores de hosting para WordPress 2024.

Si utilizas WordPress.com, lo único que tienes que hacer es crear una cuenta, elegir un tema y editarlo desde allí.

¿Cuál es el mejor editor de páginas para WordPress?

Esto variará de una persona a otra. Personalmente, me gustan Divi y Elementor, ya que ofrecen edición en tiempo real y muchas opciones de personalización. Por ejemplo, Elementor ofrece edición intuitiva con función de arrastrar y soltar y un montón de Widgets interesantes que puedes utilizar para llamar la atención de tus visitantes.

Divi, por otra parte, te ofrece herramientas increíbles para personalizar tu página, y te permite gestionar todos los aspectos importantes de tu sitio desde un único panel de control. Eso sí, la curva de aprendizaje es más pronunciada.

¿Se puede crear una landing page gratis?

Puedes crear una página de aterrizaje gratis usando WordPress.com. Solo tienes que tener en cuenta que la versión gratuita de su editor Gutenberg es bastante limitada en cuanto a la libertad de diseño.

Otra opción es usar un creador de sitios web. El plan gratuito de Wix te permitirá crear una página de aterrizaje sin coste alguno, a la vez que te ofrece muchas más funciones para personalizar tu página y atraer a tus visitantes. Pero Wix no es la única opción. Muchos otros editores de sitios web te permitirán crear una landing page de forma gratuita (o muy barata). Si no sabes por dónde empezar, echa un vistazo a nuestra reseña de los mejores editores de sitios web 2024.

Puntúa este artículo
4.7 Votado por 3 usuarios
¡Ya has votado! Deshacer
Este campo es obligatorio Maximal length of comment is equal 80000 chars La extensión mínima del comentario es de 10 caracteres
¿Algún comentario?
Responder
Mira %s respuestas
View %s reply
Publicaciones relacionadas
Mostrar más publicaciones relacionadas
Comprobamos todos los comentarios de los usuarios en un plazo de 48 horas para asegurarnos de que todos son de personas reales como tú. Nos alegra que este artículo te haya resultado útil; apreciaríamos que se lo mostraras a otras personas.
Popup final window
Comparte esta publicación del blog con tus amigos y compañeros enseguida:

We check all comments within 48 hours to make sure they're from real users like you. In the meantime, you can share your comment with others to let more people know what you think.

Una vez al mes, recibirás consejos y trucos interesantes y perspicaces para mejorar el rendimiento de tu sitio web y alcanzar tus objetivos de marketing digital.

¡Nos alegra que te haya gustado!

¡Compártelo con tus amigos!

1 1 1

O recomiéndanos en 1

2677797
50
5000
44106016