Inicio Aprende Desarrollo web Cómo agregar un formulario de HubSpot en una página web
Tutorial Desarrollo web HubSpot

Cómo agregar un formulario de HubSpot en una página web

📅 03 Ago 2026

Introducción
Una vez que tienes tu formulario creado en HubSpot, puedes insertarlo en cualquier página web usando el código de inserción que te proporciona la plataforma — sin importar en qué tecnología esté hecho tu sitio. En este tutorial te mostramos cómo copiar ese código y agregarlo a una página HTML simple para que el formulario aparezca funcionando.


Pasos

  1. Ve a Marketing > Formularios en HubSpot y abre el formulario que quieres insertar.
  2. Haz clic en «Compartir» (o «Insertar», según la versión).
  3. Elige la opción «Insertar código» o «Copiar código de inserción».
  4. Copia el código HTML/JavaScript que te proporciona HubSpot (incluye tu portalId, formId y region).
  5. Abre tu página HTML en un editor de código (en este caso, VS Code).
  6. Pega el código dentro del <body>, en el lugar donde quieras que aparezca el formulario.
  7. Guarda el archivo.
  8. Visualiza la página en el navegador (por ejemplo, usando la extensión Live Server) para confirmar que el formulario se carga correctamente.
  9. Completa y envía el formulario de prueba para verificar que funciona.