• Emily Malone

Quick guide: How to embed a HubSpot form into your external website

Updated: Jul 6, 2020

HubSpot smart forms are pretty great, you can do so much more with them. You can customise them, or you can select from field types such as open text fields, dropdowns menus, radio select buttons, check boxes, and more.

In fact, HubSpot forms are so smart, they can learn from previous submissions. So, if a contact has already filled out a specific form field before, it will store this information and decide not to show them that question next time.  Plus, you can use these forms to enrol contacts into a workflow or trigger an automated email after submission. You can even use the forms to dynamically show different questions based in a visitor’s county, device, referral source, persona, and more.

And the good news is, they’re not just limited to HubSpot-hosted websites. There’s a perfectly easy way you can embed your HubSpot forms into your non-HubSpot website, and even track the submissions inside your CRM. Here’s a quick guide on how:

Forms can be added to externally-hosted websites like WordPress with HubSpot’s JavaScript embed code. This means any change made within the form in HubSpot will be automatically reflected on the form in your external site. So, no need to update if you make any changes! Pretty nifty, right? Here’s HubSpot’s instructions:

  1. To seek out this embed code, navigate to your contacts, then click forms.

  2. Next, click on the one you want on your website.

  3. Remember to specify a redirect URL to redirect your visitor after they fill out your form (this is required)

  4. Then, click the copy embed code button, and paste it into your website’s HTML.

Et voilà! Your new, smarter forms are on your website ready to help turn visitors into better-quality leads. What would you like to learn next? Let us know in the comments section below!