> ## 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).

# Añade el banner de la app y los widgets con el editor de temas de Shopify

Sigue nuestra guía para añadir fácilmente el banner de la app y los widgets a tu tienda Shopify con el editor de temas.

### Introducción

Esta guía de instalación se aplica a [Dawn](https://www.shopify.com/partners/blog/shopify-online-store#theme) y a otros temas de Shopify compatibles con los requisitos de [Online Stores 2.0](https://www.shopify.com/partners/blog/shopify-online-store). Shopify ha actualizado la arquitectura de sus temas en Online Store 2.0, por lo que puedes instalar los widgets de [Pandectes GDPR Compliance](https://apps.shopify.com/gdpr-cookie-consent) (Customer Data Requests Widget, Cookie Declaration Widget) añadiendo app blocks en el editor de temas de Shopify. En este artículo te guiaremos paso a paso para instalar nuestro banner y los widgets en tu tienda.

* Paso 1: Abre el editor de temas de Shopify
* Paso 2: Activa el App Embed
* Paso 3: Añade el app block de Customer Data Requests
* Paso 4: Añade el app block de Cookies Declaration

### Pasos

###### Paso 1: Abre el editor de temas de Shopify

Después de añadir la app Pandectes GDPR Compliance desde la tienda de apps de Shopify, haz clic en **Online Store** en el menú de la izquierda y luego en **Themes**.


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

###### Paso 2: Activa el App Embed

* Asegúrate de activar el **App Embed** en el editor de temas de Shopify eligiendo **App Embeds** en el menú del lado izquierdo.
* Cuando aparezca el panel **App Embeds** a la izquierda, activa el interruptor de **Pandectes Core** y luego haz clic en **Save**.
    
![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/after1_5i6v10.png =1000x497)

**Nota:** No necesitas desactivar ningún otro método de instalación. La app ahora se encarga de esto por ti. Para confirmar que el app embed está activado, abre el **Dashboard** de Pandectes y revisa la tarjeta **App monitor**.

###### Paso 3: Añade el app block de Customer Data Requests

El **Customer Data Requests code snippet** te ayuda a mostrar lo siguiente:

* El estado actual del consentimiento, con la opción de revocarlo
* El formulario de Customer Data Requests para clientes o visitantes invitados
    
Este método sigue la nueva forma con app blocks que Shopify recomienda tras los cambios realizados en los temas.

1. Ve a la opción **Online Store** del menú de la izquierda y haz clic en el botón **Customize**.
2. En la parte superior central de la página, haz clic en el desplegable **Home Page**, ve a la opción **Pages** y haz clic en **Create a template**.
3. Crea una nueva plantilla de página con el nombre **Pandectes DSR**.
4. En el lado izquierdo, ve a **Template > Add section**. En la lista, selecciona la pestaña **Apps** y haz clic en **Pandectes Data Requests**. 

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

5. Haz clic en **Save** en la parte superior derecha.
6. Ve a la opción **Online Store** del menú de la izquierda y luego haz clic en **Pages**.
7. Crea una nueva página y ponle el título que prefieras (p. ej., Customer Data Requests).
8. Selecciona como plantilla de página la plantilla recién creada llamada **Pandectes DSR** y guarda la página.

###### Paso 4: Añade el app block de Cookies Declaration

En este paso verás cómo añadir el Cookies Declaration code snippet a una página de tu tienda. El **Cookies Declaration widget** te ayuda a mostrar una tabla estructurada con todas las cookies que se usan en tu tienda, junto con información básica sobre ellas.

Este método sigue la nueva forma con app blocks que Shopify recomienda tras los cambios realizados en los temas.

Así puedes acceder:

* Si tienes un plan de pago, puedes seguir los pasos siguientes.
* Para probarlo gratis durante 7 días, simplemente [pasa a un plan de pago](https://apps.shopify.com/gdpr-cookie-consent).

Pasos para añadir la declaración de cookies:

1. Ve a la opción **Online Store** del menú de la izquierda y haz clic en el botón **Customize**.
2. En la parte superior central de la página, haz clic en el desplegable **Home Page**, ve a la opción **Pages** y haz clic en **Create a template**.
3. Crea una nueva plantilla de página con el nombre **Pandectes Declaration**.
4. En el lado izquierdo, ve a **Template > Add section**. En la lista, selecciona la pestaña **Apps** y haz clic en **Pandectes Declaration**.
5. Haz clic en **Save** en la parte superior derecha.
6. Ve a la opción **Online Store** del menú de la izquierda y luego haz clic en **Pages**.
7. Crea una nueva página y ponle el título que prefieras (p. ej., Cookie Policy).
8. Selecciona como plantilla de página la plantilla recién creada llamada **Pandectes Declaration** y guarda la página.