How to add HubSpot forms to your website
HubSpot forms is HubSpot's free forms, which feed directly into its CRM, used by B2B businesses, agencies and consultants managing a sales pipeline. Here's how to put it on your own website, which embed option to pick, and what goes wrong.
Quick answer
Get the code from your HubSpot account under Marketing then Forms, where each form provides an embed code. For most people the right choice is the embedded form — the form on your page, with submissions creating CRM contacts. Paste it into a code or embed block on your site — not a plain text field — then place it beside your main call to action and test the whole flow on a phone before relying on it.
HubSpot forms: which option to use
| Option | What it does |
|---|---|
| Embedded form | The form on your page, with submissions creating CRM contacts. |
| Popup form | A triggered version for lead capture. |
| Meeting link instead | HubSpot's scheduler, which for many B2B cases converts better than a form. |
Step-by-step
- 1
Find the code or link in your account
HubSpot forms keeps this in your HubSpot account under Marketing then Forms, where each form provides an embed code. Copy what you need before touching your website — most of the time people lose is spent hunting for the snippet, not installing it.
- 2
Pick the right option for the job
The table above is the decision. Embedded form: The form on your page, with submissions creating CRM contacts. Popup form: A triggered version for lead capture. Choosing before you paste saves rebuilding the section later.
- 3
Paste it into a code or embed block
This needs an HTML, code or embed block — not a plain text field, where the code will simply appear as text on your page. On Adviita, ask the AI editor to add an embed section and drop the code in. On WordPress use a Custom HTML block, on Squarespace a Code block (Business plan or above), and on Wix an Embed HTML element.
- 4
Put it where the decision happens
An email list is the only audience you own outright — no algorithm sits between you and it. A widget three scrolls down does a fraction of the work of the same widget beside your main call to action. Decide what the page is for, then place it at the point the visitor is deciding.
- 5
Check it on an actual phone
Most visitors to a small business website arrive on a phone, and embeds are where mobile layouts break. Open your live site on your own phone and confirm it loads, fits the screen without sideways scrolling, and does not push your contact button out of view. Third-party embeds are also the most common cause of a slow page, so if it noticeably delays loading, consider a plain link instead.
- 6
Test it end to end before you rely on it
Run through the whole flow yourself as a customer would — submit a real entry — and confirm what should happen actually happens. Broken embeds fail silently, and the first person to notice is usually a customer who has already given up.
Tips & best practices
- ▸HubSpot's free tier is genuinely useful, but the upgrade path is steep. Know what the next tier costs before you build processes on it.
- ▸The tracking code is separate from the form embed. Without it you lose the attribution that makes HubSpot worth using.
- ▸Long qualification forms suppress conversion. Ask for the minimum, then enrich in the CRM.
- ▸Re-test the embed after any change to your site, your plan, or the connected account — third-party widgets break quietly and nothing tells you.
Common questions
Is HubSpot's free CRM and forms actually free?
+−
Yes, genuinely — free forms, contact management and basic email are usable indefinitely. The cost arrives when you need automation, reporting or marketing features, and the jump is significant. It is a good free starting point provided you go in knowing the pricing ladder.
How do I embed a HubSpot form on my website?
+−
Create the form under Marketing then Forms, and copy the embed code. Paste it into a code block on your site. Also install HubSpot's tracking code sitewide — without it, submissions still arrive but you lose the page and source attribution that makes the CRM useful.
Do I need a developer to add HubSpot forms to my site?
+−
No. Every option here is copy and paste into a code or embed block, which every mainstream website builder provides. The only genuine blocker is a builder or plan that does not allow custom code at all — Squarespace, for instance, requires a Business plan or above for code blocks.
Will adding HubSpot forms slow down my website?
+−
Any third-party embed has some cost, because it loads code from another company's servers. One is usually unnoticeable; four or five on the same page is where small business sites become visibly slow. If page speed matters to you, prefer a plain link over a script wherever the option exists, and keep embeds to the pages that genuinely need them.