How do I connect the forms on my Webflow website, based on the Saasplex X template, to Hubspot without a native integration?

To connect Webflow forms from the Saasplex X template to HubSpot without a native integration, you’ll need to use a custom form action that submits data directly to HubSpot via a HubSpot Form Embed or API endpoint. Below is a step-by-step approach.

​

1. Use HubSpot’s Embedded Form Method (Easiest Option)

​

• Log in to HubSpot and navigate to Marketing > Forms.
• Create a new form or select an existing form.
• Choose “Embedded form” as the form type.
• Copy the embed code provided by HubSpot.
• In Webflow, delete the default form block if necessary (or hide it), then:
• Add an Embed element where you want the form to appear.
• Paste the HubSpot embed code into the Embed element.

​

This replaces your Webflow form with the actual HubSpot form, which includes native spam protection and automatic syncing with your HubSpot CRM.

​

2. Use HTML Form Submission to HubSpot (More Advanced Option)

​

If you want to style and manage the form in Webflow but send data to HubSpot behind the scenes:

​

• Create a new form in HubSpot and save it.
• In the form's settings, locate the Form GUID, Portal ID, and Submission Endpoint:
• You can find these by creating a test submission and checking network requests, or via HubSpot’s Developer Docs.
• In Webflow:
• Select the Form element, then in the Form Settings panel, set the Form action to your HubSpot endpoint URL. Example format:

    https://forms.hubspot.com/uploads/form/v2/{portalId}/{formGuid}

• Set the method to POST.
• For each input, change the “Name” attribute to match the internal field names used in HubSpot. Example: firstname, email, company, etc.
• Disable Webflow form notifications under Project Settings > Forms to prevent errors.
• If needed, set hidden fields (like UTM parameters or tracking) in Webflow to send them to HubSpot.

​

Be sure to test submissions, and inspect the browser’s console or network activity to troubleshoot any errors.

​

3. Use a Middleware Service (Optional)

​

If you’re not comfortable working with API endpoints directly, you can use a service like:

​

• Zapier, Make (Integromat), or n8n to capture Webflow form responses and send them to HubSpot.
• This requires setting up a Webflow → HubSpot automation and possibly using Webhooks or Airtable as an intermediate step.

​

Summary

​

To integrate Webflow forms from the Saasplex X template with HubSpot without native integration, you can either (a) embed a HubSpot form directly, or (b) submit your styled Webflow form to HubSpot’s form endpoint by configuring the form action, method, and input names correctly. Use a middleware tool if you need a no-code bridge.