Saltar al contenido

Cómo usar la población de campo dinámico en WordPress para llenar formularios automáticamente

Automatically fill form fields in WordPress with Dynamic field population

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

La población de campos dinámicos le permite completar automáticamente los campos de 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 campo dinámico en WordPress para rellenar formularios automáticamente.

Rellenar automáticamente campos de formulario en WordPress con población de campo dinámico

¿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 campos de 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 llena dinámicamente utilizando productos existentes en WooCommerce o cualquier otro software de comercio electrónico.

Del mismo modo, un sitio web inmobiliario puede rellenar automáticamente listados, agentes, campos de tipo de propiedad en sus formularios de citas y generación de leads.

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.

Dicho esto, echemos un vistazo a cómo usar fácilmente la población de campo dinámico en WordPress.

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

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

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

También viene con población de campo dinámico, 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 WPBeginner, Syed Balkhi.

Al activar el complemento, debe 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, debes visitar WPForms »Agregar nuevo para crear tu primer formulario. Se le pedirá que proporcione un nombre para su formulario y luego seleccione una plantilla para comenzar.

Crear un nuevo formulario

WPForms ahora cargará su formulario con campos preseleccionados. Puede hacer clic para editar campos de formulario o utilizar 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 llenarlo 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 las opciones de opciones dinámicas. Simplemente haga clic en un campo de la columna 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 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. En aras de este tutorial, seleccionaremos el tipo de publicación de 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 página donde desea agregarlo.

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ámico en acción.

Vista previa de WPForm

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

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

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

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

Habilitar campos dinámicos

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

Crear enlaces con parámetros de URL

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

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

Vamos a desglosarlo.

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

Aquí hay un ejemplo de una URL donde estamos pasando un título de producto como un campo de texto a un formulario de comentarios.

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

Agregar URL a tu 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 las ID de campo. Aquí es cómo puede encontrar estos valores.

Simplemente edite su formulario y verá la identificación 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 tiene que hacer clic para editarlo. Verá las propiedades del campo de formulario en la columna izquierda junto con la ID del campo en la parte superior.

Encontrar la ID del campo del formulario

Ahora, ¿qué pasa si desea pasar un valor a un subcampo?

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

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

Para obtener más detalles, consulte la documentación del desarrollador de WPForms que muestra más ejemplos para usar diferentes parámetros para todos los tipos 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 usar la función de población de campo dinámico con otros complementos de formulario como Formidable Forms, Gravity Forms, etc. Sin embargo, recomendamos usar WPForms porque facilita todo el proceso y lo conocemos bien porque creamos el producto.

Esperamos que este artículo lo haya ayudado a aprender cómo usar la población de campo dinámico en WordPress para completar formularios automáticamente. También puede ver nuestro artículo sobre cómo rastrear y reducir el abandono de formularios en WordPress.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook.

.