.svg){kind=icon}
.gif)
.svg)
Quick summary
The Framer HubSpot integration lets you embed HubSpot forms directly into your Framer website by connecting your Account ID and Form ID from HubSpot's Embed Code. This step-by-step walkthrough covers everything from opening your Framer project to pasting the correct IDs into the HubSpotForm settings panel.
Steps
- Log in to your Framer account and open an existing or new project.
- Navigate to Forms in the left pane of the Framer editor.
- Select HubSpot from the list of available Embeds.
- Locate the HubSpotForm section in the right pane where you will need to paste your Account ID.
- Open your HubSpot account to retrieve your form credentials.
- Find the HubSpot form you want to embed, then click the Share button to access its sharing options.
- Switch to the Embed Code tab in the pop-up dialog that appears.
- Locate your HubSpot Account ID and Form ID displayed in the embed code.
- Copy the Account ID and Form ID and paste them into the corresponding fields in your Framer interface to complete the integration.
