Cómo crear un formulario de estilo de formularios de Google en WordPress

¬ŅDesea crear formularios de “estilo de formularios de Google” para su sitio web de WordPress?

Muchos editores eligen Formularios de Google para crear una encuesta porque proporciona una p√°gina de destino sin distracciones dedicada al formulario.

Si desea crear una página de destino sin distracciones específicamente para su formulario, pero no desea utilizar una aplicación de terceros, como Google Forms, entonces está en el lugar correcto.

En este tutorial, le mostraremos c√≥mo crear un formulario de “estilo de Formularios de Google” directamente desde su panel de WordPress utilizando un complemento llamado WPForms.

Creaci√≥n nativa de un formulario de “Estilo de formularios de Google” en WordPress

wpforms-contact-form-plugin

WPForms es el mejor complemento de formulario de contacto en el mercado que viene con varios dise√Īos de formulario, incluido un dise√Īo llamado P√°ginas de formulario. Las p√°ginas de formularios de WPForms son una buena alternativa a los formularios de Google.

La mejor parte es que, a diferencia de los formularios de Google, WPForms le permite agregar el logotipo de la marca a su p√°gina de formulario. No se mostrar√° ning√ļn logotipo de terceros. Adem√°s, el dise√Īo de la p√°gina del formulario no est√° controlado por su tema de WordPress, por lo que no tiene que conformarse con dise√Īos de formularios mediocres y conversiones de formularios bajos.

Puede usar WPForms para crear p√°ginas de destino de formulario personalizadas para:

  • Generaci√≥n l√≠der
  • Encuestas
  • Registros del sitio
  • Registros de eventos

y mucho más. Echa un vistazo a esta revisión detallada de WPForms.

Paso 1: Instalación y activación de WPForms

instalar wpforms

El primer paso es instalar y activar el complemento WPForms en su sitio web.

Una vez hecho esto, puede comenzar a crear su p√°gina de formulario para su sitio de WordPress.

Paso 2: Instalar el complemento del paquete de plantillas de formulario

El siguiente paso es instalar el complemento Form Pages. Con este complemento, puede convertir f√°cilmente su formulario en una p√°gina de inicio de formulario personalizada. Para activar este complemento, vaya a su panel de WordPress y haga clic en WPForms ¬ĽComplementos. Ahora, utilizando el campo de b√ļsqueda, busque el complemento P√°ginas de formulario.

Complemento de p√°ginas de formulario

Una vez encontrado, haga clic en el Instalar complemento botón para que el complemento comience a funcionar.

Paso 3: Crear un nuevo formulario con WPForms

Para crear un nuevo formulario, vaya a WPForms ¬ĽAgregar nuevo en tu panel de WordPress. Luego ser√° llevado a una nueva p√°gina donde puede seleccionar una plantilla para su formulario.

wpforms-templates

Seleccionemos el Formulario de contacto simple modelo. Ahora se lo dirigir√° a una nueva p√°gina donde podr√° ver el editor de formularios a su derecha y los campos de formulario y otras configuraciones a su izquierda.

WPForms Builder

Simplemente puede arrastrar los campos desde su izquierda y soltarlos en el generador de formularios a su derecha. A diferencia de los Formularios de Google, también tendrá la opción de conectar su formulario a un servicio de marketing por correo electrónico y servicios de pago. Aquí hay una guía paso a paso sobre cómo crear un formulario de contacto simple con WPForms.

Paso 4: Convertir un formulario de contacto en una p√°gina de formulario

Una vez que su formulario se haya creado correctamente, es hora de convertirlo en una p√°gina de formulario. Para eso, debes ir a Configuraci√≥n ¬ĽGeneral¬Ľ P√°ginas de formulario.

Aquí encontrarás una opción llamada Habilitar el modo de página de formulario. Simplemente seleccione la casilla de verificación al lado.

WPForms Builder formulario p√°ginasaddon

Esto ampliará sus opciones y verá que se agregan varios campos. La mayoría de estos campos se explican por sí mismos, por lo que puede completarlos de acuerdo con sus requisitos.

En los primeros 2 campos, puede agregar un título de página de formulario y un mensaje que desea transmitir a sus usuarios.

Formulario de p√°gina de aterrizaje

En los siguientes 3 campos, encontrará una opción de enlace permanente (esto es creado automáticamente por WPForms, por lo que no tiene que hacer nada aquí), una opción de logotipo de encabezado donde puede cargar el logotipo de su empresa y una opción de combinación de colores .

Configuración de complementos del paquete de plantillas de WPForms Builder, formulario con estilo de formularios de Google

Finalmente, obtendr√° dos estilos de dise√Īo para elegir.

  • Moderno: Este muestra una forma m√°s amplia con esquinas redondeadas. La parte inferior del fondo de su p√°gina ser√° m√°s oscura que el color que elija para su combinaci√≥n de colores.
  • Cl√°sico: Esta opci√≥n muestra una forma m√°s estrecha con esquinas cuadradas. La parte inferior del fondo de su p√°gina ser√° m√°s clara que su combinaci√≥n de colores.

dise√Īo cl√°sico y moderno

Selecciona el que más te guste. Una vez hecho esto, presiona el Salvar botón en la esquina superior derecha de su pantalla. También puedes usar el Vista previa de la página del formulario botón en la esquina superior derecha para previsualizar sus cambios. Y así es como se ve.

Vista previa de p√°gina de inicio de formularios, formulario con estilo de formularios de Google

Paso 5: Publicar la p√°gina de destino de tu formulario

Una vez que la página de destino de su formulario esté lista, es hora de publicar su formulario. Para eso, puede ir a cualquier página o publicación en la que desee mostrar su formulario. Ahora haga clic en el + botón y encontrar el WPForms opción.

Publique wpforms, formularios con estilo de Google.

Ahora haga clic en él. En la flecha desplegable junto a él, elija el formulario que acaba de crear.

Publsih wpforms formulario de p√°gina de destino, formulario de formularios de google

Ahora presiona el Publicar botón a la derecha para que se active el formulario.

Y as√≠ de f√°cil es crear un formulario con estilo de formulario de Google para su sitio web de WordPress. Esperamos que este art√≠culo te haya resultado √ļtil. Si lo hizo, tambi√©n puede consultar c√≥mo crear un formulario de encuesta con WPForms.