Embedding a Digioh Quiz On a Shopify Site

In the Online Store nav and choose "Themes".

Where it says “Current Theme”, click on the “...” icon and then click on “Edit Code”

Now, we are going to create New Template. Click on “Templates” and select the “New File” icon at the top:

Next, you will need to name the new file. For this use case, we recommend "page.digioh_quiz.liquid":

Now enter in {{ page.content }} and hit Save.

Now we're setup to create the page your quiz will live on.

Go back to the Online Store navigation and choose Pages.

Click on “Add Page” button in the top right corner.

You can add a title like “Quiz” or “Find the Perfect Tea”.

On the right side we will need to pick your new Theme Template.

Now, we are going to embed the Digioh Quiz to your Shopify page. Go to your Digioh Quiz, Go into the Campaign Editor, Click on Settings > Campaign Settings, Select “Universal Smart Tag” for the Position Using Section, and Copy the Universal Smart Tag.

We recommend uploading a loading spinner that is on brand in the “Smart Tag Placeholder Image”. You will want to upload your Smart Tag Placeholder image before copying the Universal Smart Tag.

Screenshot of Campaign Settings showing Universal Smart Tag selected under Campaign Position with the smart tag HTML displayed.

Now, on your Shopify “Quiz” page click on the “<>” icon and select “Edit HTML” and paste in the Digioh Universal Smart Tag that you copied in the previous step.

Screenshot of a Shopify page editor with the Universal Smart Tag HTML pasted into the content in code view.

Hit Save and Load your Shopify Page.

In your Digioh Dashboard, open the Display Rules options for your quiz:

Screenshot of the campaign list showing the Display Rules “+ Add” button highlighted.

To configure the display rules for your quiz, select "Add"

Then choose "Add Display Rules"

Screenshot of the Display Rules modal with the “Add Display Rules” button highlighted.

From the options, select "Current Page URL" and enter the URL of the page where you want the quiz to appear. Click on Save to save the changes.

Screenshot of the Display Rules modal showing a Current Page URL rule set to “Contains” with a specific page URL.

After configuring this setting, return to the editor, hover over the "Save and Publish" button, and click on "Save & Publish to Your Site" to publish the quiz on your website.