Automatically fill form fields in WordPress with Dynamic field population

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

¿Desea utilizar la población de campos dinámicos en WordPress para completar automáticamente formularios en su sitio web? La población de campos dinámicos 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. 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 llenado de formularios. En este artículo, le mostraremos cómo usar la población de campos dinámicos en WordPress para completar formularios automáticamente.

Rellene automáticamente los campos de formulario en WordPress con población de campos dinámica

¿Cuál es la población de campo dinámica?

El llenado dinámico de campos 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 en el que el campo de producto del formulario se rellene dinámicamente utilizando productos existentes en WooCommerce u otro software de comercio electrónico. Del mismo modo, un sitio web de bienes raíces puede completar automáticamente listados, agentes, campos de tipo de propiedad en sus formularios de citas 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. Dicho esto, 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ámica en WordPress

En primer lugar, debe 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 del mercado. Le permite crear fácilmente formularios en línea con una simple herramienta de arrastrar y soltar. También viene con una población de campos dinámicos, lógica condicional y campos de formulario avanzados. Juntas, estas funciones le permiten crear formularios más inteligentes e interactivos para su sitio web.
Notar: WPForms es cofundada por el fundador de MundoCMS, Syed Balkhi. Al activar el complemento, debe visitar el WPForms »Configuración 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
Entonces tienes que 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.
Crea 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 un solo 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 opciones de opción dinámica. Simplemente haga clic en un campo en 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ú de Opciones avanzadas en la columna de la izquierda.
Opciones avanzadas
A partir de ahí, debe seleccionar una opción dinámica en Opciones dinámicas. WPForms admite tipos de publicaciones y taxonomías guardadas en su sitio de WordPress. Para los propósitos de este tutorial, seleccionaremos el tipo de publicación Productos.
Elecciones dinámicas
WPForms ahora cargará y mostrará campos automáticamente en la vista previa del formulario. Ahora puede guardar su formulario y salir del generador de formularios. Para agregar el formulario a 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 cuadro de edición de publicaciones. Después de eso, seleccione el formulario que creó anteriormente en el menú desplegable.
Agregar un 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.
Descripción general de WPForm

Completar campos de formulario automáticamente utilizando parámetros de URL

WPForms también le permite completar dinámicamente campos de formulario utilizando parámetros de URL. Esto le permite crear enlaces inteligentes que pasan información automáticamente al formulario y lo completan 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 Configuración en la columna de la izquierda y luego seleccione la pestaña «General». En esta pantalla, debe marcar la casilla Habilitar el llenado de campos dinámicos.
Activar 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.
Crear 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 desglosarlo.

  • La parte de la URL antes del signo de interrogación «?» es la URL de la página que contiene su 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 – Entonces tienes el ID de campo
  • = valor – = indica el inicio del valor que desea enviar al formulario seguido del valor real del campo.

Aquí hay una URL de ejemplo 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
Agrega una URL a tu mensaje
Observe cómo usamos% 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, necesita conocer el formulario y los ID de campo. Aquí se explica cómo encontrar esos 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 necesita hacer clic para editarlo. Verá las propiedades del campo del formulario en la columna de la izquierda 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 la identificación del subcampo después de la identificación del campo en su URL de esta manera: https://example.com/contact/?wpf15_3_city=london de los campos. Ahora puede utilizar 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 relleno de campo dinámico con otros complementos de formulario como Formidable Forms, Gravity Forms, etc. Esperamos que este artículo le haya ayudado a aprender a utilizar la población de campos dinámicos de WordPress para completar formularios automáticamente. También puede consultar 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 para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply