Últimas noticias de SeedProd

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

Cómo crear una página de destino gratuita (sin necesidad de programación)

How to Create a Free Landing Page in WordPress (No Coding Needed) 

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.

¿Quieres crear una página de aterrizaje en WordPress gratis?

Building a website is the first crucial step in marketing your brand online. But if you really want to generate more leads and sales, you’ll need a high-converting landing page. Luckily, there are plenty of free website landing page builders to make the process easier.

In this article, I’ll show you how to create a free landing page in WordPress with no coding needed.

How to Build a Landing Page in WordPress for Free:

free WordPress landing page example

Preguntas frecuentes sobre las páginas de destino

What are landing pages used for?
Landing pages help collect leads, sell products, or get sign-ups. They focus on one goal, like getting emails or downloads. A good landing page has a clear message, a strong call to action, and simple design to boost conversions.
How do landing pages work?
Landing pages help visitors take action, like signing up or buying something. They keep things simple with a clear message and a strong button to click. This makes it easier for visitors to become customers.
What is the best free page builder for WordPress?
The best free page builder for WordPress is SeedProd. It lets you drag and drop to design pages without coding. There are other good options like Beaver Builder, but SeedProd is the easiest and fastest.

What to Consider When Creating a Free Landing Page

Antes de empezar a crear su página de aterrizaje gratuita, hay algunas cosas que debe tener en cuenta, entre ellas:

  • Objetivo de la página de destino: Defina lo que quiere que consiga su página de destino y mantenga esos detalles coherentes en todo el diseño.
  • Jerarquía visual clara: Averigüe qué elementos de la página son los más importantes y haga que destaquen para animar a la gente a actuar.
  • Cree acción con las CTA: Deje muy claro qué deben hacer los visitantes de su página de destino y facilíteles la tarea.
  • Diseño atractivo: Atraiga a sus visitantes con un diseño atractivo que les haga querer hacer clic. También debes intentar mantener los elementos importantes de la página por encima del pliegue.
  • Un texto ágil: El cuerpo del texto debe ser breve, directo e informativo. Utilice titulares atractivos que hagan que la gente quiera leer la siguiente frase y la siguiente.
  • Imágenes impactantes: Utilice imágenes que ilustren lo que está contando. Evita las fotos genéricas de archivo y elige imágenes que cuenten una historia.
  • Focus on value: Explain to people how clicking your CTA button will benefit them. What will they get? How will it improve their lives?

How to Create a Free Landing Page in Under 30 Mins

Now that you know what a landing page is and how it works, let’s look at how to create a free landing page on WordPress with a website builder.

For this tutorial, I’ll be using SeedProd‘s landing page builder to build a free landing page.

SeedProd Arrastrar y soltar WordPress constructor de sitios web

SeedProd is one of the best free landing page plugins for WordPress, with coming soon and maintenance mode functionality. It makes it easy to build any landing page on your WordPress site without hiring a developer.

With its drag-and-drop visual page editor, you can create custom landing pages quickly without writing a single line of code. SeedProd also includes various customizable landing page templates. You can then customize them in the visual editor by adding signup forms, contact forms, and other page elements.

SeedProd also integrates with various email marketing tools to help grow your email list.

A diferencia de otros constructores de página, SeedProd es la velocidad del rayo y no ralentizará su sitio web. Utiliza un código mínimo y las mejores prácticas de diseño para asegurar que su sitio sea lo más rápido posible.

Sumerjámonos.

Tutorial en vídeo

Si prefieres leer el tutorial escrito, sigue los pasos que se indican a continuación.

1. Instale el Creador de Páginas de Aterrizaje Gratuito de SeedProd

El primer paso es instalar el plugin gratuito de páginas de aterrizaje de SeedProd. Puedes hacerlo navegando a Plugins " Añadir nuevo desde tu panel de WordPress.

A continuación, escriba "SeedProd" en el cuadro de búsqueda de la derecha. Obtendrá los siguientes resultados:

Instale el plugin gratuito de páginas de aterrizaje SeedProd

Click Install next to the Website Builder by SeedProd option. Then, go ahead and click Activate.

Activar el plugin gratuito de páginas de aterrizaje de SeedProd

After activating the plugin, you’ll see the SeedProd setup wizard, which helps you get started with building a landing page in just 2 minutes. So go ahead and click “Get Started”.

