Forms

¿Puedo completar campos de formulario automáticamente usando una cadena de consulta?

Última actualización: March 21, 2018

Requisitos

Marketing Hub
marketing-basic-pro-enterprise
Professional, Enterprise
Básico

Sí, puedes agregar cadenas de consulta a la URL de una de tus páginas de destino para completar valores de campo automáticamente en el formulario de la página. Esto se aplica a los siguientes tipos de campos: texto de una sola línea, texto de varias líneas, selección en lista desplegable, múltiples casillas de comprobación, campos numéricos, selección de radio, casilla de comprobación individual y selector de fechas. También se aplica a los campos ocultos de formulario. Ten en cuenta que no es posible usar cadenas de consulta para completar automáticamente campos dependientes de formulario.

Crea cadenas de consulta con valores establecidos

  • En tu cuenta de HubSpot Marketing Básico, Pro o Enterprise, navega a Contactos > Configuración de Contactos.
  • Copia el nombre interno de la propiedad que usarás en la cadena de consulta. 

usar-nombre-interno-en-cadena-de-consulta.png

  • Crea la URL:
    • Agrega un signo de interrogación al final de la URL de la página de destino que contiene el formulario.
    • Agrega el nombre interno de la propiedad, seguido de un signo igual y el valor deseado, que se completarán automáticamente en el campo. Existen algunas reglas para agregar valores, según el tipo de campo de la propiedad:
      • Las cadenas de consulta de casilla de comprobación individual deben contener un valor de verdadero o falso, no de sí o no.
      • Las cadenas de consulta de selector de fechas deben contener un valor de fecha con el formato MM/DD/AAAA.
      • Los valores de múltiples casillas de comprobación deben coincidir exactamente con las opciones de valores de la propiedad, con un punto y coma que separe los valores múltiples.
      • Los valores de selección de radio y selección en lista desplegable deben coincidir exactamente con las opciones de valores de la propiedad.
    • Separa las propiedades múltiples con el símbolo et (&).
Este es un ejemplo de desglose de una URL con cadenas de consulta con el formato correcto:

http://www.domain.com/marketing-offer?firstname=John&lastname=Smith&email=jsmith@email.com
&favorite_season=Winter&favorite_natural_disasters=Blizzard;Hurricane&number_property=7&will_you_come_to_the_party=Maybe&do_you_like_parties=true&date_of_party=01/07/2016

  • Inicio de la cadena de consulta y campo de texto de una sola 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 en lista desplegable: &favorite_season=Winter
  • Campo de múltiples casillas de comprobación: &favorite_natural_disasters=Blizzard;Hurricane
  • 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=01/07/2016

Crea cadenas de consulta dinámicas con fichas de personalización

También puedes crear URL personalizadas que completarán un formulario automáticamente con la información de contactos conocidos. Así funcionaría en un correo electrónico de HubSpot:

Nota: esto solo funcionará debidamente si el enlace dirige al contenido alojado en HubSpot con un formulario de HubSpot y el enlace se coloca en una página alojada en HubSpot (o un correo electrónico de HubSpot) o una página alojada externamente con el código de seguimiento de HubSpot.
  • Navega a Contenido > Correo
  • Crea un nuevo correo electrónico o coloca el cursor sobre un correo electrónico existente y haz clic en Editar.
  • Primero, tendrás que encontrar el código para las fichas de personalización que quieras usar en la URL. Para hacerlo, haz clic en el símbolo de la ficha de personalización en la barra de herramientas de texto enriquecido. 

  • Selecciona la ficha de personalización que quieres agregar a la URL. Agrega tantas fichas de personalización como sea necesario. 
  • Estas fichas ahora aparecerán en el cuerpo de tu correo electrónico. Haz clic en el símbolo de código fuente (<>) en la barra de herramientas de texto enriquecido para ver el código HTML del correo electrónico. 

  • En el código fuente, verás el código sin procesar para cada ficha de personalización que hayas agregado al cuerpo del correo electrónico. Cada una tendrá corchetes dobles al principio y al final. Resalta una de ellas (en este caso, como queremos usar el nombre, el código de la ficha es {{contact.firstname}} ); después, haz clic con el botón derecho y selecciona Copiar. Haz clic en Cancelar y Cerrar para salir del código fuente. 

  • Ahora, haz clic en el enlace al que quieres agregar la cadena de consulta y selecciona Opciones.

  • Agrega un signo de interrogación al final de la URL de enlace, luego el nombre interno de la propiedad (ver arriba), un signo igual y por último pega el código de la ficha de personalización. Haz clic en Actualizar Enlace
cadena-de-consulta-de-ficha-de-personalización-2.gif

Repite estos pasos según sea necesario para cualquier otra ficha de personalización que hayas incluido en el cuerpo del correo. Agrega un símbolo et (&) entre las cadenas de consulta.

Para probar tu enlace, envíate un correo electrónico de prueba como un contacto particular, siguiendo los pasos descritos aquí.