> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Add the app banner and the widgets using Shopify’s theme editor

Follow our guide to easily add the app banner and widgets to your Shopify store using the theme editor.

### Introduction

This installation guide is applied for [Dawn](https://www.shopify.com/partners/blog/shopify-online-store#theme) and other Shopify themes compatible with [Online Stores 2.0](https://www.shopify.com/partners/blog/shopify-online-store) requirements. Shopify has upgraded its theme architecture in Online Store 2.0, so you can install [Pandectes GDPR Compliance](https://apps.shopify.com/gdpr-cookie-consent) widgets (Customer Data 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
* Step 2: Enable the App Embed
* Step 3: Add the Customer Data Requests app block
* Step 4: Add the Cookies Declaration app block

### Steps

###### Step 1: Open the Shopify’s Theme Editor

After adding the Pandectes GDPR Compliance app from the Shopify apps store, click **Online Store** on the left menu and then click on **Themes**.


![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/image_wr0pxl.png =300x188)

###### Step 2: Enable the App Embed

* Make sure to enable the **App Embed** in Shopify’s Theme Editor by choosing **App Embeds** at the left side menu.
* When the **App Embeds** panel appears on the left toggle the bar to enable the **Pandectes Core**, then click **Save**.
    
![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/after1_5i6v10.png =1000x497)

**Note:** 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. On this page on the last bullet just make sure the switch is off.

###### Step 3: Add the Customer Data Requests app block

The **Customer Data Requests code snippet** helps you display the following:

* The current consent status with the option to revoke it
* The Customer Data 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.

1. Navigate on the **Online Store** option from the left side menu and click on the **Customize** button.
2. On the top center of the page click on the **Home Page** dropdown, navigate to **Pages** option and then click on the **Create a template**.
3. Create a new page template by giving the name **Pandectes DSR**.
4. On the left side, navigate to **Template > Add section**. From the list select the **Apps** tab and click on the **Pandectes Data Requests**. 

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/image_1e9meg1.png =400x247)

5. Click **Save** on the top right.
6. Navigate to the **Online Store** option from the left side menu and then click on **Pages**.
7. Create a new page and give it a title of your liking (e.x. Customer Data Requests).
8. Select as page template the newly 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 in 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.

Here's how to access it:

* If you have a paid plan, you can follow the next steps.
* To try it for free for 7 days, just [upgrade to a paid plan](https://apps.shopify.com/gdpr-cookie-consent).

Steps to add cookies declaration:

1. Navigate to the **Online Store** option from the left side menu and click on the **Customize** button.
2. On the top center of the page click on the **Home Page** dropdown, navigate to **Pages** option and then click on the **Create a template**.
3. Create a new page template by giving the name **Pandectes Declaration**.
4. On the left side, navigate to **Template > Add section**. From the list select the **Apps** tab and click on the **Pandectes Declaration**.
5. Click **Save** on the top right.
6. Navigate to the **Online Store** option from the left side 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 newly created template called **Pandectes Declaration** and save the page.