Skip to main content
Embedded forms allow you to integrate your existing forms and scheduling tools directly into demo steps. While Navattic forms are recommended for the best user experience, embedded forms let you maintain existing workflows and integrations.

​
Why use embedded forms?

Embedded forms are ideal when you need to:
  • Maintain existing workflows: Keep using forms already integrated with your systems
  • Complex logic: Leverage advanced form logic from specialized platforms
  • Compliance requirements: Use forms that meet specific regulatory needs
Navattic forms are recommended for better performance, analytics, and user experience. Consider embedded forms only when specific requirements can’t be met with native forms.

​
Supported embed form types

HubSpot

Marketo

Pardot

Calendly

Chili Piper

RevenueHero

HubSpot Meeting

Default.com

​
Adding embedded forms

Follow these steps to add an embedded form to your demo:
1

Add an embed step

  1. In the Flow Builder, add a new step
  2. Select Embed as the step type
  3. Choose your embed type from the dropdown
2

Configure the embed

Each embed type requires specific configuration:
Required fields:
  • Portal ID: Your HubSpot account ID
  • Form ID: The specific form’s ID
  • Region: Your HubSpot data center (na1 or eu1)
Portal ID: 123456
Form ID: a1b2c3d4-e5f6-g7h8-i9j0-k1l2m3n4o5p6
Region: na1
Finding your IDs:
  1. Go to Marketing > Forms in HubSpot
  2. Click on your form
  3. The URL contains both IDs: app.hubspot.com/forms/[PORTAL_ID]/editor/[FORM_ID]

​
FAQ

Issue: Embedded form doesn’t match demo designEmbedded forms load inside an iframe served by the form provider (HubSpot, Pardot, Calendly, etc.). Because of this, styling changes cannot be made from within Navattic — all appearance customization must be done directly in the source platform.Solutions:
  • Use the form provider’s own styling tools — Each platform (HubSpot, Pardot, Marketo, etc.) has its own form styling options. Apply branding, colors, and fonts there so the form looks consistent before it’s embedded.
  • Consider using Navattic forms — If you need the form to match your demo’s design closely, Navattic native forms give you full control over appearance within the platform.