> ## Documentation Index
> Fetch the complete documentation index at: https://docs.partnero.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrate Bubble

This guide explains how to integrate Partnero into your Bubble no-code app to track referral-driven sales and customers.

These instructions can also be found on your Partnero account, under   **Integration** > **Guides** tab > **Bubble**:<img src="https://mintcdn.com/partnero/U-Ywbk_C0k4DQ_nm/images/articles/integrate-bubble/6bd1b160.webp?fit=max&auto=format&n=U-Ywbk_C0k4DQ_nm&q=85&s=bcce5acfe4b8764376838585452f1994" alt="" width="2876" height="1528" data-path="images/articles/integrate-bubble/6bd1b160.webp" />

***

### Step 1: Start tracking website visitors

To track visitors on your website, you need to install the PartneroJS snippet as custom code.

#### Install the PartneroJS Snippet

1. Go to **Integration** > **Guides** tab > **Bubble**. Click **Instructions**.
2. Copy the PartneroJS snippet:<img src="https://mintcdn.com/partnero/U-Ywbk_C0k4DQ_nm/images/articles/integrate-bubble/6c924912.webp?fit=max&auto=format&n=U-Ywbk_C0k4DQ_nm&q=85&s=0a539c5443cdddf46748902c3a8c24a5" alt="" width="2878" height="1520" data-path="images/articles/integrate-bubble/6c924912.webp" />
3. Log in to your **Bubble** editor.
4. Go to **Settings** → **SEO and metatags**:<img src="https://mintcdn.com/partnero/U-Ywbk_C0k4DQ_nm/images/articles/integrate-bubble/fa954b8f.webp?fit=max&auto=format&n=U-Ywbk_C0k4DQ_nm&q=85&s=021557df8cf6217127b2bf3481f73f5d" alt="" width="2872" height="1502" data-path="images/articles/integrate-bubble/fa954b8f.webp" />
5. In the **Script/meta tags in header** section, paste the PartneroJS snippet:<img src="https://mintcdn.com/partnero/U-Ywbk_C0k4DQ_nm/images/articles/integrate-bubble/9076f469.webp?fit=max&auto=format&n=U-Ywbk_C0k4DQ_nm&q=85&s=75716cc89d6f3c3fc70ae8b123eed6dd" alt="" width="2870" height="1514" data-path="images/articles/integrate-bubble/9076f469.webp" />
6. Click **Save**.

**Alternative method**: You can also add the script to individual pages by using an HTML element and setting it to execute as JavaScript.

***

### Step 2: Customer sign-up tracking

⚠️  **Important**: You must track user signups with partner attribution before payment processor integration will work.

Add JavaScript actions to your signup workflow to capture user registrations with partner attribution:

1. On the Partnero integration guide, copy the customer signup tracking script:<img src="https://mintcdn.com/partnero/U-Ywbk_C0k4DQ_nm/images/articles/integrate-bubble/e9214bbf.webp?fit=max&auto=format&n=U-Ywbk_C0k4DQ_nm&q=85&s=be8e242bdc0ee65c0aa0417b3cb221a7" alt="" width="2874" height="1506" data-path="images/articles/integrate-bubble/e9214bbf.webp" />
2. Go to your signup page in the Bubble editor and select your signup button or form
3. Open the **Workflow** tab.
4. Add a new action: **Plugins** → **Run JavaScript**. You might need tn Install the Toolbox plugin if you haven't yet to have this action available:**<img src="https://mintcdn.com/partnero/U-Ywbk_C0k4DQ_nm/images/articles/integrate-bubble/e874bd26.webp?fit=max&auto=format&n=U-Ywbk_C0k4DQ_nm&q=85&s=c4a969439b2ac2597960b35296434d1f" alt="" width="2878" height="1420" data-path="images/articles/integrate-bubble/e874bd26.webp" />**
5. Place this action after your "**Sign the user up**" action.
6. Paste the signup tracking script and save.<img src="https://mintcdn.com/partnero/U-Ywbk_C0k4DQ_nm/images/articles/integrate-bubble/d1b05334.webp?fit=max&auto=format&n=U-Ywbk_C0k4DQ_nm&q=85&s=1e0c3876720e6906ca96f295524cc185" alt="" width="2876" height="1410" data-path="images/articles/integrate-bubble/d1b05334.webp" />

***

### Step 3: Transaction tracking

Partnero offers three transaction tracking methods, each with unique instructions. Select one that works best for your setup and follow the instructions provided in the Bubble integration guide under  **Integration** > **Guides** tab > **Bubble**.

#### Method 1: Payment processor integration

**Recommended**: If your Bubble app uses Stripe for payment processing, connecting your Stripe account directly to Partnero provides the most reliable tracking.

**Prerequisite**: User signup tracking (above) must be implemented first.

<img src="https://mintcdn.com/partnero/U-Ywbk_C0k4DQ_nm/images/articles/integrate-bubble/52ae1a72.webp?fit=max&auto=format&n=U-Ywbk_C0k4DQ_nm&q=85&s=5ee483a46d229d49e12dcfacf52db634" alt="" width="2878" height="1526" data-path="images/articles/integrate-bubble/52ae1a72.webp" />

#### Method 2: Workflow Tracking

Use Bubble's visual workflow system to track transactions with JavaScript actions when payment processor integration is not available.

<img src="https://mintcdn.com/partnero/U-Ywbk_C0k4DQ_nm/images/articles/integrate-bubble/51b80f6a.webp?fit=max&auto=format&n=U-Ywbk_C0k4DQ_nm&q=85&s=a6fba0e7fde672214f913b5ba7e4764f" alt="" width="2876" height="1520" data-path="images/articles/integrate-bubble/51b80f6a.webp" />

#### Method 3: Webhooks

For the most reliable tracking, use webhooks to automatically send data when specific events occur in your Bubble app.

<img src="https://mintcdn.com/partnero/U-Ywbk_C0k4DQ_nm/images/articles/integrate-bubble/31788cbf.webp?fit=max&auto=format&n=U-Ywbk_C0k4DQ_nm&q=85&s=fc3351e97fe3fa8f37acfc2d8564bf66" alt="" width="2876" height="1528" data-path="images/articles/integrate-bubble/31788cbf.webp" />

***

Your integration with Bubble is now complete! We strongly recommend testing the integration by purchasing through an affiliate link.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.