Crear su primer formulario en el editor clásico

¿Quieres usar el editor clásico de WordPress para publicar tus WPForms? Nuestro creador de formularios funciona a la perfección independientemente del editor de páginas que utilices, y puedes añadir fácilmente formularios a tus páginas en el editor clásico con solo pulsar un botón.

Este tutorial le mostrará cómo crear su primer formulario y publicarlo utilizando el editor clásico de WordPress.

Nota: Este tutorial asume que está utilizando una versión antigua de WordPress (versión 4.9.18 o anterior) o que tiene el plugin Classic Editor instalado en su sitio.

Si utilizas WordPress 5.0 o posterior y no tienes instalado el plugin Classic Editor, consulta nuestra guía para crear tu primer formulario con el editor de bloques.

Para más información sobre cómo desactivar el editor de bloques y utilizar el editor clásico en su lugar, echa un vistazo al tutorial de WPBeginner.


Antes de crear su primer formulario, necesitará haber instalado WPForms. También le recomendamos que verifique su clave de licencia.

Añadir un nuevo formulario

Para empezar, deberá iniciar sesión en el área de administración de WordPress. Aquí, haga clic en WPForms en la barra lateral de administración para ir a la página Descripción general de formularios. A continuación, haga clic en el botón Añadir nuevo en la parte superior de la pantalla para abrir el generador de formularios.

Añadir un nuevo formulario

En la página de configuración del Generador de formularios, puede elegir introducir un título para su formulario en el campo de entrada Nombre del formulario. Esto es útil para identificar este formulario en el backend de su sitio.

Introducir un nombre de formulario

Si deja este campo vacío, su formulario tomará el nombre de la plantilla que elija.

Debajo del campo Nombre su formulario, encontrará nuestra biblioteca de plantillas de formularios. Puedes utilizar las categorías o la barra de búsqueda de la izquierda para encontrar la que mejor se adapte a tus necesidades.

La biblioteca de plantillas WPForms

Haga clic en el botón Utilizar plantilla para la que desea abrir en el generador de formularios.

Seleccionar una plantilla

Nota: El formulario de este tutorial utiliza la plantilla Simple Contact Form. Para más detalles sobre cómo elegir, aplicar y personalizar plantillas, consulte nuestra guía completa de plantillas en WPForms.

Tenga en cuenta que todas las plantillas son completamente personalizables. Si no encuentras una que se adapte totalmente a tus necesidades, siempre puedes ajustarla en el creador de formularios.

Si prefiere crear su formulario completamente desde cero, seleccione la opción Crear formulario en blanco para continuar.

Crear un formulario en blanco

Personalización del formulario

Una vez que haya seleccionado una plantilla de formulario, el Generador de formularios le llevará a la sección Campos.

En la parte izquierda de la pantalla, verás los campos disponibles según tu tipo de licencia. A la derecha, verás una vista previa de tu formulario hasta el momento.

Campos disponibles en el generador de formularios

Para añadir un campo a su formulario, puede hacer clic en él o arrastrarlo y soltarlo desde el panel izquierdo directamente en el área de vista previa del formulario.

Añadir un campo de texto de párrafo

Una vez que haya añadido un campo a su formulario, puede personalizar varias opciones para él.

Acceso a las opciones de campo

Las opciones de campo permiten configurar los detalles y ajustes de cada campo, como sus etiquetas y descripciones.

Para ver y editar las opciones disponibles para un campo, haga clic sobre él en el área de vista previa. Las opciones del campo aparecerán en el panel de la izquierda, donde podrá realizar los cambios que desee.

Abrir el panel Opciones de campo

Nota: ¿Desea más detalles sobre todas las opciones de campo que puede modificar en el creador de formularios? Consulte nuestra guía completa de opciones de campo para obtener información adicional.

Una vez que haya terminado de editar las opciones de campo, haga clic en el botón Guardar situado en la parte superior del generador de formularios para conservar los cambios.

Guardar un formulario

Editar la configuración del formulario

El creador de formularios también le ofrece la posibilidad de personalizar varios ajustes que se aplican a todo el formulario.

Para configurar estas opciones, haga clic en la pestaña Configuración de la parte izquierda del Generador de formularios.

Abrir la configuración en el constructor de formulariosHabrá varias secciones en esta pantalla que pueden variar dependiendo de los addons que hayas instalado. Para este tutorial, nos centraremos en los tres tipos básicos de ajustes: General, Notificaciones y Confirmaciones.

En la sección General, puede cambiar el nombre y la descripción de su formulario. También puedes personalizar el botón de envío y activar o desactivar la protección antispam.

La configuración general del constructor de formularios

Las notificaciones de formularios son correos electrónicos automáticos que se envían cuando los usuarios envían formularios. En la sección Notificaciones, puede configurar los ajustes según sus preferencias.

La configuración de Notificaciones en el constructor de formularios

Nota: ¿Buscas más información sobre cómo crear notificaciones por correo electrónico para los envíos de formularios? Consulta nuestro tutorial sobre notificaciones por correo electrónico para conocer todos los detalles.

Las confirmaciones de formularios permiten a los usuarios saber que han enviado correctamente un formulario y ofrecen más información y opciones a los usuarios.

La configuración de las confirmaciones en el constructor de formularios

Nota: Para más detalles sobre la configuración de las confirmaciones, consulte nuestro tutorial sobre la configuración de las confirmaciones de formularios.

Cuando hayas terminado de configurar el formulario, haz clic en el botón Guardar situado en la parte superior del constructor.

Visualización de formularios en su sitio web

Hay varias maneras de añadir formularios a su sitio. Aquí veremos cómo mostrar formularios en una página o en un área de widgets.

