Do I need the HubSpot Marketing Hub?

No. A free HubSpot CRM account is enough. Marketing Hub adds workflow triggers and list automation but isn't required.

Can I map custom HubSpot properties?

Yes. Any HubSpot contact property, including custom ones you've created, can be mapped to any field in your Framer form.

Native Integration

Framer HubSpot Form Integration

Capture leads in Framer, route them to HubSpot CRM instantly. Map fields, add to lists, trigger workflows. No middleware.

Install in Framer View Full Docs

No Zapier or Make neededDirect API connectionSetup in minutes

How It Works

Framer forms, straight into HubSpot.

Forms Plugin connects your Framer forms to HubSpot through HubSpot's official Forms API. Every submission creates or updates a contact in your HubSpot CRM in real time. You keep full design control inside Framer. HubSpot handles segmentation, workflows, and email automation. No Zapier. No Make. No middleware fees.

1. Visitor submits

Framer form on your site

2. Contact appears in

HubSpot

What You Get

Everything you need, built in.

Direct API connection to HubSpot (no intermediate webhook or Zapier bridge)

Map any form field to any HubSpot contact property

Auto-create new contacts or update existing ones by email match

Trigger HubSpot workflows on form submission

Works with HubSpot Free, Starter, Professional, and Enterprise tiers

Common Use Cases

What teams build with this.

Demo request forms

A Framer homepage demo form creates a HubSpot contact and triggers a sales notification workflow. SDR picks up the lead inside HubSpot within seconds.

Newsletter signups

A footer signup form adds the contact to your HubSpot newsletter list and triggers the welcome sequence.

Gated content downloads

A downloadable PDF gate captures name + email + company, creates a HubSpot contact with the 'downloaded-guide-xyz' property set.

Setup Guide

Connect HubSpot in 6 steps.

1
Open Forms Plugin inside your Framer project and pick the form you want to connect.
2
In the plugin panel, select Integrations and click HubSpot.
3
Authenticate with your HubSpot account (OAuth flow).
4
Map form fields to HubSpot contact properties (email, first name, last name, company, or any custom property).
5
Optionally specify a HubSpot list to auto-add contacts to, or a workflow to trigger.
6
Publish your Framer site. Test-submit the form. Verify the contact appears in HubSpot.

Need more detail? Read the full HubSpot setup guide.

Screenshots, field mapping examples, and troubleshooting in our docs.

Open Documentation

FAQ

Questions about HubSpot.

Yes. The integration uses HubSpot's Forms API, which is available on every HubSpot tier including the free plan.

Upgrade Your Native
Forms Without Tools

Build advanced, secure forms directly inside Framer. Add powerful fields, built-in protection, and seamless integrations that scale with your projects.

Get this Plugin