Video Performance Pro
All guides

Connect Video Performance Pro to Shopify

Add the tracking code to Shopify

UnverifiedOur research suggests this integration should work but we haven't verified it yet – we're brand new!

Your tracking code

Copy it from Settings → Sites → your site in the app. It looks like this, with your site’s key in place of YOUR-SITE-KEY:

<script src="https://videoperformancepro.com/s/YOUR-SITE-KEY.js" defer></script>

Steps

  1. Go to Online Store → Themes.
  2. Click … next to your live theme, then Edit code.
  3. Open layout/theme.liquid, paste the snippet just before , and save.

Check it worked

On your site's page in the app, press Verify installation. It looks for the code on the pages your links go to, then your homepage. Installed means you're done.

Not found?

The code isn’t in the page’s source. Usually one of these:

  • It was saved but not published.
  • It went into one page’s settings rather than the site-wide header.
  • A caching plugin or CDN is serving an old copy of the page. Clear it.
  • You added it through a tag manager, which the check can’t see. Open the page with your browser’s developer tools on the Network tab and filter for /s/. If your key’s file loads, it’s working.

Couldn’t verify?

The page didn’t load or blocked the check, usually because of a firewall, bot protection, a password or the site being down. If it opens in your browser, verify again later.

Track sales from Shopify

UnverifiedOur research suggests this integration should work but we haven't verified it yet – we're brand new!

Needs the Grow plan or above: on Basic and Starter, Shopify doesn't share orders with a store's own app

Connect Shopify

  1. In Video Performance Pro, go to Settings → Sales, open Choose a checkout under your site and pick Shopify. The steps below fill in its boxes.
  2. In Shopify, go to Settings, Domains, and copy the address ending into Store address.
  3. Go to Settings, Apps, Develop apps, and click Build apps in Dev Dashboard.
  4. Click Create app, choose Start from Dev Dashboard, name it Video Performance Pro, and click Create.
  5. In the version that opens, keep the default app URL and enter under Access as the scope.
  6. Click Release, then Release again.
  7. Under Installs, click Install app, choose your store and click Install.
  8. In the app's Settings, copy the client ID into Client ID and the secret into Client secret.
  9. Put your tracking code in your theme too: it adds the video to each cart, and so to its order. Add the tracking code to Shopify

Link a video straight to checkout

Not possible with Shopify: its checkout links can't carry the video's code. Link the video to a page with the tracking code, such as your sales or product page, and the sale is matched from there.

Check it worked

Settings → Sales shows Waiting for first sale until Shopify sends its first event, then Tracking sales.