Starting the SeedProd setup wizard

For the first step in the wizard, you’ll need to enter an email address to create your free SeedProd account. Then, decide what type of landing page you want to create.

SeedProd setup wizard step 1

There are 3 free options to choose from:

You’ll also see several Pro options which allow you to setup login pages, 404 pages, online stores, and even a custom WordPress theme.

For this guide, let’s focus on the free options and select the “Marketing Landing Page”, then click “Save and Continue”.

2. Seleccione una plantilla de página de destino gratuita

The next step in the setup wizard allows you to choose a free landing page template.

You can filter the templates by clicking the different categories along the top of the screen:

  • Próximamente
  • Modo de mantenimiento
  • 404 Página
  • Ventas
  • Webinar
  • Captación de clientes potenciales
  • Gracias
  • Inicio de sesión
Choosing a free landing page template for WordPress in SeedProd.

By default, there are 7 free landing page templates across the different page categories. You can also unlock 9 more free templates by subscribing to the email list for free. To unlock over 300 more templates, you can upgrade to SeedProd Pro.

Choosing a free landing page template in SeedProd

Para este tutorial, utilizaremos la plantilla gratuita Página de Ventas de Fitness. Simplemente pasa el ratón sobre el icono de la plantilla y haz clic en el icono de la marca.

After choosing your template, you’ll automatically move onto the final step of the setup wizard. Here, you can take advantage of a discount for upgrading to SeedProd Pro. You can also choose to install other optional free WordPress plugins.

Installing optional WordPress plugins

If you’d prefer not to install these plugins, unclick the toggle. Then, go ahead and click “Finish Setup & Start Building Your Page”.

Now you’ll exit the setup wizard onto the SeedProd setup page. Here, you’ll see that the “Setup a Landing Page” option is crossed out, which means you’ve completed this task.

SeedProd setup page

You’ll also notice the option to “Edit Landing Pages”. Click this button.

Now, SeedProd will take you to the landing page dashboard. Here, you can see the free landing page you just setup under the “Landing Pages” heading.

Edit free landing page in WordPress

Hover your cursor over the landing page link, then click the Edit option to open and start customizing your page.

3. Añada el contenido exclusivo de su página de destino

SeedProd’s visual page builder is divided into 2 distinct sections. On the left-hand side are the different blocks used to design your page, while on the right is a live preview of your landing page.

El editor de páginas de aterrizaje de arrastrar y soltar gratuito de SeedProd se divide en 2 secciones

Para añadir contenido, basta con arrastrar un bloque del panel izquierdo y soltarlo en la vista previa en directo. Verás los cambios en tiempo real.

There are various landing page blocks to choose from, including:

  • Titular
  • Texto
  • Lista
  • Botón
  • Imagen
  • Vídeo
  • Divisor
  • Espaciador
  • Columna

You can also use 5 of SeedProd’s Advanced page blocks – Giveaway, Payment Button, Contact Form, Envira Gallery, and Custom HTML – for free.

Free advanced landing page blocks in SeedProd

With these blocks, you can:

Start adding your unique content by clicking any block on your live preview. This will show a settings panel on the left-hand side, where you can replace the default content with your own.

Edición de texto en línea SeedProd

También puede editar el contenido directamente en la vista previa con la función de edición de texto en línea de SeedProd.

Sustituir las imágenes por defecto es igual de fácil. Solo tienes que hacer clic en cualquier imagen de la vista previa en vivo y pulsar el icono de la papelera en el panel de configuración de la derecha.

Sustituya las imágenes de su página de destino

A continuación, haga clic en el botón Utilice su propia imagen para cargar una foto desde su ordenador o desde la biblioteca multimedia de WordPress.

Cargar nuevas imágenes de la página de destino

Sigue añadiendo contenido hasta que estés satisfecho con el aspecto general. A continuación, haz clic en el botón verde Guardar situado en la esquina superior derecha de la pantalla.

4. Personalice los estilos de su página de destino

Después de añadir su contenido exclusivo a su página de destino gratuita, querrá asegurarse de que el estilo es coherente con su marca.

Puede hacerlo fácilmente haciendo clic en el icono de engranaje de la esquina inferior izquierda para ver la configuración global de su página.

Edite la configuración global de su página de destino

