How Do I Link a HubSpot Form to Webflow?

by

Are you looking to integrate your HubSpot form with Webflow? Well, you’re in luck!

In this tutorial, we will walk you through the step-by-step process of linking a HubSpot form to Webflow. Let’s get started!

Step 1: Create your HubSpot Form

First things first, log in to your HubSpot account and navigate to the Forms section. Click on the “Create form” button to begin creating your form. Give your form a name and select the fields you want to include.

Make sure to bold any important instructions or labels that you want to stand out.

Step 2: Customize your Form

Once you have selected your fields, you can customize the appearance of your form. HubSpot provides several templates and styling options that you can choose from.

If you want any specific text or headings in your form to be underlined, use the appropriate HTML tag.

Step 3: Generate the Embed Code

After customizing your form, click on the “Embed” button located at the top right corner of the page. A popup will appear with the embed code for your form.

To create a list of steps or requirements, use an

    tag followed by

  • tags for each item in the list.

    Step 4: Copy the Embed Code

    Select and copy the entire embed code provided by HubSpot. This code contains all the necessary HTML and JavaScript needed to display and submit your form on Webflow.

    If you want to add any subheaders within steps or sections, use appropriate heading tags such as

    ,

    , etc.

    Step 5: Add the Embed Code to Webflow

    Now, log in to your Webflow account and navigate to the page where you want to add the form. Click on the ‘+’ icon to open the element panel, and select ‘Embed’.

    Paste the embed code you copied from HubSpot into the embed element. You can position and style the form as per your requirements using Webflow’s design tools.

    Step 6: Publish your Webflow Site

    Once you have added and styled your form, make sure to publish your Webflow site for the changes to take effect. Click on the ‘Publish’ button located at the top right corner of the Webflow Designer.

    That’s it! You have successfully linked a HubSpot form to Webflow.

    Your visitors can now fill out and submit the form seamlessly on your Webflow site. Congratulations!

    Remember, using appropriate HTML tags such as bold, underline,

      ,

    • ,

      ,

      , etc., helps in organizing and visually enhancing your content, making it more engaging and easy to follow.

      Happy integrating!