In the current landscape of digital marketing, forms are essential for generating leads as they allow for the collection of essential information from potential customers. HubSpot, a comprehensive platform for inbound marketing, sales, and service, offers a robust set of tools for building forms. In this blog post, we will walk you through the steps of creating a form using HubSpot.
Step 1: Access HubSpot’s Form Tool
First, you need to sign in to your HubSpot account. Once logged in, go to the navigation bar at the top of the page and click on the Marketing tab. In the dropdown menu, select Lead Capture and then Forms.
Step 2: Create a New Form
In the upper right corner of the Forms dashboard, click on the orange Create form button. You will be taken to a new page where you can choose the type of form you want to create. For this guide, we’ll be creating a Regular Form.
Step 3: Select Form Fields
Now, you need to add fields to your form. On the left side of the screen, you’ll find a list of standard fields provided by HubSpot. To add a field to the form, just drag and drop a field from the list onto the form. You can add as many fields as you need.
Step 4: Customize Form Options
Once you have added all the necessary fields to your form, it’s time to customize the form options. Click on the Form Options tab in the upper right corner. Here, you can change the form name, select a form language, set up a redirect URL or a thank you message after form submission, and much more.
Step 5: Add Form to a HubSpot Page
To add your newly created form to a HubSpot page, navigate to your page in the content editor, click on the location where you want the form to appear, and select Add > Form. Choose your form from the dropdown menu and click Apply.
Step 6: Publish Your Form
Finally, click on the Publish button at the top right corner of the page. Congratulations! You’ve created and published your first form in HubSpot.
Source Code
Below is a sample HTML code of a basic HubSpot form:
<!-- Start of HubSpot Embed Code -->
<div class="hbspt-form" data-portal-id="your_portal_id" data-form-id="your_form_id"></div>
<script type="text/javascript" src="https://js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: "your_portal_id",
formId: "your_form_id"
});
</script>
<!-- End of HubSpot Embed Code -->
Remember, replace your_portal_id and your_form_id with your actual HubSpot portal ID and form ID.
Creating a form in HubSpot may seem daunting at first, but with practice, you’ll be able to quickly and easily create forms that perfectly meet your lead generation needs. Happy form creating!
