Últimas noticias de SeedProd

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

Cómo crear una página de aterrizaje con formulario en WordPress

Cómo hacer una página de destino con un formulario en WordPress (paso a paso) 

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: avatar del revisor Turner John
avatar del revisor 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.

¿Te has preguntado alguna vez cómo crear una página de aterrizaje con formularios para tu sitio web en WordPress?

Crear una página de aterrizaje con un formulario de contacto es una de las formas más sencillas de convertir el tráfico de tu sitio web en clientes potenciales. Yo utilizo esta táctica en mi propio sitio web para establecer relaciones con nuevos clientes.

He probado docenas de herramientas a lo largo de los años, y SeedProd + WPForms es el combo al que siempre vuelvo, especialmente cuando necesito lanzar un formulario de página de destino rápido para un cliente o campaña.

Pero, ¿cómo se hace uno? ¿Necesitas saber HTML y cómo te aseguras de que tu formulario se convierte?

Por suerte, no necesitas conocimientos de programación ni un desarrollador para crear rápidamente una página de aterrizaje con formulario de contacto. Con los plugins de WordPress adecuados, puedes crear una en cuestión de minutos. Y en esta guía, te mostraré cómo hacerlo paso a paso.

📌 Navegación rápida: Saltar a cualquier sección de abajo

¿Deben tener las páginas de destino un formulario de contacto?

Sí, las páginas de destino deben tener un formulario de contacto. Es una parte importante de lo que hacen los vendedores para conseguir nuevos clientes.

Una página de aterrizaje bien diseñada con un formulario de contacto es una de las formas más sencillas de generar confianza y aumentar las conversiones.

De hecho, el 67% de los profesionales del marketing B2B afirman que los formularios son una de sus tres principales herramientas de generación de contactos(Demand Gen Report, 2023). Un formulario de contacto puede ayudarle a conseguir más clientes potenciales, hacer que su sitio web aparezca mejor en los resultados de búsqueda y que la gente confíe más en su sitio.

¿Qué tipo de formulario necesita su página de destino?

El tipo de formulario que necesitas depende de tus objetivos. Aquí tienes una guía rápida de los tipos de formularios más comunes y cuándo utilizarlos:

Tipo de formularioCuándo utilizarlo
Generación de clientes potencialesRecopilar información de contacto de clientes potenciales
Póngase en contacto conPara consultas generales sobre cualquier sitio web empresarial
InscripciónCuando organice eventos, seminarios web o talleres
EncuestaRecoger los comentarios y opiniones de los clientes
Solicitud de empleoAl contratar nuevos empleados
Reserva de citasPara programar reuniones o citas con clientes
Participación en el concursoCuando organice sorteos o concursos
Pedido anticipado de productosPara medir el interés por los próximos lanzamientos de productos
SuscripciónPara suscribirse a boletines o actualizar contenidos
Cuestionario o evaluaciónPara atraer a los visitantes y conocer mejor a su público
Solicitud de apoyoPara gestionar las consultas de atención al cliente
DonaciónImprescindible para las organizaciones sin ánimo de lucro que recaudan donativos por Internet
Creación de cuentaCuando los usuarios necesitan registrarse para obtener una cuenta
Solicitud de demostraciónPara organizar demostraciones de productos
RemisiónAnimar a los clientes a recomendar a amigos o colegas

Recuerde que el mejor formulario para su página de aterrizaje es el que se ajusta a su objetivo específico. Hazlo sencillo y pide solo la información que realmente necesitas.

Pasos para crear una página de aterrizaje con formulario en WordPress

Ahora que hemos cubierto los conceptos básicos, vamos a sumergirnos en el proceso real de creación de una página de destino con un formulario en WordPress. En esta guía paso a paso, te guiaré a través de todo el proceso utilizando dos poderosas herramientas: SeedProd y WPForms.

SeedProd, creador de páginas de aterrizaje para WordPress de arrastrar y soltar

¿Por qué estas herramientas? Bueno, en mi experiencia, SeedProd ofrece la forma más fácil de construir impresionantes páginas de destino, mientras que WPForms es el constructor de formularios más fácil de usar para WordPress. Son una potente combinación que te permite crear páginas de destino de aspecto profesional con formularios en muy poco tiempo.