Cómo incrustar el formulario en una página de WordPress

Para añadir tu formulario a una página usando el editor clásico de WordPress, necesitarás usar un shortcode. Puedes utilizar la herramienta de incrustación integrada en el constructor de formularios para guiarte a través de este proceso, o puedes añadir el shortcode utilizando el botón Añadir formulario de WPForms en el editor clásico.

A continuación te mostramos cómo funcionan ambas opciones.

Uso de la herramienta de incrustación del generador de formularios

Desde el constructor de formularios, puede añadir su formulario a una página haciendo clic en el botón Incrustar en la parte superior de la pantalla.

Abrir la herramienta de incrustación en el generador de formularios

Se abrirá una ventana emergente. Aquí, elegirás si quieres crear una nueva página para este formulario o si quieres añadirlo a una ya existente.

La ventana emergente de la herramienta de incrustación

Añadir un formulario a una página existente

Si hace clic en Seleccionar página existente, la ventana emergente mostrará un menú desplegable en el que podrá seleccionar la página a la que desea añadir el formulario. A continuación, haga clic en el botón ¡Vamos!

Elegir la opción Seleccionar página existente en la herramienta de incrustación

Esto abrirá la página seleccionada en el editor clásico. Debería ver un aviso que le guiará para hacer clic en el botón Añadir formulario encima del área de texto.

El botón Añadir formulario en el editor clásico

Al hacer clic en él, aparecerá una ventana emergente. En el desplegable, seleccione el formulario que desea añadir a su página.

La ventana emergente Añadir formulario en el editor clásico

También puede seleccionar las casillas Mostrar nombre del formulario y Mostrar descripción del formulario para mostrar estas características si lo desea. Haga clic en Añadir formulario para insertar el shortcode necesario.

Añadir un formulario a una página en el editor clásico

Entonces verás el shortcode del formulario en el editor. Asegúrese de actualizar su página una vez que haya terminado.

Actualizar una página de en el editor clásico

Creación de una nueva página para el formulario

Si eliges Crear nueva página en la Herramienta de incrustación, aparecerá un campo para que añadas un título a tu nueva página. Una vez hecho esto, haz clic en ¡Vamos!

Crear una nueva página con la herramienta de incrustación

Esto abrirá el editor clásico. El shortcode para su formulario se añadirá a la página automáticamente.

El shortcode de un formulario en el editor clásico

Por defecto, el title y description se fijan en false. Esto significa que el título y la descripción de tu formulario (que puedes cambiar en la configuración General del constructor de formularios) no se mostrarán en el frontend.

Si desea mostrar el título o la descripción, cambie el valor correspondiente en el shortcode a true.

Establecer los valores de título y descripción de un formulario en true en su shortcode

A continuación, haga clic en el botón Publicar situado a la derecha del editor para que la página y el formulario se publiquen.

Publicación de una nueva página para un formulario

Uso del botón Añadir formulario del editor clásico

En cualquier momento, puede abrir una página en el editor clásico y añadirle un formulario utilizando el botón Añadir formulario de la barra de herramientas situada encima del área de texto.

El botón Añadir formulario en el editor clásico

Pulse este botón para abrir la ventana emergente y, a continuación, utilice el menú desplegable para seleccionar el formulario que desea publicar.

La ventana emergente Añadir formulario en el editor clásico

Marque las casillas Mostrar nombre del formulario y Mostrar descripción del formulario si lo desea y, a continuación, seleccione Añadir formulario.

Añadir un formulario a una página en el editor clásico

Por último, actualice o publique su página para que su formulario sea visible en el frontend de su sitio.

Añadir el formulario a un widget

Nota: Los pasos que se indican a continuación presuponen que estás utilizando el plugin Classic Widgets. Si no tienes este plugin instalado y activado en tu sitio, consulta nuestra guía sobre cómo añadir un formulario a un widget de bloque.

Un widget de WordPress es un pequeño bloque de contenido en tu sitio que realiza una función específica. Suelen utilizarse para añadir texto, enlaces u otras funciones a zonas como la barra lateral o el pie de página.

Nota: ¿Quieres saber más sobre los widgets de WordPress? Consulta la guía completa de WPBeginner sobre este tema para obtener más información.

Puede añadir sus formularios a cualquier área de widgets que admita su tema de WordPress. En primer lugar, ve a Apariencia " Widgets en tu área de administración.

Acceso al editor clásico de widgets

Aquí, busque el widget WPForms en Widgets disponibles.

Localización del widget WPForms en la lista de widgets disponibles

A continuación, arrastre y suelte el widget WPForms en el área de widgets en la que desea mostrarlo.

Añadir el widget WPForms a un área de widgets

Si lo deseas, puedes introducir un título para tu widget. A continuación, seleccione el formulario que desea mostrar en el menú desplegable. Si quieres mostrar el título o la descripción del formulario en el widget, también puedes marcar las casillas correspondientes.

Configurar un widget WPForms

Una vez que el widget esté configurado como desea, haga clic en el botón Guardar. En el frontend, un widget WPForms en el pie de página puede tener este aspecto:

Un formulario en un widget de pie de página en el frontend

Ya está. Ahora ya sabe como crear su primer formulario con WPForms y publicarlo usando el editor clásico de WordPress.

A continuación, te recomendamos que pruebes el formulario para asegurarte de que funciona como esperas. Consulta nuestra lista de comprobación detallada para asegurarte de que tu formulario tiene el aspecto y el funcionamiento que deseas.

El mejor plugin de WordPress para crear formularios arrastrando y soltando

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Active JavaScript en su navegador para rellenar este formulario.