Cómo habilitar la configuración Prefill By URL en WPForms

¿Está buscando optimizar la experiencia del usuario en su sitio web con el ajuste WPForms Enable Prefill By URL? ¿Prellenado de campos de formulario basado en interacciones previas? Aprovechar el poder de las cadenas de consulta para rellenar automáticamente los campos de un formulario a otro puede mejorar significativamente la comodidad y la eficiencia del usuario.

Imagínese un escenario en el que un usuario ya ha proporcionado cierta información en un formulario, y desea transferir esos datos sin problemas a otro formulario sin necesidad de volver a introducirlos. Mediante el uso de cadenas de consulta, puede lograr precisamente eso, la creación de un viaje más suave y más personalizado para sus visitantes.

Para ver un tutorial paso a paso de esta funcionalidad en acción, que incluye la creación de los 2 formularios y el paso de información de un formulario a otro, eche un vistazo a este artículo.

En este tutorial, vamos a centrarnos más en explicar los tipos de campo y cómo se ven en las cadenas de consulta para que puedas hacer tus formularios precompletados

Activar el relleno previo por URL

Antes de que podamos empezar a rellenar previamente los campos de nuestro formulario, primero debemos activar esta opción dentro de nuestro formulario para aceptar estos parámetros rellenados previamente desde otro formulario.

Para lograrlo, primero tendrá que crear un nuevo formulario o editar uno de sus formularios. A continuación, vaya a Configuración " General desde el constructor de formularios y dentro de las opciones avanzadas, active la opción Habilitar relleno previo por URL para activar esta opción.

Montaje de la URL

A continuación, tendrá que construir una URL con una cadena de consulta, utilizando parámetros GET para señalar un campo específico e incluir el valor correspondiente. Curiosamente, el tipo de campo es irrelevante en este proceso. Independientemente del tipo de campo, todas las cadenas de consulta para habilitar el prellenado por URL en WPForms se adhieren a una estructura consistente. Por ejemplo, considere la siguiente URL con el formato fundamental de cadena de consulta:

http://test.com?wpf20_1_subfield=value

• ?wpf: Marca el comienzo de una cadena de consulta para la configuración de precompletar por URL de WPForms.
• ID del formulario: Identifica el formulario objetivo (en la URL proporcionada, el ID del formulario es 20).
• ID de campo: Especifica el campo previsto dentro del formulario (en la URL dada, el ID de campo es 1).
• Identificador de subcampo (opcional): Se utiliza únicamente cuando se dirige a un subcampo, como el subcampo Ciudad dentro de un campo Dirección (en la URL de ejemplo, se etiqueta simplemente como "subcampo").
• = (Signo de igualdad): Señala el inicio del valor.
• Valor: Representa el valor que se desea añadir o seleccionar para un campo. Los espacios deben sustituirse por %20.

Utilizar la configuración de prellenado

En el tutorial del enlace anterior, la idea es que el visitante vea el primer formulario y complete alguna información básica. A continuación, pasar esa información a otro formulario con el botón Enviar.

Para conseguirlo, deberá configurar su Tipo de Confirmación como Ir a URL (Redirigir) y utilizar esta configuración para los campos anteriores para rellenar esa cadena de consulta.

Un ejemplo es añadir esta URL a Redirigir URL. http://mydomain.com/contact?contact-reason=Events%20and%20Parties

Y ya está. Para otro ejemplo específico de esto en acción, revise este tutorial sobre Cómo usar cadenas de consulta para pre-llenar campos de formulario desde otro formulario. Para otros ejemplos, consulte nuestro artículo sobre Cómo utilizar cadenas de consulta para rellenar automáticamente un campo de texto.

Uso de la lógica condicional con esta configuración

Cuando se utiliza la lógica condicional junto con la configuración de rellenado previo, la funcionalidad funcionará a la perfección. Los campos condicionales seguirán ocultándose o mostrándose en función de los valores rellenados mediante el relleno previo. Es importante tener en cuenta que la lógica condicional se aplica después de que los campos se hayan rellenado dinámicamente, lo que garantiza que los formularios sigan funcionando como se espera.

Ejemplos de cadenas de consulta para campos específicos

Para usuarios más avanzados, esta tabla ofrece ejemplos que ilustran cómo configurar los parámetros GET para cada tipo de campo. Además, si un campo ofrece varias opciones de formato, también se incluyen ejemplos específicos para esas alternativas.

Texto de una línea

Párrafo

Desplegable

Elección múltiple

Casillas de verificación

Números

Nombre

Correo electrónico

Acuerdo GDPR

Sitio web / URL

Dirección

Contraseña

Teléfono

Fecha / Hora

Oculto

HTML

Carga de archivos

Salto de página

Divisor de sección

Clasificación

Captcha

Firma

Escala Likert

Net Promoter Score

Cupón de pago

Artículo único

Varios artículos

Elementos desplegables

Tarjeta de crédito

Total

Campos de pago (casillas de verificación, varios elementos, elementos desplegables) con cantidades

Artículos de referencia

• Para más detalles sobre cómo localizar un ID de formulario o un ID de campo, consulte nuestro tutorial.
• Por regla general, la longitud máxima de una URL es de 2.000 caracteres.

PREGUNTAS FRECUENTES

P: ¿Cómo se utiliza esto para las subetiquetas?

R: Cuando se utiliza para rellenar previamente un campo Nombre o Dirección que podría tener varios subcampos, nos gustaría compartir un ejemplo con usted.

?wpf1036_1|first={field_id="1|first"}&wpf1036_1|last={field_id="1|last"}&wpf1036_3|address1={field_id="3|address1"}&wpf1036_3|address2={field_id="3|address2"}&wpf1036_3|city={field_id="3|city"}&wpf1036_3|state={field_id="3|state"}&wpf1036_3|postal={field_id="3|postal"}