Fácil de usarCree hermosas páginas de destino sin codificación. Sólo tienes que arrastrar y soltar elementos.
Funciona con WPFormsSe integra con WPForms, un creador de formularios fácil de usar para principiantes. Añade cualquier tipo de formulario a tu página de destino en unos pocos clics.
Formas versátilesCree varios formularios con WPForms:
- Formularios de encuesta
- Formularios de suscripción
- Formularios de pedido
- Formularios de reserva
- Y muchos más
Formularios integradosSeedProd tiene sus propios formularios opt-in. No hay necesidad de plugins adicionales.
Ahorro de tiempoCree páginas de destino con formularios en cuestión de minutos. Ideal para aquellos que no se sienten cómodos con la codificación.

Al final de esta guía, tendrás una página de aterrizaje completamente funcional con un formulario, todo sin escribir una sola línea de código. Vamos a empezar.

Paso 1. Instalar y activar SeedProd Instale y active SeedProd

En primer lugar, visita el sitio web oficial de SeedProd y descarga el plugin en tu ordenador.

Una vez que tenga el archivo del plugin, acceda a su panel de control de WordPress. A continuación, ve a la sección "Plugins" del menú de la izquierda y haz clic en "Añadir nuevo".

Añadir un nuevo plugin de WordPress desde el panel de control

En la parte superior de la página, verá un botón "Cargar Plugin". Haz clic en él y elige el archivo SeedProd que acabas de descargar. Después de subirlo, haz clic en "Instalar ahora".

Subir el plugin SeedProd a WordPress

WordPress tardará un momento en instalar el plugin. Una vez hecho esto, verás un botón "Activar". Haz clic en él para activar SeedProd.

Activar el plugin SeedProd en el panel de WordPress

Consejo profesional: Asegúrese de que está utilizando la última versión de SeedProd para acceder a todas las nuevas características y garantizar la compatibilidad con la configuración de WordPress. En esta guía, estoy usando la última versión de SeedProd Pro para los bloques y plantillas adicionales. También hay una versión gratuita de SeedProd que puede utilizar.

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

Ahora que SeedProd está instalado, es el momento de elegir una plantilla para su página de destino. SeedProd tiene cientos de plantillas prediseñadas, por lo que es fácil crear una página de aspecto profesional rápidamente.

Para seleccionar una plantilla, vaya a SeedProd " Landing Page desde su panel de WordPress. A continuación, haga clic en el botón "Añadir nueva página de destino".

Añadir una nueva página de destino utilizando SeedProd

Verás una galería de plantillas de páginas de aterrizaje. Navega por ellas o utiliza las opciones de filtro para encontrar una que se adapte a tus necesidades.

Elija una plantilla de página de aterrizaje prediseñada en SeedProd

Cuando encuentres una plantilla que te guste, pasa el ratón por encima y haz clic en el icono de la marca de verificación.

Seleccione una plantilla de página de destino para su página de formulario de WordPress

Tras seleccionar la plantilla, aparecerá un cuadro emergente. En este cuadro, tendrás que introducir un nombre para tu página de destino y elegir una URL.

Introduzca el nombre y la URL de la página de destino en la configuración de SeedProd

Una vez que haya rellenado estos datos, haga clic en el botón "Guardar y empezar a editar la página".

Aquí viene lo mejor: todas las plantillas de SeedProd son adaptables a dispositivos móviles. Esto significa que tu página de destino se verá genial en cualquier dispositivo, ya sea un ordenador de sobremesa, una tableta o un smartphone.

Esto es crucial para ofrecer una buena experiencia de usuario y maximizar las conversiones.

No necesita crear diseños separados para diferentes tamaños de pantalla. SeedProd ajusta automáticamente su diseño para adaptarse a cualquier pantalla, asegurando que sus formularios, imágenes y texto sean siempre fáciles de leer e interactuar.

Si no encuentras una plantilla que se ajuste exactamente a tus necesidades, no te preocupes. Siempre puedes empezar con una plantilla en blanco y construir tu página desde cero, o elegir una plantilla cercana a lo que quieres y personalizarla.

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

Una vez que hayas elegido tu plantilla, entrarás en el constructor de páginas, donde verás que está dividido en dos áreas principales:

  • A la izquierda, verás una barra lateral con varios bloques y secciones que puedes añadir a tu página.
  • En el lado derecho, hay una vista previa en vivo de su página de destino.
Interfaz del constructor de páginas de aterrizaje SeedProd con editor de arrastrar y soltar

Esta configuración hace que sea fácil ver los cambios en tiempo real a medida que construyes tu página.

Para editar cualquier elemento de su página, simplemente haga clic sobre él en el área de vista previa. Al hacerlo, aparecerán opciones para personalizar ese elemento en la barra lateral izquierda.

Editar elementos de la página de destino como texto, botones y bloques de formularios

Aquí es donde puedes cambiar cosas como el texto, los colores, las fuentes y mucho más.

¿Quieres añadir nuevos elementos a tu página? Es tan fácil como arrastrar y soltar.

Navega por los bloques de la barra lateral izquierda, encuentra uno que te guste y arrástralo a tu página. Puedes añadir titulares, imágenes, botones, temporizadores de cuenta atrás y mucho más.

Añadir nuevos elementos como titulares, imágenes y formularios a una página de destino de WordPress

Para reorganizar elementos en su página, haga clic y arrástrelos a una nueva posición. SeedProd le mostrará dónde soltar el elemento y le proporcionará directrices útiles.

Arrastre y reorganice los elementos de la página en el constructor SeedProd

Recuerda que no estás limitado a lo que hay en la plantilla. Siéntete libre de eliminar elementos que no necesites, añadir otros nuevos o reorganizar por completo el diseño.

Eliminar un bloque no utilizado de su página de aterrizaje SeedProd

El objetivo es crear una página de aterrizaje que se adapte a sus necesidades específicas.

Paso 4. Añada su formulario WordPress

Ahora que ha personalizado su diseño, es el momento de añadir la parte más importante de su página de destino de formulario en WordPress: el formulario real.

SeedProd lo hace increíblemente fácil con su bloque "Formulario de contacto".

Busque el bloque "Formulario de contacto" en la barra lateral izquierda del constructor de páginas. Así es como añadirá un formulario a su página de destino en WordPress con sólo unos clics. A continuación, arrastre y suelte este bloque en su página de destino donde desee que aparezca su formulario.

Añade un bloque de formulario de contacto a tu página de destino de WordPress

Si aún no tiene instalado WPForms, no se preocupe. SeedProd le pedirá que instale el plugin. Sólo tienes que seguir las instrucciones en pantalla para configurarlo.

Una vez que el bloque WPForms esté en su página, verá una opción para seleccionar un formulario. Si es nuevo en WPForms y no ha creado ningún formulario, haga clic en el botón "+Nuevo formulario".

Cree un nuevo formulario WPForms para su página de destino

Esto abrirá el constructor WPForms en una ventana emergente dentro del constructor de páginas. Es como magia - usted puede crear su formulario sin salir de su página de destino.

Constructor de formularios WPForms integrado en SeedProd

¿No sabes cómo crear uno? Echa un vistazo a esta guía sobre cómo añadir un formulario de contacto en WordPress. Te guiará paso a paso por el proceso.

Una vez creado o seleccionado el formulario, puedes personalizar su aspecto en la página de destino. Haz clic en el bloque del formulario en la vista previa de tu página y, en las pestañas "Contenido" y "Avanzado", verás opciones para..:

  • Ajustar el espaciado del formulario
  • Mostrar u ocultar las etiquetas del formulario
  • Personalizar el color y el estilo del texto
  • Añadir efectos de animación
Personalice el estilo y el diseño del formulario de su página de destino

Consejo profesional: No se alarme si su formulario no se muestra correctamente en el constructor. Esto es normal y no refleja cómo se verá en su página en vivo. Tenga la seguridad de que una vez que publique su página de destino, el formulario se mostrará correctamente con todos sus campos y estilos intactos.

Paso 5. Conecte su servicio de marketing por correo electrónico (opcional)

Si está creando una página de destino de captación de clientes potenciales en WordPress, los formularios opt-in integrados de SeedProd facilitan el crecimiento de su lista directamente en la página.

Busque el bloque "Formulario de suscripción" en la barra lateral izquierda. A continuación, arrástrelo y suéltelo en su página de destino, donde desee que aparezca su formulario de suscripción.

Añade un formulario opt-in para recoger clientes potenciales por correo electrónico en tu página de destino

Para sacar el máximo partido a esta función, deberá conectar SeedProd a su servicio de marketing por correo electrónico. Esto asegura que las direcciones de correo electrónico recogidas a través de su formulario opt-in se añaden automáticamente a su lista de correo electrónico.

Para ello, haz clic en la pestaña "Conectar" del menú superior del constructor de páginas. Aquí verás una lista de los servicios de marketing por correo electrónico compatibles.

Conecte SeedProd a su servicio de marketing por correo electrónico

