Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Forms

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

Última actualización: julio 28, 2021

Requisitos

Todos los productos y planes

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. También se aplica a los campos ocultos de formulario.

Ten en cuenta: no es posible usar cadenas de consulta para completar automáticamente campos dependientes de formulario. HubSpot también no puede activar campos dependientes basados en múltiples valores dentro de cadenas de consulta.

Para crear una URL con una cadena de consulta, primero deberás copiar el nombre de la propiedad interna de los campos que desees completar previamente y luego agregarlos al final de la URL de tu página.

Copiar el nombre interno de la propiedad

Para encontrar el nombre interno de una propiedad:

  • En tu cuenta de HubSpot, haz clic en el símbolo de configuración settings, situado en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, navega a Propiedades.
  • Haz clic en el nombre de una propiedad para completar los valores en tu formulario.
  • Copia el Nombre interno de la propiedad.

  • Repite esta opción para cualquier otra propiedad que desees para volver a completar los valores en tu formulario.

Crear cadenas de consulta estáticas con valores predefinidos

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

  • En tu navegador, navega a la página en que se encuentra tu formulario y copia la URL.
  • Agrega un signo de pregunta (?) al final de la URL de la página.
  • 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, separa los espacios en un valor de propiedad con% 20.
  • Separa las propiedades múltiples con el símbolo et (&).

Después de crear la URL con cadenas de consulta estáticas, puedes usarla como un enlace en tu contenido, como correos electrónicos y páginas. Un contacto que hace clic en el enlace verá el formulario en la página que se completa automáticamente con los valores predefinidos en la cadena de consulta. Este es un ejemplo de desglose de una URL con cadenas de consulta estáticas con el formato correcto:

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

  • 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 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

Crea cadenas de consulta dinámicas con fichas de personalización (Marketing Hub Pro y Enterprise, Legacy Marketing Hub Básico únicamente)

Puedes usar fichas de personalización para crear cadenas de consulta dinámicas que completarán automáticamente los campos de formulario según las propiedades de contacto conocidas.

Ten en cuenta: esto solo funcionará correctamente en las páginas de HubSpot con un formulario de HubSpot. Esta funcionalidad no funcionará en una página para compartir formularios de HubSpot. La URL del enlace también debe colocarse en tu contenido de HubSpot o una página externa con tu código de seguimiento de HubSpot.
  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Haz clic en Crear correo electrónico o nombre de un correo electrónico borrador.
  • En la barra de herramientas de texto enriquecido, haz clic en el ícono de la ficha de personalización contacts.

  • En el cuadro de diálogo, selecciona una a ficha de personalización para llenar automáticamente tu formulario. Continúa agregando fichas de personalización adicionales, según sea necesario.
Nota: asegúrate de que la casilla de comprobación Valor predeterminado global de esta propiedad esté seleccionada al insertar tu ficha de personalización. 
  • Estas fichas ahora aparecerán en el cuerpo del correo electrónico. En la barra de herramientas de texto enriquecido, haz clic en el ícono de código fuente codef para ver el HTML de tu 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 ficha se acompañará con corchetes dobles {{ }}. Destaca una ficha (por ejemplo, {{ contact.firstname }}), luego haz clic derecho y selecciona Copiar
  • Repite esto para cualquier ficha de personalización que desees llenar previamente en tu formulario.
  • En la parte inferior del cuadro de diálogo, haz clic en Cancelar y cerrar para salir del código fuente.

  • En tu navegador, navega a la página en tu formulario y copia la URL.

    • Agrega un signo de pregunta (?) al final de la URL de la página.
    • Agrega el nombre interno de la propiedad, seguido de un signo igual y la ficha de personalización. Asegúrate de eliminar todos los espacios de la ficha (por ejemplo, {{contact.firstname}} ).
    • Separa las propiedades múltiples con el símbolo et (&).

Este es un ejemplo de una URL con cadenas de consulta dinámica con formato correcto:

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

Después de crear la URL con cadenas de consulta dinámicas, puedes usarla como un enlace en tu contenido de HubSpot, como correos electrónicos y páginas, o 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.

New Call-to-action