🛍️

Beam for Shopify

Add Beam to Shopify storefront pages in minutes with one lightweight script. Get clear traffic, source, and content-performance visibility for product decisions without cookie tracking.

Get started free Explore live demo

No credit card required and setup in minutes

Install Beam on Shopify

Replace YOUR_SITE_ID with your Beam site ID from the dashboard.

Install in theme.liquid (recommended storefront-wide path)

{% comment %} Shopify Admin -> Online Store -> Themes -> Edit code -> layout/theme.liquid {% endcomment %}
<head>
  <!-- other tags -->
  <script
    defer
    src="https://beam.keylightdigital.dev/js/beam.js"
    data-site-id="YOUR_SITE_ID">
  </script>
</head>

Adding the script in theme.liquid ensures Beam loads on homepage, collection, product, and content pages. Need your ID first? Create a site in Beam and copy the snippet from /dashboard/sites/new.

Theme editor fallback (Custom Liquid section)

{% comment %} Online Store -> Themes -> Customize -> Add section -> Custom liquid {% endcomment %}
<script
  defer
  src="https://beam.keylightdigital.dev/js/beam.js"
  data-site-id="YOUR_SITE_ID">
</script>

Use this when you prefer theme-editor changes over direct file edits. Verify the section is included globally, not on a single template only.

Verify your Shopify integration

Use this checklist after publish so you know tracking is actually live in production.

✓ Publish the theme update, then open your homepage, one collection page, and one product page in a private browser window.
✓ In Beam dashboard, check Today and confirm those paths appear in Top Pages within about a minute.
✓ Cross-check Referrers and Channels so you can see where storefront visits are coming from (search, social, direct, or referral).

Why Beam works well for Shopify

🍪

No analytics cookie prompts

Beam is cookie-free and avoids personal identifiers, so Shopify storefront analytics can stay privacy-first by default.

⚡

Lightweight storefront impact

The deferred sub-2KB script keeps page rendering fast for product and collection pages.

📈

Useful ecommerce traffic clarity

Track what pages and channels drive visits so you can iterate merchandising and landing pages with less guesswork.

🧭

Honest scope for small teams

Beam is built for lightweight decision support, not full multi-touch ad attribution or enterprise ROAS modeling.