Ú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

How to Create a Landing Page in WordPress with SeedProd 

Escrito por: avatar de autor Stacey Corrin
avatar 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: reviewer avatar Turner John
reviewer avatar Turner John
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.

I often create landing pages for our WordPress website, so I know a few things about making pages that convert.

While there are many ways to build them in WordPress, I’ve found the easiest solution is to use a page builder like SeedProd. It has hundreds of high-converting templates and features that make the overall page-building experience easy.

And, in this guide, I’ll walk you through creating a landing page in WordPress step by step.

How to Create a Landing Page in WordPress using SeedProd:

¿Qué es una página de aterrizaje?

A landing page is a single web page that people visit after clicking a link in an ad or email. Its main purpose is to get leads, increase sales, test interest in a product, or offer content like e-books. Unlike regular web pages, landing pages focus on one campaign goal and aren’t in the website’s main menu.

Why Build a Landing Page Using SeedProd?

While you don’t technically need a WordPress landing page plugin to build your page, using one is always my first choice. But what makes SeedProd stand out from the other options available?

SeedProd Arrastrar y soltar WordPress constructor de sitios web

SeedProd is a popular choice for building landing pages, and for good reason. First off, it’s fast. Really fast. Independent tests show SeedProd pages loading in under a second, which is crucial because slow pages lose visitors and sales. This speed advantage gives you a head start.

But SeedProd is more than just fast. It’s also packed with tools to boost your conversions. Features like countdown timers (proven to be effective – one company saw a 300% increase in conversions using them) are built-in and ready to go.

And the best part? Building your pages is incredibly easy. You don’t need any coding skills. The drag-and-drop system and pre-built templates make designing a professional-looking landing page (or even a whole website) a breeze.

custom WordPress website made using SeedProd

I built my entire site with SeedProd without writing a single line of code.

So, let’s jump right into the steps for creating a landing page in WordPress:

Paso 1. Instalar SeedProd Instalar SeedProd Landing Page Plugin

Click here to get started with SeedProd and quickly download the plugin. In just a few clicks, you’ll have it installed on your WordPress site.

If you’d like a walkthrough, we have a guide on installing SeedProd.

Note: While there’s a free version available, this tutorial will focus on the Pro version, which provides access to advanced features like premium templates and powerful integrations.

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 to jumpstart your design process. Whether you need a landing page for sales, lead generation, webinar registrations, or a custom project, there’s a template to match your goals.

Elija una plantilla de página de destino de WordPress

These fully customizable templates eliminate the need for design experience, allowing you to create a professional-looking landing page with ease.

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

Paso 3. Personalice la plantilla de su página de destino

After creating your new page, you’ll see the visual drag-and-drop page builder. This makes it simple to customize your landing page’s layout and content.

Drag and drop elements like headlines, images, buttons, and more directly onto the page. No coding required.

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

You’ll find a variety of blocks in the sidebar, each with customizable options to match your brand.

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.

Need to boost conversions? The Advanced blocks have you covered, with options for lead generation forms, countdown timers, testimonials, and more.

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

Adding Landing Page Sections

Want to create entire sections quickly? SeedProd offers pre-made layouts for headers, hero areas, FAQs, and more, giving you a head start on your design. 

SeedProd WordPress secciones de la página de destino

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

To maintain a consistent look and feel across your landing page, use the global styling options to easily control colors, fonts, and background images.

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

Remember to save your changes during the design process by clicking the Save button at the top-right corner.

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

Step 4: Connect Your Email Marketing Service

Seamlessly grow your email list by integrating your favorite marketing tools.

Connect to popular email providers like Constant Contact, GetResponse, Mailchimp, ActiveCampaign, and more, ensuring every lead captured through your landing page goes straight to your email list.

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

Next, take control of your landing page’s performance with easy-to-use settings.

configure su página de destino

Adjust SEO settings to boost your page’s visibility in search results, ensuring more potential customers can find you. You can also connect to analytics platforms to track your landing page’s effectiveness.

For advanced users, there are options for custom header, body, and footer scripts, giving you full control over your page’s functionality.

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.

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.

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.