Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

cómo crear una página de aterrizaje en wordpress

Cómo crear una página de aterrizaje en WordPress rápidamente (sin código) 

Escrito por: imagen de autor Stacey Corrin
imagen de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: John Turner
imagen del revisor John Turner
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

WordPress landing pages are ideal for marketing products and services. They get visitors to take action, generating leads and sales for your business. But how exactly do you build one? In this guide I’ll show you how to create a landing page in WordPress step-by-step.

What Is a Landing Page & Why Build One?

Landing pages are web pages that focus on getting visitors to take a specific action. Visitors can “land” on your page from a social media post, Google search results, an email link, and almost anywhere else.

Unlike your website’s homepage, which typically serves multiple purposes, a landing page focuses on one goal, making it a more effective conversion tool.

You can even tailor landing pages to individual audiences instead of having the same page for everyone.

Suppose you have a Google ad for cat food. In this instance, you wouldn’t send traffic to a generic page about pets. You’d send it to a landing page all about your cat food.

Creating a page targeting specific users can help you gain more subscribers, improve conversions, and be more successful overall.

With that being said, let’s look at 2 easy ways to create a landing page in WordPress.

Method 1. Create a Landing Page Using SeedProd (Easiest)

He encontrado que la forma más fácil de construir una página de aterrizaje es con un plugin de WordPress para páginas de aterrizaje como SeedProd. Es mi opción favorita porque SeedProd te permite crear páginas de aterrizaje de alta conversión sin escribir código manualmente.

SeedProd Arrastrar y soltar WordPress constructor de sitios web

It also has built-in coming soon and maintenance modes, a drag-and-drop page builder with live preview, and works seamlessly with your current WordPress theme.

Crear un diseño de página de destino profesional es fácil con las plantillas de página de destino de SeedProd. Con la integración de WooCommerce, incluso puede hacer páginas de productos de comercio electrónico para aumentar los ingresos.

Siga estos pasos para crear una página de aterrizaje en WordPress con el constructor de páginas de SeedProd.

Paso 1. Instalar SeedProd Instalar SeedProd Landing Page Plugin

En primer lugar, haga clic aquí para empezar con SeedProd y descargar el plugin constructor de página en su ordenador. A continuación, cárguelo y actívelo en su sitio web WordPress.

If you need help with this step, follow this guide for installing SeedProd.

Nota: Existe una versión gratuita de SeedProd que te permite crear una página de aterrizaje gratis, pero yo utilizaré la versión Pro porque tiene más plantillas y bloques.

After activating the plugin, navigate to SeedProd » Landing Pages from your WordPress dashboard and click the Add New Landing Page button.

añadir nueva página de destino SeedProd

Paso 2. Elija una plantilla de página de destino

On the next page, you can choose a landing page template. With these templates, you can build stunning landing pages without any coding experience.

Click the filters along the top to make your choice easier. For example, a webinar registration page template is the perfect choice if you plan to collect leads for a webinar.

Elija una plantilla de página de destino de WordPress

También puede seleccionar la plantilla en blanco para crear y diseñar su propia página en el editor visual.

Para este tutorial, elegiré la plantilla Newsletter Squeeze Page. Para utilizarla, pasa el ratón por encima de la plantilla y haz clic en el icono de la marca.

Elija y lance su plantilla de página de destino

A continuación, aparecerá una ventana emergente en la que podrás asignar un nombre y una URL personalizada a tu página. A continuación, haz clic en el botón Guardar y empezar a editar la página para cargar tu plantilla en el constructor de arrastrar y soltar.

asigne un nombre y una URL personalizada a su página de inicio de wordpress

Tercer paso. Diseñar una página de destino que convierta

Después de crear tu nueva página, verás el constructor visual de páginas de arrastrar y soltar. Ahí es donde puedes elegir el diseño de tu página y añadir el contenido de tu página de destino. Estos elementos incluyen Bloques y Secciones, que puedes encontrar en la Barra Lateral.

Personaliza tu página de inicio de WordPress con el constructor de páginas visual de arrastrar y soltar.

Para añadirlos a su página, arrástrelos desde el panel de la izquierda a la vista previa de la página en vivo de la derecha. También puedes hacer clic en cualquier elemento para ver varias opciones de personalización.

Por ejemplo, si haces clic en el bloque Botón para abrir la configuración, verás varios estilos de plantilla, colores, degradados y contornos.

Elija plantillas para los elementos de contenido de su página de destino en WordPress

The Advanced tab also allows you to change the block’s content, size, alignment, color, and typography.

