How to add the app banner and the widgets using Shopify’s theme editor

App embed & Widget installation for Online Store 2.0 themes on Shopify

This installation guide is applied for Dawn and other Shopify themes compatible with Online Stores 2.0 requirements. Shopify has upgraded its theme architecture in Online Store 2.0, so you can install GDPR Compliance Center widgets (Data Subject Requests Widget, Cookie Declaration Widget) by adding app blocks in Shopify’s Theme Editor. In this article, we’ll walk you through the step-by-step instructions to install our banner and widgets on your store. 

Step 1: Open the Shopify’s Theme Editor

After adding the GDPR Compliance Center app from the Shopify apps store click Online Store on the left menu and then click on Themes

Step 1

Step 2: Enable the App Embed

  • Make sure to enable the App Embed in Shopify’s Theme Editor by choosing Theme Settings at the bottom left.
  • When the Theme Settings panel appears on the right, click on the App Embeds tab. 
  • Toggle the bar to enable the Pandectes Banner, then click Save

Important note:

Pandectes Banner works independent from the other app code snippets and is only responsible for the application banner and the application smart blocker (when this feature is available). In other words, our code snippets are independent on the main Pandectes Banner, so you don’t need to enable it in order for them to function correctly.
Step 2

Don’t forget to switch off the default installation method. To do so click on the Help menu (on the top right of the app) where you can visit the Online Store 2.0 Support option. In this page on the last bullet just make sure the switch is off.

Step 3: Add the Data Subject Requests app block

In this step you can see how to add the Data Subject Requests widget on a page of your store. The Data Subject Requests code snippet helps you display the following:

  • The current consent status with option to revoke it
  • The Data Subject Requests form for customers or guest visitors

This method follows the new way with app blocks that Shopify suggests after the changes that were made to the themes.

Step 3
  1. Navigate on the Online Store option from the leftside menu and click on the Customize button.
  2. Use the search bar on top and select Pages and then Create template.
  3. Create an new page tempate by giving the name Pandectes DSR.
  4. Click the Add block button on the left side panel, search for Pandectes DSR and add it to the page.
  5. Click Save on the top right.
  6. Navigate on the Online Store option from the leftside menu and then click on Pages
  7. Create a new page and give it a title of your liking (e.x. Data Subject Requests).
  8. Select as page template the new created template called Pandectes DSR and save the page.

Step 4: Add the Cookies Declaration app block

In this step you can see how to add the Cookies Declaration code snippet on a page on your store. The Cookies Declaration widget helps you display a structured table with all cookies used on your store together with some basic info about them.

This method follows the new way with app blocks that Shopify suggests after the changes that were made to the themes.

  1. Navigate on the Online Store option from the leftside menu and click on the Customize button.
  2. Use the search bar on top and select Pages and then Create template.
  3. Create an new page tempate by giving the name Pandectes Declaration.
  4. Click the Add block button on the left side panel, search for Pandectes Declaration and add it to the page.
  5. Click Save on the top right.
  6. Navigate on the Online Store option from the leftside menu and then click on Pages
  7. Create a new page and give it a title of your liking (e.x. Cookie Policy).
  8. Select as page template the new created template called Pandectes Declaration and save the page.