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

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


---

# 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.bloomanalytics.io/bloom-pixel/enable-bloom-pixel-3-steps.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.