How to Add a HubSpot Form to WordPress

If your site runs on WordPress and you're not ready to move it, you don't have to choose between staying on WordPress and getting proper lead data. HubSpot Forms embed directly into a WordPress page or post, and every submission lands in HubSpot's CRM in real time, no manual export required.

This guide covers the embed itself, and the field settings worth checking before a form built for one market goes live for a bilingual, multi-country audience.

What an Embedded HubSpot Form Actually Is

It's worth being precise about this, because it changes what you're maintaining. An embedded HubSpot form isn't a WordPress plugin that stores entries in your WordPress database, the way a native form plugin does. It's a live HubSpot form, rendered on the page, that submits straight back to HubSpot. The data, the field logic, and the connection to workflows, lists and lead scoring all live on the HubSpot side. WordPress is just where the form is displayed.

That's the appeal over a native WordPress form plugin: submissions arrive in your CRM already structured, without a manual import step, and they can trigger workflows the moment they land.

Step 1: Install the HubSpot Plugin for WordPress

Search the WordPress plugin directory for "HubSpot" and install the official plugin, currently listed as HubSpot All-In-One Marketing – Forms, Popups, Live Chat (findable under its long-standing slug, leadin, if search results shift the display name again). It needs a self-hosted WordPress.org install on version 3.7 or higher; it cannot be installed on WordPress.com, which doesn't allow plugins or custom JavaScript at all.

Step 2: Activate It and Connect Your Account

Activate the plugin from your WordPress dashboard, then follow the prompt to connect it to your HubSpot account. If you don't already have one, you'll be walked through creating it.

Step 3: Build the Form in HubSpot

With the accounts connected, go into HubSpot's Forms tool and build the form there, not in WordPress. Add the fields you need, set which ones are required, and match the styling to your site as closely as the form editor allows.

This is also the point to check regional friction before it goes live:

• Postal code: there's no postal code in general street use in the UAE, so a required postal code field is asking for data that doesn't exist for most Gulf visitors, not data they're simply reluctant to hand over. Make it optional, or drop it from this form's version.
• Required fields can't just be hidden per market: the required flag sits on the field, and a field marked required cannot also be hidden. Showing a field in one country and skipping it in another needs conditional logic, which is only available on a Marketing Hub or Content Hub Professional or Enterprise subscription. On a lower tier, whatever is required stays required for everyone who fills the form out.
• Phone country code: the default country code shown on a phone field is set from the visitor's IP address, not something you can hardcode. A form built for a UAE campaign still shows +20 to a visitor browsing from Egypt, and there's no setting that overrides it.

None of these block you from launching. They're the difference between a form that converts cleanly across the region and one that quietly loses submissions to a field nobody can fill in correctly.

If your site publishes in Arabic, add one more check here: preview the form on an actual Arabic page before launch, not just in HubSpot's own preview pane. The form is generated by HubSpot and loaded into the page inside an iframe, and whether it inherits your WordPress theme's right-to-left direction cleanly or needs its own styling override varies by theme, so confirm it visually on your specific setup rather than assuming either way.

Step 4: Preview the Form

Before embedding it, preview the form inside HubSpot to confirm the fields, validation and styling behave as expected, and submit a test entry to check it lands correctly in the CRM.

Step 5: Embed and Publish It in WordPress

How you embed it depends on which WordPress editor the page uses.

Classic Editor: open the page or post, click the form-insert button in the editor toolbar, select the HubSpot form you built, and insert it. It appears on the page once published.

Block editor (Gutenberg): add a new block, search the block library for HubSpot, and choose the HubSpot form block. Select your form from the list and publish the page.

Either way, the form itself keeps running on HubSpot's servers behind the embed, which is why an update made to the form later, a new field, a copy change, shows up on the WordPress page without needing to touch WordPress again.

Not Ready to Commit Either Way?

Adding a form is a low-risk way to get real lead data flowing without deciding your platform question yet. When you are ready to weigh it properly, our HubSpot vs. WordPress comparison covers what actually decides that shortlist regionally, and if the answer turns out to be a full move, a step-by-step HubSpot website migration guide covers what that looks like.

If the form is part of a bigger site rebuild rather than a standalone addition, that's website design and development work, and it's worth planning the form fields and the site build together rather than bolting one onto the other later. Fewer than 3% of HubSpot's partners worldwide hold Diamond Solutions Partner status; reach out if you'd like ours involved.