Cómo utilizar parámetros de URL para rellenar previamente formularios

Guía del usuario para rellenar formularios previamente y personalizarlos

 

Introducción

LeadGen Forms ofrece potentes funciones de personalización y llenado previo basadas en URL que le permiten: – Prellenar campos de formulario con datos de parámetros URL – Personaliza la experiencia del usuario con saludos y mensajes dinámicos – Ocultar campos cuando los valores se proporcionan a través de URL – Capturar datos ocultos desde parámetros de URL sin mostrar campos a los usuarios

Estas características son perfectas para:

– Campañas de correo electrónico (rellenar previamente la información del suscriptor)

– Campañas publicitarias (rastrear la fuente y completar previamente los datos conocidos)

– Páginas de destino personalizadas (saludan a los usuarios por su nombre)

Embudos de varios pasos (pasan datos entre páginas)

 

Prellenado de formularios desde URL

 

¿Qué es el prellenado de formularios?

El prellenado de formularios completa automáticamente los campos según los parámetros de la URL. Esto mejora la experiencia del usuario al reducir la cantidad de escritura necesaria.

 

Cómo funciona

Paso 1: Establecer el nombre del campo

Abra su formulario en el editor. Elige cualquier pregunta a la que quieras aplicar esta función. AhoraDesplácese hacia abajo para Configuración Avanzada y encuentra la opción Nombre del campo (utilizado para parámetros de URL).

Introduzca un nombre único (por ejemplo, nombre de pila, Correo electrónico, teléfono)

Paso 2: Agregar parámetros de URL

Utilice el nombre del campo en su URL con el valor que desea completar previamente. 

https://yoursite.com/form?first_name=John&email=john@example.com

Paso 3: Pruebe su formulario

¡Abre la URL en tu navegador y observa cómo los campos se completan automáticamente! 

 

Configuración de nombres de campos

Mejores prácticas para los nombres de campo:

• Utilice letras minúsculas
• Utilice guiones bajos en lugar de espacios (nombre de pila, no Nombre de pila)
•  Mantenlos breves y descriptivos.
•  Hazlos únicos dentro de tu formulario
• Evite los caracteres especiales (excepto el guión bajo)
•  No utilice espacios

Ejemplos:

Buenos nombres de campos:
- nombre de pila
- dirección de correo electrónico
– número de teléfono
- nombre de empresa
- título profesional

Nombres de campos incorrectos:
– Nombre (tiene espacio)
– dirección de correo electrónico (carácter especial)
– Teléfono# (carácter especial)

Personalización de formularios con campos ocultos

¿Qué son los campos ocultos?

Los campos ocultos capturan datos de los parámetros de URL sin mostrar los campos de entrada a los usuarios. Son ideales para:

– Seguimiento de las fuentes de la campaña

– Almacenamiento de códigos de referencia

– Captura de identificaciones de usuarios

– Personalización de contenido con Answer Piping

Configuración de campos ocultos

Paso 1: Crear campos ocultos

1. En el editor de formularios, desplácese hasta la sección Campos ocultos.
2. Haga clic en “Añadir campo oculto”
3. Dale un nombre único (por ejemplo, nombre , Utm_source, id_campaña)
4. Active “Capturar desde URL” Si desea capturar el valor de los parámetros de URL automáticamente

 

Ejemplo real: Campaña de correo electrónico personalizada

Escenario: Estás enviando una campaña por correo electrónico a tus suscriptores.

Preparar:

1. Crear campos ocultos: nombre de pila, Correo electrónico, origen de la campaña

2. Añade a tu mensaje de bienvenida: Hola {{first_name}}, ¡gracias por tu interés!

3. Crea tus enlaces de correo electrónico:

https://yoursite.com/form?nombre=Emma&correo electrónico=emma@ejemplo.com&fuente_de_campaña=boletín_enero_2024

Resultado: – El usuario ve: Hola Emma, ​​¡gracias por tu interés! – Capturas de formulario: correo electrónico y origen de campaña en segundo plano. El usuario solo completa la información faltante.

 

Ocultar campos de formulario

¿Qué es el ocultamiento de campo?

En lugar de mostrar campos precargados a los usuarios, puede ocultar completamente las preguntas cuando se proporcionan valores mediante URL. Esto crea una experiencia de formulario más clara y concisa.

 

Configuración de ocultación de campos

