How to Share Hubspot Forms on External Sites

When you build web forms in Hubspot, you often need to share them on external websites, blogs, or landing pages that are not hosted in Hubspot. This guide walks you step by step through every supported method to publish your forms while still tracking submissions, contacts, and analytics in your CRM.

All methods described here are based on Hubspot’s official functionality for sharing forms, including embeddable code, standalone form pages, and supported integrations.

Understanding Your Hubspot Form Sharing Options

Before choosing how to publish your form, it helps to understand the main ways Hubspot lets you share forms on external sites:

Embed the form directly into your page using an HTML embed code.
Use a standalone form page generated by Hubspot.
Trigger a popup form or overlay on any external page.
Connect through platform-specific integrations and plugins.

Each approach keeps submission data flowing into your CRM, but the setup steps and design control are slightly different.

How to Get the Hubspot Form Embed Code

The most flexible way to share a form is to embed it directly into your site. You can do this on any platform that accepts custom HTML, such as WordPress, Webflow, or custom-coded sites.

Step 1: Open Your Form in Hubspot

Log in to your Hubspot account.
Navigate to your marketing tools and open the Forms section.
Locate the form you want to share and click its name to open it.

Make sure any recent edits are saved and published before copying the share code.

Step 2: Generate the Hubspot Embed Code

Within the form editor, look for the option to share or embed your form.
Select the Embed option to open the embed code panel.
Hubspot will display a short JavaScript-based embed snippet.
Click the button to copy the full code to your clipboard.

This embed snippet loads the form dynamically from Hubspot servers, so any later changes you make to the form in your account will automatically update wherever the code is embedded.

Step 3: Add the Embed Code to Your External Site

Now you can paste the code into your external page. The exact steps depend on your platform, but the process is similar:

Open the page editor on your external site.
Switch to HTML or code view, or insert a custom HTML block.
Paste the Hubspot embed snippet exactly as you copied it.
Save and publish or update the page.

Once published, visit the page in your browser to confirm the form loads correctly and test a submission to verify that data appears in your Hubspot contacts and form analytics.

Using a Standalone Hubspot Form Page

If you cannot edit your site’s HTML, or you want a quick link-based form without touching your CMS, you can use a standalone form page generated by Hubspot.

Step 1: Publish the Form

Open your form in the Hubspot editor.
Ensure all fields, follow-up options, and styling are configured.
Click to publish the form if it is not already live.

Publishing enables a shareable URL you can use anywhere online.

Step 2: Copy the Standalone Form URL

In the sharing options, look for the direct link or standalone page URL.
Copy the full URL provided by Hubspot.

This link opens a page hosted by Hubspot that contains your form. It is mobile responsive and ready to use without additional coding.

Step 3: Share the Link on External Platforms

You can now share this URL in multiple ways:

Add as a call-to-action button on your website or blog.
Include in email campaigns, newsletters, or signatures.
Post on social media or ads that require a form destination.
Link from external documentation or partner sites.

All submissions from this standalone page are tracked like any other form submission in your account.

Embedding Hubspot Forms with Popup or Overlay Options

Beyond static inline embeds, you can use popup or overlay styles to display a Hubspot form on your external pages.

Configuring a Popup Form in Hubspot

Create or open a popup form in your Hubspot tools.
Set your targeting rules (e.g., page URLs, exit intent, time on page).
Configure the form fields, messaging, and thank-you behavior.
Publish the popup form to generate script options.

Depending on your setup, the popup may require a short tracking or embed script to be added to the external site so Hubspot can trigger the form according to your rules.

Adding the Popup Script to Your External Site

On your external website:

Access your global header or footer scripts area, or a custom code section.
Paste the Hubspot tracking or popup script as instructed.
Publish your changes and verify that the form appears when the trigger conditions are met.

This method allows you to run lead capture campaigns across multiple external domains while managing everything centrally in Hubspot.

Platform Integrations for Hubspot Form Sharing

Many popular CMS and site builders offer prebuilt integrations that simplify using Hubspot forms. Instead of copying raw HTML, you often connect your account and select forms from a menu.

Common Platforms That Work with Hubspot

Content management systems like WordPress or Drupal.
Website builders such as Wix, Squarespace, or Webflow.
Ecommerce platforms with marketing or form integration modules.

For each platform, check whether there is a dedicated Hubspot plugin or module that allows you to choose your forms from a list and drop them into pages using widgets or blocks.

Basic Integration Steps

Install the Hubspot plugin or integration for your platform, if available.
Authenticate with your Hubspot account by following the connection prompts.
Select the specific form you want to display from the integration’s settings.
Insert the form into your desired page or template.

This approach keeps your forms connected to Hubspot without manually copying embed code every time you publish a new form.

Best Practices When Sharing Hubspot Forms

To get reliable data and a smooth user experience when sharing forms outside of Hubspot-hosted pages, keep these practices in mind:

Test in multiple browsers: Confirm that the embedded or standalone form loads correctly on desktop and mobile.
Track conversions: Use Hubspot analytics to monitor form views, submissions, and conversion rates.
Respect privacy and consent: Ensure your form and page clearly state how data is used and comply with regional regulations.
Keep styling consistent: Adjust colors, copy, and layout so the form feels like part of your external site experience.

If you want expert help planning your implementation or scaling your marketing automation, you can find strategic guidance from partners such as Consultevo.

Where to Find the Official Hubspot Documentation

For the most detailed and up-to-date technical instructions, always refer to the official knowledge base. You can review Hubspot’s original article on sharing forms with external sites at this documentation page.

By combining the embed code, standalone URLs, popup scripts, and integrations described above, you can reliably share your Hubspot forms across any external website while keeping all submissions synchronized in your CRM and analytics.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`