¿Quieres usar la población de campo dinámica en WordPress para rellenar automáticamente los formularios en tu sitio web?
La población de campos dinámicos permite rellenar automáticamente los campos de los formularios en función de 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, ofrece una mejor experiencia al usuario y, en última instancia, mejora la tasa de finalización de los formularios.
En este artículo, te mostraremos cómo usar la población de campo dinámico en WordPress para rellenar formularios automáticamente.
¿Qué es la población dinámica de campo?
La población de campos dinámicos es una técnica que permite a los propietarios de sitios web rellenar automáticamente los campos de los formularios basándose en 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 del producto en el formulario se puebla dinámicamente utilizando los productos existentes en WooCommerce o cualquier otro software de comercio electrónico.
Del mismo modo, un sitio web inmobiliario puede rellenar automáticamente los listados, agentes, campos de tipo de propiedad en sus formularios de nombramiento y de generación de clientes potenciales.
Los usuarios avanzados y los desarrolladores también pueden utilizar parámetros de URL para rellenar dinámicamente los campos de los formularios utilizando enlaces inteligentes de boletines de correo electrónico u otras interacciones de sitios web.
Dicho esto, veamos cómo usar fácilmente la población de campo dinámico en WordPress.
Cómo usar la población de campo dinámica en WordPress
Lo primero que tienes que hacer es instalar y activar el plugin WPForms. Para obtener más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
WPForms es el mejor plugin de formulario de contacto de WordPress del mercado. Te permite crear fácilmente formularios online usando una simple herramienta de arrastrar y soltar.
También viene con población de campo dinámico, lógica condicional y campos de forma avanzada. Juntas, estas características le permiten crear formas más inteligentes e interactivas para su sitio web.
Nota: WPForms está cofundada por el fundador de WPBeginner, Syed Balkhi.
Una vez activado el plugin, debes visitar la página de configuración de WPForms » Settings para introducir tu clave de licencia. Puedes encontrar esta información bajo tu cuenta en el sitio web de WPForms.
A continuación, debes visitar WPForms » Agregar nuevo para crear tu primer formulario. Se te pedirá que le des un nombre a tu formulario y que selecciones una plantilla para empezar.
WPForms ahora cargará su formulario con campos preseleccionados. Puedes 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 puedes agregar y eliminar campos de formulario con sólo un clic.
Añadamos un nuevo campo de forma para poblarlo con opciones dinámicas.
Puede agregar un campo desplegable, de opción múltiple o una casilla de verificación a su formulario para utilizar las opciones de opciones dinámicas. Simplemente haga clic en un campo de la columna izquierda para agregarlo a su formulario.
A continuación, haz clic para editar el campo y luego expande el menú de Opciones avanzadas de la columna izquierda.
A partir de aquí, tienes que seleccionar una opción dinámica en Opciones dinámicas. WPForms soporta tipos de puestos y taxonomías registradas en su sitio de WordPress. Para este tutorial, seleccionaremos el tipo de publicación Productos.
WPForms ahora cargará y mostrará automáticamente los campos en la vista previa del formulario.
Ahora puedes guardar tu forma y salir del constructor de formas.
Para añadir el formulario en un post o página de WordPress, simplemente edita el post o la página donde quieres añadirlo.
En la pantalla de edición de mensajes, agregue el bloque WPForms al área de edición de mensajes. Después de eso, selecciona el formulario que creaste anteriormente en el menú desplegable.
Ahora puedes guardar tu entrada o página y visitar tu sitio web para ver tu formulario con los valores de campo dinámico en acción.
Rellenar automáticamente los campos del formulario utilizando los parámetros de la URL
WPForms también le permite rellenar dinámicamente los campos del formulario utilizando parámetros de URL. Esto le permite crear enlaces inteligentes que automáticamente pasan información al formulario y lo llenan para que sus usuarios lo envíen.
Primero, necesitas crear un nuevo formulario o editar un formulario existente en WPForms. Una vez que hayas terminado de crear tu formulario, cambia a la pestaña de configuración de la columna izquierda y luego selecciona la pestaña «General».
En esta pantalla, necesitas marcar la casilla para Activar la población de campo dinámico.
Ahora puedes guardar tu forma y salir del constructor de formas. Su formulario está listo para llenar dinámicamente los campos del formulario usando parámetros de URL.
Creación de enlaces con parámetros URL
WPForms acepta campos de forma dinámica 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 del URL antes del signo de interrogación $0027?$0027 es el URL de la página que tiene tu formulario. Por ejemplo, la página de tu formulario de contacto.
- ?wpf – Indica el inicio de los parámetros de campo de la forma WPForm.
- 15 – ¿Es el ID de su formulario
- _1 – A continuación tienes el campo ID
- =valor – = indica el inicio del valor que se quiere pasar a la forma seguido del valor real del campo.
Este es un ejemplo de una URL en la que estamos pasando un título de producto como campo de texto a un formulario de retroalimentación.
https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase
Fíjate en cómo hemos usado %20 para indicar los espacios entre las palabras del título del producto.
Búsqueda de identificaciones de formularios y campos en WPForms
Para crear los parámetros de la URL, necesitarás saber la forma y los campos de identificación. Así es como puedes encontrar estos valores.
Simplemente edite su formulario y verá el ID del formulario en la barra de direcciones de su navegador.
Del mismo modo, para encontrar el campo de identificación del formulario, sólo tienes que 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.
Ahora, ¿qué pasa si quieres pasar un valor a un subcampo?
Simplemente agregue el identificador de subcampo después del identificador de campo en su URL de esta manera:
https://example.com/contact/?wpf15_3_city=london
Para más detalles, véase la documentación para desarrolladores de WPForms que muestra más ejemplos para utilizar diferentes parámetros para todos los tipos de campos de formulario.
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 añadir en la URL inteligente para rellenar automáticamente la información personal del formulario.
También puede utilizar la función de población de campo dinámico con otros plugins de formas como Formidable Formas, Formas de Gravedad, etc. Sin embargo, recomendamos el uso de WPForms porque facilita todo el proceso, y lo conocemos bien porque nosotros construimos el producto.
Esperamos que este artículo te haya ayudado a aprender a usar la población de campo dinámico en WordPress para rellenar formularios automáticamente. También puede que quieras ver nuestro artículo sobre cómo rastrear y reducir el abandono de formularios en WordPress.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver los video tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.
Deja una respuesta