Además, hay bloques avanzados que son ideales para generar clientes potenciales.

Añadir bloques de página de destino centrados en la conversión en WordPress

Incluyen formularios de registro, formularios de contacto, formularios de inicio de sesión, enlaces de anclaje, bloques de WooCommerce y mucho más.

También puede mostrar la prueba social y crear urgencia en su página con:

  • Temporizadores de cuenta atrás
  • Clasificación por estrellas
  • Testimonios
  • Barras de progreso
  • Bloqueo de redes sociales
  • Botones para compartir

Adding Landing Page Sections

La pestaña de secciones muestra una selección de diseños prefabricados en los que puede hacer clic y añadirlos a su página de destino.

SeedProd WordPress secciones de la página de destino

Eso incluye secciones para cabeceras, áreas heroicas, llamadas a la acción, preguntas frecuentes, características y pies de página.

Para añadir una sección a su página de destino, pase el ratón por encima de un ejemplo y haga clic en el icono +.

añadir una nueva sección de página de destino

SeedProd entonces inserta la sección en su página. A continuación, puede hacer clic y editar los elementos como lo haría con los bloques.

Personaliza las secciones de tu página de aterrizaje en wordpress

Customizing Global Styling Options

Para personalizar aún más su página, puede editar la configuración global de la página de destino. Solo tienes que hacer clic en el icono de engranaje de la esquina inferior izquierda del constructor para ver los ajustes globales de color, fuente, imagen de fondo y CSS personalizado.

Configuración global de la página de destino de WordPress

Por ejemplo, puede añadir un fondo de vídeo o una función de presentación de diapositivas de fondo a su página. O puede cambiar el color de fondo y dar a su página de destino una paleta de colores coherente.

configuración global del color de la página de destino

No olvide guardar sus cambios durante el proceso de diseño haciendo clic en el botón Guardar de la esquina superior derecha.

Restoring to an Older Landing Page Version

A veces, puede que necesite volver a una versión anterior de la página de destino.

Para ello, haz clic en el icono del reloj situado en la parte inferior izquierda de la pantalla. A continuación, puedes ver tu historial de revisiones y cambiar a una versión diferente.

historial de revisiones de la página de destino de wordpress

Paso 4: Integre su servicio de marketing por correo electrónico

Conectar su servicio de marketing por correo electrónico a su página le ayudará a captar clientes potenciales.

SeedProd hace esto fácil mediante la integración con herramientas populares de email marketing, herramientas de automatización y CRM. Por ejemplo, puede conectarse a Constant Contact, GetResponse, Mailchimp, ActiveCampaign y más.

integraciones de páginas de destino

También puede configurar el seguimiento de Google Analytics, la protección contra el spam y otras aplicaciones con Zapier.

Búscalo en la lista de integraciones y haz clic en Conectar para vincular tu servicio de correo electrónico.

Integre su servicio de marketing por correo electrónico en su página de destino.

A continuación, siga las instrucciones para conectarse y verificar su cuenta. Después de eso, puedes vincular todos tus formularios opt-in a tu lista de correo electrónico.

Paso 5: Configure los ajustes de su página de destino

Para el siguiente paso, haga clic en la pestaña Configuración de la página en la parte superior de la pantalla. Aquí puedes controlar los ajustes generales de la página y editar los ajustes de optimización para motores de búsqueda (SEO) y de análisis.

También puede introducir scripts personalizados de cabecera, cuerpo y pie de página y añadir un dominio personalizado.

configure su página de destino

No olvide hacer clic en Guardar para conservar los cambios.

Paso 6: Publique su página de destino en WordPress

Antes de publicar su página de destino, debería previsualizarla. De ese modo, podrá ver si se ve bien tanto en dispositivos de sobremesa como móviles.

Para previsualizar tu página, haz clic en el icono de previsualización del generador de páginas de destino. Verá una vista previa de la página móvil al instante, para que pueda desplazarse y hacer cualquier cambio. Vuelve a hacer clic en el icono para volver a la vista previa de escritorio.

previsualice su página de destino en el móvil

Si desea ver una vista previa en directo de su página, haga clic en el icono del ojo para abrir su página de destino en una nueva pestaña.

Cuando estés satisfecho con el aspecto de todo, haz clic en la flecha situada bajo el botón Guardar y haz clic en Publicar.

He aquí un ejemplo de página de aterrizaje que he creado para esta guía en mi sitio web de prueba:

Ejemplo de cómo crear una página de aterrizaje en WordPress utilizando SeedProd

Consejo de experto

Esta página de aterrizaje me llevó unos 15 minutos crearla.

Puedes hacer que ese tiempo sea aún más rápido utilizando la función Importar y Exportar de SeedProd. Te permite exportar tus diseños como un archivo .zip para que puedas reutilizarlos rápidamente para otros proyectos.

Por ejemplo, diseña una plantilla de stock y utilízala como marco para los proyectos de tus clientes para que el proceso de diseño sea más rápido.

Method 2. Creating a Landing Page Using WordPress Block Editor (Less Control)

Si prefieres una forma más sencilla de crear una página de destino, puedes utilizar el editor de bloques integrado de WordPress. También conocido como Gutenberg, tiene un enfoque basado en bloques para la creación de páginas, lo que te permite añadir, organizar y personalizar bloques visualmente.

Este método es el mejor si no quieres instalar plugins o herramientas adicionales de WordPress. Sin embargo, he descubierto que sus opciones de personalización no son tan amplias.

Antes de sumergirse en el Editor de bloques, esboce un diseño aproximado de su página de destino. Asigna los elementos clave que necesitas, como un titular, imágenes, un formulario de captación de clientes potenciales y botones de llamada a la acción (CTA).

Step 1. Create a Landing Page in WordPress

A continuación, abra el Editor de bloques creando una nueva página en WordPress.

Nueva página de WordPress con editor de bloques

Empieza a añadir bloques según tu plan de diseño. Utiliza el bloque "Párrafo" para el texto, el bloque "Imagen" para los elementos visuales y el bloque "Botón" para los CTA.

El bloque "Columnas" también es útil para crear diseños de varias columnas.

Uso del bloque de columnas en el editor de bloques de WordPress

Step 2. Customize Your Landing Page

Aproveche las opciones de personalización de cada bloque. Ajusta el tamaño, el color y la alineación para adaptarlos a tus objetivos de marca y diseño.

Opciones de personalización del Bloque de Párrafos en el Editor de Bloques de WordPress

Para elementos más dinámicos, puedes utilizar el bloque "Portada" para imágenes de fondo o el bloque "Medios y texto" para combinar texto con imágenes.

Uso del bloque de medios y texto en WordPress

También puede utilizar patrones para crear secciones enteras de su página. Los patrones que utilices dependerán de tu tema de WordPress.

Patrones en el editor de bloques de WordPress

Céntrese en el objetivo de su página de destino. Asegúrese de que la CTA es clara y convincente.

Step 3. Publish Your Page

Cuando esté satisfecho con su página de destino, haga clic en el botón Publicar para activarla. Aquí está una página de destino que hice con el editor de bloques en mi sitio web de prueba:

Ejemplo de creación de una página de aterrizaje con el editor de bloques de WordPress

How Do I Make My WordPress Homepage a Landing Page?

Si quieres que tu página de aterrizaje sea lo primero que vean los visitantes de tu sitio web, tendrás que configurarla como tu página de inicio estática.

Para ello, vaya a Ajustes " Lectura desde su panel de control de WordPress. A continuación, seleccione la opción "Una página estática" y elija la página de destino que acaba de crear en el menú desplegable.

Captura de pantalla que muestra la configuración de lectura de WordPress con una página estática configurada y la página de destino configurada como página de inicio.

No será la misma que su página de inicio habitual. En su lugar, significa que su página de destino personalizada es donde los visitantes aterrizan cuando hacen clic a través de su sitio principal de WordPress.

What Is The Best Landing Page Builder for WordPress?

While you can create landing pages using the WordPress Block Editor, I’ve found that using a landing page plugin gives you more control over the design process. Here are 3 of the best landing page plugins to get you started:

1. SeedProd

SeedProd Arrastrar y soltar WordPress constructor de sitios web

SeedProd is one of the most popular WordPress landing page plugins, and it’s easy to see why. With its beginner-friendly drag-and-drop builder and library of pre-made landing page templates, you can build beautiful and high-converting landing pages in minutes without any experience.

SeedProd comes with built-in coming soon and maintenance modes and integrates seamlessly with popular email marketing services. You can also use it to build custom WordPress themes without hiring a developer.

2. Arquitecto Thrive

Arquitecto Thrive

Thrive Architect is another powerful landing page plugin for WordPress that lets you visually create landing pages from the front end of your website.

What makes Thrive Architect stand out is its selection of conversion-focused elements. For instance, it has countdown timers, testimonials, lead generation forms, and more. It also has advanced A/B testing features that let you run split tests and improve your conversions.

