> ## Documentation Index > Fetch the complete documentation index at: https://docs.northbeam.io/llms.txt > Use this file to discover all available pages before exploring further. # Custom > Set up Northbeam tracking on a custom store: any site that doesn't use Shopify's checkout. Use this guide if your store does **not** use Shopify's checkout. That includes custom-built sites and other e-commerce platforms (for example, WooCommerce, Magento, or Salesforce). If your store uses Shopify's checkout, follow the [Shopify](/docs/shopify-installation) guide instead. **Shopify checkout with a custom backend?** If your checkout runs on Shopify but your own system sends orders to Northbeam, this isn't the right guide. Follow [Shopify + Custom](/docs/shopify-custom-backend). ## What you'll set up | Step | What it tracks | Needed? | | :- | :- | :- | | [1. Install the Northbeam Pixel](#1-install-the-northbeam-pixel) | Visits and page views on every page | **Required** | | [2. Add a purchase event](#2-add-a-purchase-event) | Completed purchases | **Required** | ## Before you start * **Plan:** Custom setup is available on Pro and Enterprise plans. * **Developer:** You'll need someone who can add scripts to your site, either in its code or through Google Tag Manager. * **Open your scripts.** Go to [Settings → Northbeam Pixel and Event Tracking](https://dashboard.northbeam.io/settings/tracking-script-tags). Your scripts are there, already filled in with your Client ID. *** ## 1. Install the Northbeam Pixel The pixel must run on **every page** of your site. It records visits, where visitors came from, and the pages they view. Copy the **Northbeam Pixel** from [Settings → Northbeam Pixel and Event Tracking](https://dashboard.northbeam.io/settings/tracking-script-tags). Paste it into the `` section of your site's template, so it loads on every page. Deploy or publish your site. In Google Tag Manager, go to **Tags → New** and set **Tag Type** to **Custom HTML**. Copy the **Northbeam Pixel** from [Settings → Northbeam Pixel and Event Tracking](https://dashboard.northbeam.io/settings/tracking-script-tags) and paste it into the HTML field. Set the trigger to **All Pages**. Click **Submit** to publish. Unpublished changes don't track anything. **Don't change the script.** Paste it exactly as it appears in your dashboard. If your site uses a CSP, its `connect-src` must allow your `i.` subdomain. Add either: * `*.your-store.com`, or * `i.your-store.com` Use this script and replace `{DATA_CLIENT_ID}` with your Data Client ID, found under [API Keys](https://dashboard.northbeam.io/settings/api-keys). ```html theme={null} ``` *** ## 2. Add a purchase event Add a purchase event to your **Order Confirmation** or **Thank You** page. It tells Northbeam which orders to attribute. Use `fireSlimPurchaseEvent`. It sends the order ID, which is all Northbeam needs. Order details like revenue come from your backend. It must: * Fire **after** the Northbeam Pixel loads * Fire **once per order**. Refreshing the confirmation page must not fire it again. * Use the **exact order ID** your backend sends to Northbeam Full instructions, examples, field reference, and testing steps. **Using a third-party checkout provider** that can't pass the order ID (for example, CheckoutChamp or CartHook)? Use [Identify Events](/docs/third-party-checkouts) instead. *** ## Test your setup Check that you have: * The **Northbeam Pixel** in the `` of every page * A **purchase event** that fires once per order on your confirmation page * Your **Google Tag Manager** container published (if you use it) Then [test that the pixel is firing](/docs/add-pixel#how-to-test-for-the-northbeam-pixel) and [test your purchase event](/docs/purchase-pixel#validation-and-testing). ## Optional tracking Add these only if they apply to your store. Track other actions, like sign-ups, add-to-carts, or form submissions. Only for single-page apps (for example, Next.js or React Router). Most sites don't need this. ## FAQ Yes. Both the pixel and the purchase event can be added through Google Tag Manager. Make sure the pixel tag fires before the purchase event tag, and publish your container after every change. Follow the [Shopify](/docs/shopify-installation) guide. See [All Pixel Functions](/docs/optional-additional-methods).