Busque el suyo y haga clic en él. A continuación, sigue las instrucciones para introducir tu clave API o autorizar la conexión. (Normalmente puedes encontrar tu clave API en la configuración de la cuenta de tu servicio de marketing por correo electrónico).

Paso final para conectar Constant Contact con SeedProd

Consejo profesional: Incluso si utiliza un formulario de contacto WPForms, es posible que desee añadir un formulario opt-in separado. Esto ofrece a los visitantes una manera rápida y fácil de unirse a su lista de correo sin tener que rellenar un formulario de contacto más largo.

Paso 6. Publique su página de destino con formulario

Antes de publicar su página de destino, es mejor asegurarse de que se ve bien en todos los dispositivos. Empieza por encontrar el icono de vista previa en la barra de herramientas inferior del constructor de páginas SeedProd y haz clic en él para abrir el modo de vista previa. 

Previsualice su página de destino con formulario en diferentes vistas de dispositivo

También puede hacer clic en los iconos de dispositivo para desplazarse por las vistas de móvil, tableta y escritorio.

Tómate tu tiempo para comprobar cuidadosamente cómo se ve tu página en cada tipo de dispositivo. Si observas algún problema, no dudes en hacer los cambios necesarios en el editor.

Vista previa móvil de una página de destino de WordPress con formulario

Cuando estés satisfecho con el aspecto de tu página, es hora de publicarla. Busca el botón "Guardar" en la esquina superior derecha y haz clic en la flecha desplegable junto a él. A continuación, selecciona "Publicar". 

Publicar una página de destino completa con formulario en WordPress

Una vez publicada, puede previsualizar su página en directo para ver exactamente cómo la ven sus visitantes.

Ejemplo de página de destino con formulario opt-in creado en WordPress

¡Enhorabuena! Su página de aterrizaje con un formulario ya está activa y lista para empezar a recopilar clientes potenciales o respuestas.

Aquí tienes una vista previa del formulario de contacto que he añadido a mi página de aterrizaje:

Ejemplo de página de aterrizaje de formulario de contacto creada con SeedProd

Recuerde que siempre puede volver al editor de SeedProd para realizar cambios o actualizaciones en su página según sea necesario. Esto le permite continuar optimizando su página de destino para un mejor rendimiento.

Preguntas frecuentes

¿Puedo utilizar lógica condicional en mis formularios de página de destino de WordPress?

Sí, puede utilizar la lógica condicional en sus formularios de WordPress utilizando un plugin de formularios que admita esta función, como WPForms. La lógica condicional permite mostrar u ocultar campos de formulario en función de la entrada del usuario, creando una experiencia de rellenado de formularios más personalizada y eficiente.

¿Cómo añado una página de agradecimiento tras el envío de un formulario en WordPress?

La mayoría de los plugins de formularios permiten configurar un mensaje de confirmación personalizado o redirigir a una página de agradecimiento tras el envío del formulario. En WPForms, por ejemplo, puedes configurarlo fácilmente en los ajustes del formulario seleccionando "Ir a URL (Redirigir)" como tipo de confirmación e introduciendo el enlace a tu página de agradecimiento.

WPForms configuración de confirmación para redirigir a la página de agradecimiento

¿Cómo puedo mantener seguros mis formularios de WordPress?

Para mantener la seguridad de tus formularios de WordPress, utiliza un plugin de formularios de confianza con funciones de seguridad como CAPTCHA o campos honeypot para evitar el envío de spam. Además, asegúrate de que tu sitio de WordPress está actualizado, utiliza contraseñas seguras y considera la posibilidad de instalar un plugin de seguridad de WordPress para la protección general del sitio web.

¿Cuál es la mejor manera de crear una página de aterrizaje con un formulario en WordPress?

La forma más sencilla es utilizar SeedProd y WPForms. SeedProd permite crear páginas de aterrizaje de forma visual, y WPForms facilita la adición de formularios de contacto o registro sin código.

Cree una página de destino con Form Today

¿Quieres crear una página de aterrizaje en WordPress con un formulario? Es más fácil de lo que la mayoría de la gente piensa y, con las herramientas adecuadas, puedes hacerlo en cuestión de minutos.

Con herramientas como SeedProd y WPForms, puede diseñar fácilmente páginas de aspecto profesional que capten clientes potenciales y hagan crecer su negocio.

Para obtener más información sobre la creación de páginas de destino y formularios eficaces, consulte estos útiles artículos:

Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenidos útiles para hacer crecer tu 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.