Paso 1: Establecer el comportamiento del parámetro URL

Abra su formulario en el editor y cHaga clic en la pregunta que desea configurar.

Ahora sdesplácese hacia Configuración avanzada y find el Comportamiento de los parámetros de URL Desplegable. Ahora sElige tu opción preferida:

• Rellenar previamente desde la URL (predeterminado): muestra el campo con un valor precargado
• Ocultar cuando la URL coincide—Oculta el campo cuando se proporciona un parámetro de URL

 

Paso 2: Establecer el nombre del campo

Asegúrese de que la pregunta tenga una Nombre del campo conjunto (como se describe en la sección Prellenado de formularios).

Paso 3: Prueba con parámetros de URL

Ejemplo con “Rellenar previamente desde URL”:
https://yoursite.com/form?email=john@example.com
Resultado: El campo de correo electrónico está visible y precargado con “juan@ejemplo.com”

Ejemplo con “Ocultar cuando la URL coincida”:
https://yoursite.com/form?email=john@example.com
Resultado: el campo de correo electrónico está completamente oculto, el valor se captura en segundo plano

Cuándo utilizar cada opción

Utilice “Rellenar previamente desde URL” cuando:

• Desea que los usuarios vean y verifiquen los datos precargados
• Los datos podrían ser incorrectos y los usuarios deberían poder cambiarlos.
• Estás completando previamente información opcional
• La transparencia es importante (los usuarios deben ver qué datos se envían)

 

Utilice “Ocultar cuando la URL coincida” cuando:

• Estás seguro de que los datos son correctos
• Quieres acortar el formulario
• Los datos son para fines de seguimiento (fuente de la campaña, parámetros UTM)
• Estás pasando identificaciones de usuario u otros datos del sistema
• Quieres crear una experiencia más personalizada

 

Notas importantes sobre cómo ocultarse

• Campos ocultos todavía someter sus valores con la forma
• Validación requerida Todavía se aplica: el campo no se ocultará si el valor de la URL está vacío
• Los usuarios no pueden editar los valores de los campos ocultos
• Oculte campos solo cuando esté seguro de que los datos son correctos

 

Tipos de preguntas admitidos

Tipos de preguntas totalmente compatibles

Estos tipos de preguntas funcionan tanto con relleno previo como con ocultación:

Preguntas basadas en texto

• Texto corto – Entrada de texto sin formato

• ?short_text=Hola mundo

• Nombre – Campo de nombre

• ?nombre=Juan

• Apellido(s) – Campo de apellido

• ?apellido=Smith

• Texto de párrafo – Texto de varias líneas

• ?comments=Este es un comentario largo con varias líneas

• Correo Electrónico – Campo de correo electrónico

• ?email=john@ejemplo.com

• URL – Campo URL del sitio web

• ?sitio web=https://ejemplo.com

 

Número de preguntas

• Número – Entrada numérica

• ?cantidad=5
• • Rango/Escala – Escala deslizante o Likert
  • ?satisfacción=4
  • Rango/Escala – La piel de Smiley

  ?smiley=Muy insatisfecho o Su valor personalizado

  ?smiley=Insatisfecho o Su valor personalizado

  ?smiley=Neutral o Su valor personalizado

  ?smiley=Satisfecho o Su valor personalizado

  ?smiley=Muy satisfecho o Su valor personalizado

  Nota: Para la piel sonriente, los valores predeterminados son Muy insatisfecho, Insatisfecho, Neutral, Satisfecho y Muy satisfecho.
  
  Puede usarlos o agregar sus valores personalizados para los emoticones habilitando la opción Establecer texto personalizado para emoticones.

   

Preguntas sobre citas

• Fecha – Selector de fecha (todas las apariencias)

• Formatos compatibles:
  ?date=2024-12-31 (AAAA-MM-DD)

 

Preguntas de selección

• elección única – Botones de opción, menús desplegables, botones, iconos, imágenes

• ?color=Rojo
  Nota: El valor debe coincidir exactamente con la etiqueta de la opción

• Opción múltiple – Casillas de verificación, selección múltiple

• ?colores=Rojo,Azul,Verde
  Nota: Separe los valores múltiples con comas

 

Número de Teléfono

• Número de Teléfono – Entrada de teléfono con código de país

• ?teléfono=+14155551234
  Nota: Incluya el código de país para obtener mejores resultados.

 

