How do I add my Pixel to my online store?

This article will help you understand what Facebook Pixel ID is and how to integrate it with Bopple.

Screen Shot 2021-09-10 at 9.46.08 am

What is the Facebook Pixel?

The Facebook pixel is a piece of code that's placed on your website - or in the case of Bopple, your online storefront - to report conversions, build audiences for ad campaigns, and get insights about how people are interacting with your online store. 

In a nutshell, it allows you to track the revenue generated (orders) as a direct result of ads, then tweak your ads to decrease ad-spend per order (conversion cost). 

Before you get started

Things you will need: 

  • Facebook Business Manager account (more info here)
  • A Facebook Pixel (see how to create a Pixel in your Business Manager account here)

Adding your Pixel to your store

🗒️ You don't need to follow any of Facebook's instructions on installing your Pixel on your website. We've made it simple and easy to add your Pixel without having to touch any "code"; all you need is your Pixel ID. 

⚡ If you have your own multi-site branded application and would like to have your pixel added for app-wide tracking, please drop us a line with your preferred app-level pixel and we'll add it for you!

Get your Pixel ID

  1. Log in to your Facebook Business Manager 

  2. In the sidebar menu, click the ≡ All Tools option and open Events Manager

  3. Under Data Sources on the left, select your Pixel

  4. Your Pixel ID is shown in the top right corner of this view (see below); click to copy your ID

    Screen Shot 2021-09-10 at 1.58.07 pm

Add it to your venue listing

  1. Log in to my.bopple.com

  2. Navigate to Integrations

  3. Click Connect on the Facebook Pixel option

  4. Paste your ID into the Facebook Pixel field

Once you've added your pixel, you'll need to wait for customer activity on your store before any events are shown in your Facebook Ads account. 

What does it track?

We send various events to the linked pixel as customers move through the ordering process. In some cases there are additional, useful attributes passed with the event. For example, with the Purchase event we send properties for the number of items, the items included, and the value of the order; this is what allows you to understand the value-driven by your ads. 

  • Storefront / Menu
    bopple.app/menu/[id]
    • ViewMenu (customer viewed the menu)

      • Venue name

    • ViewProduct (customer opened a product)

      • Product name

    • Add to Cart (customer added a product to their order)

      • Product name

  • Checkout
    bopple.app/menu/[id]/checkout
    • InitiateCheckout (customer started the checkout process)

      • Number of items

      • Products included

      • Order value

  • Order Confirmation
    bopple.app/orders/[id]
    • Purchase (customer successfully completed an order)

      • Number of items

      • Items included

      • Order value

🗒️ For multi-site branded applications your pixel can also be added to track traffic and behaviour going through your locations page, where customers select their preferred store menu. If this is of interest please get in touch and we'll add it for you! 

Your Pixel in action

Once you've added your pixel, you'll need to wait for customer activity on your store before any events are shown in your Facebook Ads account. 

Events Manager

You can verify that events are being sent to your Facebook Business account using the Events Manager. Simply select your Pixel from the Data sources list and you will see an overview of event traffic. 

Facebook Pixel Helper

Installing the Facebook Pixel Helper Chrome browser extension can be handy to see the Pixel working on each page/action as you use move around your online store.