Create Custom Forms and Sync to HubSpot

Mutiny lets you build fully on-brand, custom forms directly inside your assets that connect to HubSpot to capture and track submissions. When a visitor fills out the form, their data is sent to HubSpot so you can see who converted and which page they submitted on.

Gather Your HubSpot Credentials

Before building your form in Mutiny, you'll need two things from HubSpot: a Portal ID and a Form ID. The easiest way to find both is from the embed code on your HubSpot form. The Form ID also appears as the last string of characters in the URL when you're editing the form in HubSpot.

Copy the embed code and pull out both IDs — you can paste them into a text editor to make them easier to grab.

Create the Form in Mutiny

Open your asset in the Mutiny editor and select the section where you want the form to appear. In the prompt box, describe the form you want to create. Be specific about the fields you need (for example: first name, last name, and email) and make sure they match the fields on your HubSpot form.

Tell the agent to use the HubSpot form API to submit to HubSpot, and include your Portal ID and Form ID in the prompt so the agent has everything it needs to build a functioning form.

The agent will generate a custom form component in just a few seconds.

Customize the Form

After the form is created, you can adjust its appearance directly in the component properties panel. You can update headlines, labels, and button text. Changes will reflect in the component immediately. You can also edit the form elements manually in the editor if you prefer.

Test Your Form

Use the preview mode to test your form end to end. Fill out the fields and submit to confirm the submission arrives in HubSpot. In HubSpot, you'll see the submission in your form's responses along with the page name where the conversion happened, which helps with attribution.