> For the complete documentation index, see [llms.txt](https://docs.bloomanalytics.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bloomanalytics.io/bloom-pixel/enable-bloom-pixel-3-steps.md).

# Enable Bloom Pixel - 3 Steps

### <mark style="color:blue;">**Step 1 of 3  - Enable Bloom App Embed**</mark> <a href="#https-docs.bloomanalytics.io-bloom-pixel-step-1-and-step-2-step-1-enable-app-embeds" id="https-docs.bloomanalytics.io-bloom-pixel-step-1-and-step-2-step-1-enable-app-embeds"></a>

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9Cj862knfGNqzzPFauD6%2Fuploads%2FtgfRaOBbCcta0jRljrK9%2FBloom%20Pixel%20Step%201.mp4?alt=media&token=66caf244-0f8c-43b9-b2d0-da58464d4e64>" %}

#### 1. Access Your Shopify Admin Panel

* **Log In**: Go to [Shopify Admin](https://admin.shopify.com/) and log in to your account.

#### 2. Navigate to the Online Store Section

* **Sidebar Menu**: In the left-hand navigation menu, click on **"Online Store"**.

#### 3. Open the Theme Customization Editor

* **Themes Page**: Under **Online Store**, click on **"Themes"**.
* **Customize Theme**: Find your current theme and click on the **"Customize"** button.

#### 4. Access the App Embeds Menu

* **Theme Editor Sidebar**: In the theme editor, look to the left-hand sidebar.
* **App Embeds Icon**: Click on the **App Embeds** icon, usually represented by a puzzle piece symbol.

#### 5. Enable Bloom Pixel

* **Locate Bloom Pixel**: In the list of available app embeds, find **"Bloom Pixel"** by Bloom Analytics.
* **Toggle On**: Click the toggle switch next to **Bloom Pixel** to enable it.

#### 6. Save Your Changes

* **Save Button**: Click on the **"Save"** button located at the top right corner of the theme editor to apply your changes.

### <mark style="color:blue;">**Step 2 of 3- Enable Shopify Checkout Extension**</mark> <a href="#https-docs.bloomanalytics.io-bloom-pixel-step-1-and-step-2-step-2-add-an-app-block" id="https-docs.bloomanalytics.io-bloom-pixel-step-1-and-step-2-step-2-add-an-app-block"></a>

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9Cj862knfGNqzzPFauD6%2Fuploads%2FTkb46Wzq9FW0xQ4LMszW%2FBloom%20Pixel%20Step%202.mp4?alt=media&token=428c7f32-4557-46ea-b8f0-50ec9b4ff2e8>" %}

#### **1. Access Shopify Admin Panel**

* Log in to your Shopify account and navigate to your **Admin panel**.

#### **2. Navigate to Online Store Settings**

* From the left navigation bar, click on **Online Store**.
* Select **Themes** from the dropdown.

#### **3. Open Theme Customization**

* On the **Themes** page, click on the **Customize** button next to your current theme. This opens the theme editor, allowing you to add, modify, or remove elements from various pages on your site.

#### **4. Select the Checkout Page**

* In the theme editor, locate the top navigation bar, which displays a dropdown menu of your store’s pages.
* Click the dropdown and choose **Checkout** from the list of pages.

#### **Important Note: Upgrade Checkout Extensibility (If Required)**

If you see an **“Upgrade required”** button while adding the Bloom Analytics checkout extension, you need to be upgraded to enable Checkout Extensions.

To upgrade:

1. Go to **Shopify Admin → Settings → Checkout**
2. Click the **Upgrade** notice/button shown on the page.

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

#### **5 . Switch to Thank-You Page View**

* Go to the same dropdown menu in the top navigation and select **Thank you**. This is where you’ll add the app block to display custom insights after customer transactions.

#### **6. Add the Bloom Analytics App Block**

* In the theme editor's side navigation panel, scroll and click on **Add app block**.
* Look for the **checkout-analytics (Bloom Analytics)** app block and select it. This will add the app block to the checkout and thank-you pages of your store.

#### **7 . Save Your Changes**

* To finalize, click on **Save** in the top navigation bar

### <mark style="color:blue;">Step 3 of 3 - Add Dynamic UTM Parameters</mark>

To enable Bloom to track your campaigns accurately, you need to add UTM parameters. Follow the steps below to set up UTM parameters for your specific channel.

<table data-full-width="false"><thead><tr><th width="201.111083984375" align="center">UTM  Parameters</th></tr></thead><tbody><tr><td align="center"><a href="https://docs.bloomanalytics.io/bloom-pixel/enable-bloom-pixel-3-steps/meta-ads-utm-parameter">Meta Ads</a></td></tr><tr><td align="center"><a href="https://docs.bloomanalytics.io/bloom-pixel/enable-bloom-pixel-3-steps/google-ads-utm-parameter">Google Ads</a></td></tr></tbody></table>

<br>