Si no preguntas

• Si no – Alternar o cambiar

• ?subscribe=sí
  ?suscribirse=no
  
  Valores aceptados:
  Para “Sí”: sí, cierto, 1
  Para “No”: no, falso, 0

 

 

Preguntas de dirección

• Dirección – Entrada de dirección de múltiples campos

• ?dirección_línea_1=Calle Principal 123
  ?dirección_línea_2=Apto. 4B
  ?dirección_ciudad=San Francisco
  ?address_state=California
  ?address_country=Estados Unidos
  ?dirección_código_postal=94102
  
  
• Notas:
• En el ejemplo anterior, la dirección sirve como nombre del campo. Por lo tanto, los campos deben seguir este formato: {dirección}_línea_1. La primera parte puede ser cualquier cadena que defina, pero debe respetar el formato especificado. Por ejemplo, my_address_state=California&my_address_country=United States
• – Los nombres de los campos se basan en la configuración de su campo de dirección
  – La coincidencia de países no distingue entre mayúsculas y minúsculas (India, India, INDIA funcionan).
  – Para ocultar la pregunta de dirección, TODOS los campos habilitados deben tener valores

 

RGPD/Consentimiento

• GDPR – Casillas de verificación de consentimiento

• ?gdpr=Actualizaciones por correo electrónico, notificaciones por SMS
  
  Notas:
  – Coincidir exactamente con las etiquetas de las casillas de verificación (sin distinguir entre mayúsculas y minúsculas)
  – Separe varios elementos con comas
  – Prefills: Comprueba los elementos que especifique
  – Ocultar: Solo se oculta si se proporcionan TODOS los elementos requeridos

 

Tipos de preguntas no admitidos

Estos tipos de preguntas hacen Admite el rellenado previo de URL:

• Carga de Archivos – Razones de seguridad (no se pueden cargar archivos mediante URL)

 

 

Ejemplos y casos de uso

Ejemplo 1: Campaña de marketing por correo electrónico

Meta: Complete previamente la información del suscriptor desde su lista de correo electrónico

Preparar:

Campos ocultos:
– id_del_suscriptor
- correo electrónico

Preguntas del formulario:
– first_name (Rellenar previamente desde la URL)
– empresa (Rellenar previamente desde la URL)
– teléfono (rellenar previamente desde la URL)
– mensaje (NO precargado)

Mensaje de bienvenida:
Hola {{first_name}}, ¡cuéntanos más sobre tus necesidades!

Enlace de correo electrónico:

https://yourform.com/contact?ID de suscriptor=12345&correo electrónico=sarah@company.com&nombre=Sarah&company=Acme Corp&teléfono=555-0123

Experiencia de usuario:

1. Abre el formulario desde el correo electrónico.

2. Ve: “Hola Sarah, ¡cuéntanos más sobre tus necesidades!”

3. El formulario muestra el nombre, la empresa y el teléfono ya completados.

4. Solo necesita escribir su mensaje 5. Envía el formulario rápidamente

Lo que capturas: – subscriber_id: 12345 (oculto) – email: sarah@company.com (oculto) – first_name: Sarah (precargado, editable) – company: Acme Corp (precargado, editable) – phone: 555-0123 (precargado, editable) – message: (escrito por el usuario)

Ejemplo 2: Embudo de varios pasos

Meta: Pasar datos de la página de destino al formulario en otra página

Preparar:

Página 1 (Página de destino):

<a href=“https://yourform.com/signup?industry=Healthcare&tamaño de la empresa=50-100&interés=Software”>
  Comenzar
</a>

Página 2 (Formulario):

Campos ocultos:
– industria (capturado de URL)
– company_size (capturado de la URL)
– interés (capturado desde la URL)

Preguntas del formulario:
- nombre de pila
- correo electrónico
- teléfono
- mensaje

Mensaje de bienvenida:
“¡Ayudamos a empresas de {{industry}} como la suya a tener éxito!”

Experiencia de usuario:

1. Llega a la página y hace clic en "Comenzar".

2. Ve el formulario con: “¡Ayudamos a empresas de atención médica como la suya a tener éxito!”

3. Completa información personal

4. Envíos

Lo que capturas: – Todo el contexto de la página de destino (industria, tamaño de la empresa, interés) – Información de contacto personal del formulario