Easily build and embed forms on your site. Try HubSpot Forms for free.
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: diciembre 19, 2018

Puedes llenar automáticamente los valores de campos en un formulario en una página agregando cadenas de consulta a la URL de la página para los siguientes tipos de campo: 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.

  1. Copiar el nombre interno de la propiedad
  2. Crear la cadena de consulta

Ten en cuenta: no es posible usar cadenas de consulta para completar automáticamente campos dependientes de formulario.

Copiar el nombre interno de la 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.

refresh-property-internal-name

  • 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

Puedes crear cadenas de consulta estáticas para completar automáticamente los campos de formulario con valores predefinidos. 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 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.
  • 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&favorite_natural_disasters=Blizzard;Hurricane&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 el 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
  • 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=2018-10-24

 

Crea cadenas de consulta dinámicas con fichas de personalización (soloHubSpot Marketing Starter, básico, Pro, y Enterprise )

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. 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óncontactos.

  • 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.
  • 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 ej., {{ contact.firstname }} ), 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 ej., {{contact.firstname}} ).
    • Separa las propiedades múltiples con el símbolo et (&).

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 tienen valores conocidos para los campos en la cadena de consulta.

New Call-to-action