Esta configuración le permite personalizar su página de destino:

  • Fondo
  • Colores
  • Fuentes
  • CSS personalizado

Comencemos haciendo clic en la opción Fondo para personalizar el fondo de su página de destino. En esta área, puede cambiar el color de fondo, añadir un gradiente de color o cargar una imagen de fondo personalizada.

Añadir un fondo personalizado a la página de destino

Para añadir una imagen de fondo personalizada, sólo tienes que hacer clic en el botón Utilizar tu propia imagen.

Subir una imagen de fondo personalizada

En la sección Fuentes, puedes elegir entre un número casi ilimitado de fuentes web gratuitas de Google para los encabezados, los enlaces y el cuerpo del texto de tu página de destino.

personalice gratis las fuentes de su página de destino

Just click any of the drop-down menus to pick your preferred fonts.

The Colors section has similar point-and-click settings where you can select custom colors for headers, text, links, buttons, and more.

Añada colores personalizados a su página de destino

Just click any option and use the color picker to select one that matches your branding and overall page design. This will edit those colors for your whole landing page.

Cuando esté satisfecho con el diseño de su página de destino, haga clic en el botón Guardar para almacenar la configuración.

5. Compruebe que su página de destino funciona correctamente

Con el diseño gratuito de su página de aterrizaje en su lugar, querrá asegurarse de que todo funciona correctamente antes de publicarlo en su sitio web. Revise su diseño y compruebe que los enlaces de los botones CTA funcionan, y asegúrese de que no hay errores tipográficos o gramaticales.

You’ll also need to make sure your landing page looks good on mobile devices. This is super-easy with SeedProd’s mobile preview option.

Haga clic en el icono de vista previa móvil en SeedProd

Just click the mobile icon at the bottom of your screen to preview your landing page on mobile, tablet, and desktop.

edite su página de destino gratuita para dispositivos móviles

A partir de ahí, puedes mover las cosas hasta que tu página se vea bien tanto en la pantalla del móvil como en la del ordenador. Cualquier cambio que hagas se aplicará automáticamente a ambas versiones de tu página.

6. Configure los ajustes de su página de destino

Después de comprobar que su página de destino funciona correctamente y es fácil de ver en el móvil, es el momento de configurar algunos ajustes.

Edite la configuración de su página de destino gratuita

Haga clic en la pestaña Configuración de página en la parte superior de la pantalla para ver las distintas configuraciones de página de SeedProd, que incluyen:

  • Configuración general: Cambia el nombre y la URL de tu página de destino gratuita, y haz que la página sea un borrador o esté publicada.
  • SEO: Configura el título SEO de tu página, la meta descripción y mucho más con el plugin All in One SEO WordPress.
  • Analítica: Monitoriza el rendimiento de tu página de destino con MonsterInsights, el mejor plugin de Google Analytics para WordPress.
  • Scripts: Añade scripts de seguimiento personalizados a tu página de destino, como tu píxel de seguimiento de Facebook.

Cuando haya terminado de editar la configuración de su página, recuerde hacer clic en el botón Guardar.

7. Publique su página de destino gratuita en WordPress

Después de dar los toques finales a su página de destino gratuita, es hora de publicarla en su sitio web WordPress.

Para ello, haga clic en la flecha hacia abajo situada junto al botón verde Guardar, en la parte superior derecha de la pantalla, y haga clic en Publicar.

Haga clic en Publicar para lanzar su página de destino gratuita en WordPress

Aparecerá una ventana emergente informándole de que su página de destino ha sido publicada.

Haga clic en el botón Ver página en directo para previsualizar su página de destino gratuita de WordPress

Siga adelante y haga clic en el botón Ver página en vivo para obtener una vista previa de su página de destino gratuita.

Página de aterrizaje gratuita en WordPress creada con SeedProd

¡Felicidades!

Ahora ya sabes cómo crear una página de aterrizaje gratis en WordPress. ¡Y lo mejor es que no requiere conocimientos técnicos, o de codificación, y no gastar un centavo!

Para una visión más detallada de las características premium de SeedProd en acción, echa un vistazo a este tutorial: Cómo crear una página de destino en WordPress

O salta directamente y...

Bonus: More Landing Page Tips

If you’re looking to learn more about landing pages, take a look at these landing page resources:

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.