This guide walks you through pasting the Digioh script directly into your Shopify theme so your campaigns load on your store.
Note: We recommend installing Digioh through the Digioh Shopify app instead of editing your theme’s code. The app installs Digioh.js for you and keeps it in place across theme changes, so you don’t lose campaigns when you publish a new theme. Use the steps below only if you can’t use the app.
Step 1: Open your Shopify admin
In the Shopify admin, click Online Store → Themes to see your list of themes.
Step 2: Open the code editor for your theme
On the theme you want to edit, click the … (more options) button on the right, then choose Edit code.
Step 3: Open theme.liquid
In the Layout folder, click theme.liquid. The file opens in the code editor on the right.
Step 4: Paste the Digioh script near the top of your </head> tag
Press Ctrl + F (Windows) or Cmd + F (Mac) to find the opening <head> tag. Paste your Digioh script as high up as possible in site’s <head> tag, this help ensures that Digioh loads faster.
You can copy your Digioh script from the Setup Instructions page in your Digioh account.
Step 5: Save your changes
Click Save in the Shopify code editor.
Step 6: Verify the install on your live site
- Open your storefront in a new tab.
- Press F12 to open DevTools, then click the Console
- Type DIGIOH_API and press Enter.
- If the console returns an object instead of an error, the script is installed.
That’s it — Digioh.js is now installed on your Shopify theme. If your campaigns aren’t firing, double-check that the script sits above </head> and that you saved your changes.