Help center10 min setup

Install 100 Rocks on Shopify

Install the Shopify app, activate your account, enable the theme app embed, and verify the Web Pixel.

What does 100 Rocks connect on Shopify?

Shopify manages the app installation. The theme app embed measures storefront visits and behavior. The Web Pixel sends product, cart, checkout, and purchase events from Shopify's protected pixel environment.

What does 100 Rocks connect on Shopify?
PartWhat it doesWhen you need it
Shopify Customer PrivacyRecords the shopper's consent choiceRequired before behavior measurement
Theme app embedStarts visits, page views, behavior signals, and the commerce bridgeRequired for storefront analytics
Shopify Web PixelSends product, cart, checkout, and purchase eventsRequired for the complete commerce funnel
Product page blockRenders approved 100 Rocks product-page variantsOptional until you use Product pages and Serving

How do I install and activate the Shopify app?

Activation creates or reconnects the matching 100 Rocks project. If you started with a storefront URL, Shopify verifies ownership before the existing project is reused.

Use Home, Product Pages, Audiences, Serving, A/B Tests, Settings, and Billing directly inside Shopify admin. If an existing 100 Rocks account owns the contact email, the emailed verification link completes activation once.

  1. Install 100 Rocks from the official Shopify App Store listing.
  2. Open Shopify admin, then Apps, then 100 Rocks.
  3. Select Activate 100 Rocks.
  4. Check the Shopify contact email shown on screen.
  5. Accept the current Terms and Data Processing Addendum.
  6. Confirm that you own the store and have the right to use its design.

How do I enable and verify the theme app embed?

A new event from the theme extension verifies this step. Saving the embed in a draft theme does not verify the published storefront.

No theme code is pasted. Shopify owns the extension lifecycle and removes it when the app is uninstalled.

  1. In Shopify admin, open Online Store, then Themes.
  2. Select Customize beside the published theme.
  3. Open App embeds in the left panel.
  4. Turn on 100 Rocks and select Save.
  5. Return to the 100 Rocks setup screen and continue.
  6. Open the storefront in a private window, accept Analytics, and visit one or two pages.

How do I install and verify the Web Pixel?

The app needs Shopify's and permissions. Reopen the app from Shopify admin if a permission update requires reconnection.

Purchase reporting comes only from the Web Pixel event. 100 Rocks does not ask you to create an order webhook.

  1. In the embedded 100 Rocks setup, open Install Web Pixel.
  2. Install or update the pixel when the setup screen asks.
  3. In Shopify Settings, open Customer events, then App pixels, then 100 Rocks.
  4. Set Data to Always on. This keeps the analytics pixel active while Shopify Customer Privacy still controls consent.
  5. View a product or add it to the cart on the storefront.
  6. Return to 100 Rocks and confirm that a recent pixel event appears.

How do I add the optional product-page block?

The block has no manual variant or fallback picker. When no audience assignment applies, it renders the published baseline or catalog default.

Add the block before you expect an approved variant from Product-page variants or Serving to appear.

  1. In the theme editor, open a product template.
  2. Add the 100 Rocks Product Page or PDP Container app block.
  3. Save the template and preview a product page before publishing.

How do I manage my Shopify plan?

Open Shopify admin, then Apps, then 100 Rocks, then Billing. Shopify hosts the plan choice and places production app charges on your Shopify invoice.

Choosing Free schedules the Starter plan to end at the close of the current Shopify billing period. The Billing page shows the known effective date.

The full 100 Rocks console shows the same Shopify-managed plan. It does not offer Stripe for a production App Store installation.

Contact 100 Rocks support if the effective date is missing or Shopify plan management does not open.

What should I check if Shopify setup is incomplete?

Confirm that you opened the production app, activated the current install, enabled the embed on the published theme, accepted Analytics in a private window, and generated a fresh product or cart event.

For symptom-by-symptom checks, see Troubleshoot tracking and missing data.

Ask for advice

Continue learning about 100 Rocks:

10 min setup

Install 100 Rocks on a custom website

Add the production tracker, keep the required Content Security Policy origins, configure consent, and verify the first measured visit.

6 min read

Understand consent and privacy

Learn which consent system applies, what each purpose controls, what browser storage is used, and how long data is kept.

8 min read

Troubleshoot tracking and missing data

Follow the symptom that matches your store, verify the expected source, and collect useful details before contacting support.