3. Beaver Builder

Beaver Builder landing page plugin

Beaver Builder is a lightweight page builder plugin for WordPress. Its drag-and-drop content modules make it easy to create stunning landing pages quickly and efficiently.

It comes with a collection of awesome landing page templates available to make your life easier. These templates serve as an excellent starting point, saving you time and effort. With just a few clicks, you’ll have a beautiful landing page that looks professional and perfectly represents your brand.

For more options, please see our roundup of the best WordPress landing page plugins.

Tips for Designing High Converting Landing Pages

Before you dive into creating your landing page, here are some design tips to help your landing page convert:

  • Get straight to the point: You need to grab your visitor’s attention immediately. Don’t make them read through paragraphs of text to find out what your page is about.
  • Use effective headings: Your H1, H2, and H3 headings should draw attention to the most important information on your page. Using too many headings will dilute their impact, but using too few will leave you with a wall of text.
  • Use a simple layout: Your landing page should be easy to read and navigate. I recommend avoiding complex column layouts, image sliders, and other distracting elements. Focus on creating a clear path to your call to action.
  • Include social proof: Adding testimonials and reviews from real people is a great way to build trust and credibility. Customers want to know that others have used and enjoyed your product or service.
  • Make it mobile-first: Most people will visit your landing page using their smartphone. So, use a mobile-responsive WordPress theme and compress your images to ensure fast page loading times.

By following these tips, you can create a WordPress landing page that achieves your business goals.

    Preguntas frecuentes sobre la creación de una página de destino en WordPress

    ¿Por qué utilizar WordPress para crear una página de destino?
    Crear una página de aterrizaje con WordPress es muy popular porque es una plataforma muy utilizada, con más del 43% de todos los sitios web. Es flexible y fácil de usar, ideal para crear varios tipos de sitios web.

    Además, hay muchos plugins, incluyendo constructores de páginas, que ayudan a crear páginas de destino fácilmente. Estos creadores de páginas son fáciles de usar y no requieren conocimientos de programación. Permiten a los principiantes crear páginas de aterrizaje eficaces sin necesidad de un desarrollador.

    Algunos constructores permiten incluso crear una página de aterrizaje sin tener un sitio web completo.
    ¿Cuáles son los 5 elementos esenciales de una página de aterrizaje?
    1. 1. Titulares que llamen la atención. Los mejores titulares atraen al lector y le convencen de su oferta.

    2. Imágenes llamativas. Utilice fotos de alta calidad e imágenes principales para ilustrar su oferta. Las imágenes de caras felices y sonrientes pueden ayudar a la gente a imaginarse como clientes.

    3. Texto convincente. Asegúrate de que tu texto sea fácil de leer, con una fuente clara, y redáctalo de forma que aborde los puntos débiles de tus visitantes.

    4. Urgencia. Incluir ofertas limitadas y temporizadores de cuenta atrás en su página de destino personalizada crea urgencia. Esto obliga a los visitantes a actuar por miedo a perderse algo.

    5. Llamadas a la acción (CTA). Incluya siempre un botón de CTA en negrita para animar a los visitantes a actuar sobre la información proporcionada.

    Para obtener más consejos sobre el diseño de páginas de destino, consulte esta guía sobre la anatomía de una página de destino.
    ¿Puedo utilizar una página de aterrizaje en WordPress para mi tienda online?
    Sí, puedes utilizar una página de aterrizaje en WordPress para tu tienda online. De hecho, las páginas de aterrizaje pueden ser una forma eficaz de promocionar productos u ofertas específicas y pueden ayudar a aumentar las conversiones y las ventas. De hecho, SeedProd se integra con WooCommerce para facilitar la venta de productos.
    ¿Necesito una página de aterrizaje si tengo un sitio web?
    Aunque tenga un sitio web, debería utilizar páginas de aterrizaje para las campañas de marketing, ya que convierten el tráfico objetivo mejor que las páginas web normales.

    A continuación, optimice su página de destino

    Espero que esta guía te haya ayudado a aprender cómo crear una página de aterrizaje en WordPress. Una vez que tu página esté lista y funcionando, no olvides probarla y optimizarla para obtener los mejores resultados.

    Para ayudarle en esta tarea, puede que le resulten útiles las siguientes guías:

    Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en dejarnos un comentario con tus preguntas y comentarios.

    También puede seguirnos en YouTube, X (antes Twitter) y Facebook para obtener más contenidos útiles para hacer crecer su negocio.

    avatar de autor
    Stacey Corrin Escritor
    Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

    Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.