> For the complete documentation index, see [llms.txt](https://docs.flowappz.com/home/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flowappz.com/home/webflow-popup-builder/email-marketing-and-crm-integrations/how-to-integrate-popup-builder-with-hubspot.md).

# How to Integrate Popup Builder with Hubspot

#### Step 1: Set Up HubSpot Integration

To connect your popup with **HubSpot**, follow the steps below:

1. **Navigate to the Integrations Tab**\
   From the main dashboard, go to the **Integrations** tab.
2. **Click “Add New Integration”**\
   This will open a modal displaying all available integration options.
3. **Connect HubSpot**\
   Click the **Connect** button next to **HubSpot**.\
   A HubSpot integration setup form will appear.
4. **Configure the HubSpot Connection**
   * Enter a **unique name** to identify this HubSpot integration.
   * Click the **Connect New HubSpot** button.
5. **Authenticate with HubSpot**\
   A new window will open prompting you to authenticate your HubSpot account:
   * If you're not signed in, log in to your HubSpot account.
   * Choose the account you want to connect.
   * Grant the necessary permissions to authorize the integration.

> 🔐 *After successful authentication, your HubSpot API will be connected and ready to use within the app.*

<figure><img src="/files/JUU51Rk9x9fOWODsxZS5" alt=""><figcaption></figcaption></figure>

#### Step 2: Connect HubSpot to a Popup

To integrate **HubSpot** with a specific popup, follow the steps below:

1. **Navigate to the Popups Tab**\
   From the dashboard, go to the **Popups** tab.
2. **Edit the Target Popup**\
   Click on the **Edit** button next to the popup you want to configure.
3. **Go to the Integrations Step**\
   In the popup builder, navigate to the **Integrations** step.
4. **Click “Add New Integration”**\
   This will open a modal displaying all available integration options.
5. **Connect HubSpot**\
   Click the **Connect** button next to **HubSpot**.\
   The HubSpot integration setup form will appear.
6. **Configure the HubSpot Integration**
   * Select the **HubSpot API connection** you created earlier.
   * Choose the **HubSpot list** (audience) where form submissions should be sent.
   * Map the popup input fields to the corresponding **HubSpot fields** to ensure data is saved correctly.
7. **Test the Connection**\
   Click **Test Connection** to verify that the integration is working properly.
8. **Save the Integration**\
   If the test is successful, click **Save** to finalize the integration.

> ✅ *Your popup is now successfully integrated with HubSpot and will send form data directly to your selected list.*

<figure><img src="/files/CKAXHHb6YtTHrElCRFOT" alt=""><figcaption></figcaption></figure>