Cómo utilizar la población de campos dinámicos en WordPress para autocompletar formularios

¿Desea utilizar la población de campos dinámica en WordPress para autocompletar formularios en su sitio web?

La población de campos dinámica le permite completar automáticamente los campos del formulario según la selección del usuario, las cadenas de consulta o el tipo de campo.

Esto hace que sus formularios sean inteligentes, ahorra tiempo a los usuarios, brinda una mejor experiencia de usuario y, en última instancia, mejora la tasa de finalización de formularios.

En este artículo, le mostraremos cómo usar la población de campos dinámicos en WordPress para autocompletar formularios.

¿Qué es la población de campo dinámico?

La población de campos dinámicos es una técnica que permite a los propietarios de sitios web completar automáticamente los campos del formulario según la selección del usuario, el tipo de formulario, las cadenas de consulta o la lógica condicional.

Por ejemplo, una tienda de comercio electrónico puede crear un formulario donde el campo del producto en el formulario se completa dinámicamente utilizando productos existentes en WooCommerce o cualquier otro software de comercio electrónico.

De manera similar, un sitio web de bienes raíces puede completar automáticamente listados, agentes, campos de tipo de propiedad en sus formularios de designación y generación de prospectos.

Los usuarios y desarrolladores avanzados también pueden usar parámetros de URL para completar dinámicamente los campos del formulario utilizando enlaces inteligentes del boletín de correo electrónico u otras interacciones del sitio web.

Habiendo dicho eso, echemos un vistazo a cómo usar fácilmente la población de campos dinámicos en WordPress.

Cómo utilizar la población de campo dinámico en WordPress

Primero, lo que debe hacer es instalar y activar el WPForms plugin. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un WordPress. plugin.

WPForms es el mejor formulario de contacto de WordPress plugin en el mercado. Le permite crear fácilmente formularios en línea con una simple herramienta de arrastrar y soltar.

También viene con población de campos dinámicos, lógica condicional y campos de formulario avanzados. Juntas, estas características le permiten crear formularios más inteligentes e interactivos para su sitio web.

Nota: WPForms es cofundada por el fundador de , Syed Balkhi.

Al activar el plugin, necesitas visitar el WPForms »Configuración página para ingresar su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de WPForms.

Clave de licencia de WPForms

A continuación, debe visitar WPForms »Agregar nuevo para crear su primer formulario. Se le pedirá que proporcione un nombre para su formulario y luego seleccione una plantilla para comenzar.

Creando un nuevo formulario

WPForms ahora cargará su formulario con campos preseleccionados. Puede hacer clic para editar los campos del formulario o usar la función de arrastrar y soltar para moverlos hacia arriba y hacia abajo. También puede agregar y eliminar campos de formulario con solo un clic.

Agreguemos un nuevo campo de formulario para completarlo con opciones dinámicas.

Puede agregar un campo desplegable, de opción múltiple o de casilla de verificación a su formulario para usar opciones de opciones dinámicas. Simplemente haga clic en un campo de la columna de la izquierda para agregarlo a su formulario.

Agregar campos de formulario

A continuación, haga clic para editar el campo y luego expanda el menú Opciones avanzadas de la columna de la izquierda.

Opciones avanzadas

Desde aquí, debe seleccionar una opción dinámica en Opciones dinámicas. WPForms admite tipos de publicaciones y taxonomías registradas en su sitio de WordPress. Por el bien de este tutorial, seleccionaremos el tipo de publicación Productos.

Elecciones dinámicas

WPForms ahora cargará y mostrará automáticamente los campos en la vista previa del formulario.

Ahora puede guardar su formulario y salir del generador de formularios.

Para agregar el formulario en una publicación o página de WordPress, simplemente edite la publicación o la página donde desea agregarla.

En la pantalla de edición de publicaciones, agregue el bloque WPForms a su área de edición de publicaciones. Después de eso, seleccione el formulario que creó anteriormente en el menú desplegable.

Agregar bloque WPForms en WordPress

Ahora puede guardar su publicación o página y visitar su sitio web para ver su formulario con valores de campo dinámicos en acción.

Vista previa de WPForm

Rellenar campos de formulario automáticamente mediante parámetros de URL

WPForms también le permite completar dinámicamente campos de formulario usando parámetros de URL. Esto le permite crear enlaces inteligentes que automáticamente transmiten información al formulario y lo llenan para que sus usuarios la envíen.

Primero, debe crear un nuevo formulario o editar un formulario existente en WPForms. Una vez que haya terminado de crear su formulario, cambie a la pestaña de configuración de la columna de la izquierda y luego seleccione la pestaña ‘General’.

En esta pantalla, debe marcar la casilla para habilitar la población de campo dinámica.

Habilitar campos dinámicos

Ahora puede guardar su formulario y salir del generador de formularios. Su formulario ahora está listo para completar dinámicamente los campos del formulario utilizando parámetros de URL.

Creación de enlaces con parámetros de URL

WPForms acepta campos de formulario dinámicos que se pasan a través de parámetros de URL en un formato específico.

https://example.com/contact/?wpf15_1=value

Vamos a analizarlo.

  • La parte de la URL antes del signo de interrogación «?» es la URL de la página que tiene tu formulario. Por ejemplo, la página del formulario de contacto.
  • ? wpf – Indica el inicio de los parámetros del campo de formulario de WPForm.
  • 15 – Es el ID de tu formulario
  • _1 – A continuación tienes el ID de campo
  • = valor – = indica el inicio del valor que desea pasar al formulario seguido del valor real del campo.

A continuación, se muestra un ejemplo de una URL en la que pasamos el título de un producto como un campo de texto a un formulario de comentarios.

https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase

Agregar URL a su publicación

Observe cómo hemos utilizado% 20 para indicar espacios entre palabras en el título del producto.

Encontrar ID de formulario y campo en WPForms

Para crear parámetros de URL, necesitará conocer el formulario y los ID de campo. Así es como puede encontrar estos valores.

Simplemente edite su formulario y verá el ID del formulario en la barra de direcciones de su navegador.

Encontrar ID de formulario en WPForms

Del mismo modo, para encontrar el ID del campo del formulario, solo debe hacer clic para editarlo. Verá las propiedades del campo de formulario en la columna de la izquierda junto con el ID del campo en la parte superior.

Encontrar el ID del campo del formulario

Ahora, ¿y si quisiera pasar un valor a un subcampo?

Simplemente agregue el identificador de subcampo después del ID de campo en su URL de esta manera:

https://example.com/contact/?wpf15_3_city=london

Para obtener más detalles, consulte WPForms documentación para desarrolladores que muestra más ejemplos para usar diferentes parámetros para todo tipo de campos de formulario.

Ahora puede usar esta función en combinación con su software CRM o servicio de marketing por correo electrónico para enviar enlaces de formularios inteligentes a sus usuarios. La mayoría de las plataformas de marketing vienen con sus propias etiquetas MERGE personalizadas que puede agregar en la URL inteligente para completar automáticamente la información personal en el formulario.

También puede utilizar la función de población de campo dinámico con otro formulario plugins como Formidable Forms, Gravity Forms, etc. Sin embargo, recomendamos usar WPForms porque facilita todo el proceso, y lo sabemos bien porque creamos el producto.

Esperamos que este artículo le haya ayudado a aprender a utilizar la población de campos dinámicos en WordPress para autocompletar formularios. Es posible que también desee ver nuestro artículo sobre cómo realizar un seguimiento y reducir el abandono de formularios en WordPress.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Facebook.

.

Fuente: wpbeginner

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada.