To integrate your Webflow form with HubSpot without using Zapier, you can use HubSpot's native Forms API. Here's the step-by-step process:
1. Create a form in Webflow: Start by building your form in Webflow's Designer. Add the required form fields and any custom styling you want.
2. Set up a backend solution: Since native integration with HubSpot doesn't exist within Webflow, you'll need to use a serverless backend solution like AWS Lambda or Netlify Functions. This solution will handle the form submission and interact with the HubSpot API on your behalf.
3. Set up a serverless function: Create a serverless function using your chosen backend solution. The function should have an HTTP endpoint to receive form submissions from Webflow.
4. Handle form submission: In the serverless function, write code to handle the form submission request. Extract the submitted form data, validate it if necessary, and prepare it for sending to HubSpot.
5. Authenticate with HubSpot API: Generate an API key or OAuth token (depending on your setup) to authenticate your serverless function with the HubSpot API. This token will allow your function to interact with your HubSpot account.
6. Send form data to HubSpot: Using the HubSpot API, send a POST request to create a new form submission in HubSpot. Include the relevant form data extracted from the Webflow form submission.
7. Handle success/error response: Handle the response from the HubSpot API and return an appropriate success or error message to the Webflow user who submitted the form.
8. Configure Webflow form submission action: In your Webflow project settings, set the form submission action to be a POST request to the URL of your serverless function endpoint.
9. Deploy and test: Deploy your serverless function and test the form submission in Webflow. Make sure the data is successfully sent to HubSpot and that you're receiving the expected response.
By following these steps, you can set up a direct integration between Webflow forms and HubSpot without relying on Zapier. However, note that this approach requires some technical knowledge and might be more complex compared to using a third-party tool like Zapier.