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

Comparte un formulario de HubSpot en un sitio externo

Última actualización: julio 20, 2020

Requisitos

Todos los productos y planes

Los formularios se pueden compartir de dos maneras en tu sitio no alojado en HubSpot.

Con cualquier método, cualquier cambio hecho al formulario dentro de la herramienta de formularios de HubSpot, se reflejará automáticamente en el formulario en directo en tu sitio externo.

Descubre cómo aAgregar formularios de HubSpot a páginas o publicaciones de WordPress.

Agregar el código de incrustación del formulario

Nota: si asocias una campaña de Salesforce con tu formulario, el código de incrustación del formulario cambiará. En este caso, debes volver a agregar el código de incrustación a tu sitio externo.

  • En tu cuenta de HubSpot, dirígete a Marketing > Captación de oportunidades de venta > Formularios.
  •  Crea un nuevo formulario o coloca el cursor sobre unformulario existente, haz clic en el menú desplegableAccionesy selecciona Editar formulario.
  • Haz clic en la pestaña Opciones para elegir lo que sucederá después de que un visitante envía tu formulario. Puedes elegir redirigir a tus visitantes a una página de agradecimiento o mostrar un mensaje de agradecimiento en línea cuando un visitante envía tu formulario.
  • En el editor de formularios, en la parte superior derecha, haz clic en Compartir.
  • En el cuadro de diálogo, si quieres agregar contactos que envíen el formulario a una campaña de Salesforce, haz clic en el menú desplegable Agregar contactos a una campaña de Salesforce y selecciona una campaña.
  • Haz clic en Copiar.
    forms-editor-share-form-copy-form-embed
  • En la parte superior derecha, haz clic en Publicar
  • Pega el código de incrustación en el módulo HTML en tu página externa. Para hacer seguimiento a tu formulario, tu código de seguimiento de HubSpot debe estar instalado en la página externa donde colocas un formulario de HubSpot.

Descubre cómo diseñar tu formulario incrustado.

Si estás trabajando con WordPress, descubre cómo insertar un formulario en tu publicación o página de WordPress.

Crear una página de formulario independiente 

Puedes compartir tu formulario en una página de formulario, de manera que exista en su propia página, en su propia URL.  

  • En tu cuenta de HubSpot, dirígete a Marketing > Captación de oportunidades de venta > Formularios
  •  Crea un nuevo formulario o coloca el cursor sobre unformulario existente, haz clic en el menú desplegableAccionesy selecciona Editar formulario.
  • En la parte superior derecha, haz clic en Compartir
  • En el cuadro de diálogo, haz clic en la pestaña Compartir enlace 
  • Haz clic en Copiar para copiar la URL de la página del formulario en el portapapeles. 

share-form-own-page

  • En la parte superior derecha, haz clic en Publicar.
  • En tu navegador, abre una nueva ventana o pestaña y pega la URL de la página del formulario en la barra de direcciones para cargarla. También puedes compartir la URL de la página del formulario directamente con otros para darles acceso al formulario.
Si estás incrustando un formulario en tu sitio de WordPress, es posible que debas aplicar declaraciones CSS adicionales dentro de tu hoja de estilo externa para que el formulario sea adaptable. 

Si observas que tu formulario no funciona en WordPress o el código de incrustación que se cambia cuando ves la página en directo, es posible que debas insertar el formulario usando un plugin para asegurarte de que el código de incrustación permanezca intacto. Si estás usando la versión más reciente de Guttenberg, que elimina JavaScript en línea, usa la opciónInline JS para plugin de Guttenberg para incrustar formularios y CTA en tu página.

/es/forms/how-can-i-share-a-hubspot-form-if-im-using-an-external-site