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