# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.flowappz.com/home/webflow-popup-builder/email-marketing-and-crm-integrations/how-to-integrate-popup-builder-with-hubspot.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.