​
Overview

Capture website leads instantly without requiring a traditional form. Simply add our JavaScript snippet to your header tag to begin collecting visitor responses. See below for more instructions

HubSpot Forms are used by customers like: Runway & Spot AI!

​
Implementation

​
Step 1: Connect your Webform

1

Connect your webform

Go to Navigation > Forms > Webforms. Select the Connect your Webform option.

​
Step 2: Select HubSpot Form

2

Select HubSpot form

Choose HubSpot as your form type and copy the provided snippet. Your engineering team will need to add this snippet to the <head> section of your webpage.

Your snippet should look something like this:

<script>
  (function(w, d) {
    w.__default__ = {team_id: xxx, form_id: xxxxx};
    var s = d.createElement('script');
    s.async = true;
    s.src = 'https://import-cdn.default.com/v2/index.js';
    d.head.appendChild(s);
  })(window, document);
</script>

​
Step 3: Identify your Form

3

Identify your form

Specify how you’ll identify the form on your webpage by choosing one of these methods:

  • Adding the unique identifier to your <form> tag.

  • Adding the code to your form wrapper.

  • Place a <div> around your form.

Then select “I have my form identification.”

​

​
Step 4: Test Connection

4

Test connection

Test your setup by submitting a sample response through your web form. After submission, map all required fields to complete the configuration.

​
Step 5: Map Form Fields

5

Map form fields

Map the email field from your form submission when prompted. This is a required field for all forms.

Other fields (e.g. Company Name, First Name, Last Name) can be mapped to Default lead attributes.

Note: Not all fields will be mapped to a Default field attribute. This is expected.

​

​
HubSpot Form Examples

​
Runway

​
Spot AI

​

​
FAQs

Was this page helpful?