Completar automáticamente campos de formulario con una cadena de consulta

Descubre cómo completar automáticamente los campos en un formulario en una página agregando cadenas a la URL de la página antes de enviarlas a tus contactos. Los campos se completarán según la cadena de consulta agregada. Esto también funciona para los campos de formulario ocultos. Por ejemplo, puedes crear propiedades UTM personalizadas y utilizar parámetros UTM para completar automáticamente el campo oculto de un formulario. 

Comprender las limitaciones y consideraciones

• Las cadenas de consulta no pueden rellenar automáticamente los campos de formulario dependientes.
• Los campos de formulario dependientes no pueden desencadenarse basándose en múltiples valores dentro de una cadena de consulta.

Crear cadenas de consulta estáticas con valores predefinidos

Para crear una URL con una cadena de consulta estática, deberá copiar el nombre de la propiedad interna de los campos que desee rellenar automáticamente y añadirlos al final de la URL de la página.

Copiar el nombre interno de la propiedad

1. En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
2. En el menú de la barra lateral izquierda, navega hasta Propiedades.
3. Haz clic en el nombre de una propiedad para completar previamente los valores en tu formulario.
4. Copia el Nombre interno de la propiedad. Más información sobre nombres de propiedades internas.
5. Repita este paso para cualquier otra propiedad para la que desee autocompletar valores en su formulario.

Cree su URL con cadenas de consulta estáticas

Después de copiar los nombres de las propiedades internas, puedes configurar la URL de la página que enviarás a tus contactos: 

1. En tu navegador, navega a la página en que se encuentra tu formulario. Luego, copia la URL.
2. Agrega un signo de pregunta (?) al final de la URL de la página.
3. Agrega el nombre interno de la propiedad, seguido de un signo igual y el valor deseado, que se completará automáticamente en el campo. Toma nota de las reglas para agregar valores, según el tipo de campo de la propiedad:
   • Casilla de comprobación: las cadenas de consulta de casilla de comprobación individual deben contener un valor de verdadero o falso, no de sí o no.
   • Selector de fechas: las cadenas de consulta de deben contener un valor de fecha con el formato AAAA/MM/DD.
   • Casillas de comprobación múltiples: los valores de cadena de consulta deben coincidir exactamente con las opciones de valores de la propiedad, con un punto y coma que separe los valores múltiples.
   • Selección de radio/Selección desplegable: los valores de la cadena de consulta deben coincidir exactamente con las opciones de valor de la propiedad.
   • Para todos los tipos de campo: al crear cadenas de consulta, estas reglas se aplican a todos los tipos de campo.
     • Los espacios en un valor de propiedad deben separarse con %20. 
     • Varias propiedades diferentes deben separarse con un símbolo et (&).

Ejemplo de URL con una cadena de consulta estática 

http://www.domain.com/marketing-offer?firstname=John&lastname=Smith&email=jsmith@email.com
&favorite_season=Winter%20Season&favorite_fast_food=Burger;Taco&number_property=7
&will_you_come_to_the_party=Maybe&do_you_like_parties=true&date_of_party=2018-10-24

• Comienzo de la cadena de consulta y del campo de texto de una línea: ?firstname=John
• Campo de texto de una sola línea: &lastname=Smith
• Campo de texto de una sola línea: &email=jsmith@email.com
• Campo de selección desplegable: &favorite_season=Winter%20Season
• Campo de casillas de comprobación múltiples: &favorite_fast_food=Burger;Tacos
• Campo numérico: &favorite_number=7
• Campo de selección de radio: &will_you_come_to_the_party=Maybe
• Campo de casilla de comprobación individual: &do_you_like_parties=true
• Campo de selector de fechas: &date_of_party=2018-10-2

Creación de cadenas de consulta dinámicas con tokens de personalización

Puede utilizar tokens de personalización para crear cadenas de consulta dinámicas que rellenen automáticamente los campos del formulario en función de las propiedades de contacto conocidas.

Seleccionar tu token de personalización

En primer lugar, recupera los tokens de personalización necesarios para crear tus cadenas de consulta. Para recuperar un token de personalización de una propiedad: 

1. En tu cuenta de HubSpot, dirígete a Marketing > Correo electrónico.
2. Haga clic en Crear correo electrónico o en el nombre de un borrador de correo electrónico.
3. En la barra de herramientas de texto enriquecido, haz clic en Personalizar.
4. Configura tus tokens de personalización:
   
   • En el cuadro de diálogo, selecciona un token de personalización para llenar automáticamente tu formulario. 
   • Selecciona la casilla de verificación Utilizar el valor predeterminado global de esta propiedad al insertar tu token de personalización.
   • Continúa agregando fichas de personalización adicionales, según sea necesario. 

5. En la barra de herramientas de texto enriquecido, haga clic en Más y seleccione el icono de código fuentecodef para ver el HTML de su correo electrónico.
6. En el código fuente, verás el código sin procesar para cada token de personalización que hayas agregado al cuerpo del correo electrónico. Cada token se acompañará con corchetes dobles {{ }}. Resalta un token (por ejemplo {{ contact.firstname }}), haz clic con el botón derecho y selecciona Copiar. 
7. Repite esto para cualquier token de personalización que quieras llenar previamente en tu formulario.
8. En la parte inferior del cuadro de diálogo, haga clic en Cancelar y cerrar para salir del código fuente.

Crea tu URL con cadenas de consulta dinámicas

Utiliza los tokens de personalización para crear una URL con cadenas de consulta dinámicas. Esta URL puede utilizarse como enlace en tu contenido de HubSpot, como correos electrónicos y páginas, o en una página externa con tu código de seguimiento de HubSpot . Un contacto que hace clic en el enlace verá el formulario en la página que se completa automáticamente con su información si tiene valores conocidos para los campos en la cadena de consulta.

Para crear una URL con cadenas de consulta dinámicas:

1. En tu navegador, navega a la página en que se encuentra tu formulario. Luego, copia la URL.
2. Utilizando la URL de la página y los tokens de personalización, da formato a tu cadena de consulta dinámica:
   • Agrega un signo de pregunta (?) al final de la URL de la página.
   • Añade el nombre interno de la propiedad, seguido de un signo igual y la ficha de personalización. Asegúrese de eliminar todos los espacios del token (por ejemplo, {{contact.firstname}} ).
   • Separa las propiedades múltiples con el símbolo et (&).
3. He aquí un ejemplo de URL con cadenas de consulta dinámicas formateadas correctamente:

http://www.domain.com/marketing-offer?firstname={{contact.firstname}}&lastname={{contact.lastname}}&email={{contact.email}}