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

# Guía de configuración de integraciones

Activar las integraciones dentro de la página Integrations Settings de nuestra app facilita su uso. De forma predeterminada, las integraciones funcionan a través de nuestro app embed. 

Si cargas manualmente estos servicios (indicados en nuestras Integrations) en tu `theme.liquid`, usas apps que no se cargan como app embed (apps heredadas) o los cargas desde Google Tag Manager, sigue la **Configuración manual** que se describe a continuación.

Si tienes algún problema con las **Integrations** (por ejemplo, cuando no se cargan las propiedades de Google desde nuestra sección de integración de Google Consent Mode), puedes seguir la configuración manual de nuestras integraciones, como se explica a continuación.

### 1. Configuración manual

La configuración manual consiste en inyectar nuestro script `pandectes-rules.js` al principio de tu tema.

1. En el Shopify Admin de tu tienda, ve a **Online Store > Themes > Edit code (en tu tema actual)**.
    
2. En el lado izquierdo, dentro de la carpeta **Layout**, abre el archivo **theme.liquid**.
    
3. Justo después de la etiqueta de apertura `<head>`, pega esto:

```
<!-- Pandectes Rules Manual Setup -->
<script src="{{ 'pandectes-rules.js' | file_url }}"></script>
```

4. Haz clic en **Save**.

![](https://i.imgur.com/7VSuu50.gif) 

### 2. Prueba la configuración manual

Sigue los pasos siguientes para comprobar si el script `pandectes-rules.js` está cargado correctamente en tu tienda Shopify:

##### 2.1 Pasos

1. **Abre el sitio web de tu tienda Shopify**

Ve a tu tienda Shopify en vivo, donde debería estar instalado el script.

2. **Abre las herramientas de desarrollo**

En Google Chrome
     
- Haz clic con el botón derecho en cualquier parte de la página y selecciona **Inspect**.   
- Como alternativa, pulsa `Ctrl + Shift + I` (Windows) o `Cmd + Option + I` (Mac) para abrir las herramientas de desarrollo.

3. **Ve a la pestaña Console**

Haz clic en la pestaña **Console** dentro del panel de herramientas de desarrollo. Aquí aparecerán los registros y errores de JavaScript.

4. **Ejecuta el siguiente fragmento en la consola**
 
En la consola, escribe el siguiente fragmento de código y pulsa **Enter**:

```javascript
const scriptPath = "files/pandectes-rules.js";
const scripts = Array.from(document.getElementsByTagName("script"));
const scriptLoaded = scripts.some(script => script.src.includes(scriptPath));

if (scriptLoaded) {
   console.log(`Pandectes Rules script is correctly loaded!`);
} else {
   console.log(`Pandectes Rules script is NOT loaded.`);
}
```

5. **Interpreta los resultados**

Si el script está cargado correctamente, verás el mensaje:
     
```
Pandectes Rules script is correctly loaded!
```

Si el script no está cargado, verás el mensaje:
     
```
Pandectes Rules script is NOT loaded.
```

##### 2.2 Notas adicionales

- Asegúrate de que el script se añade después de la etiqueta de apertura `<head>` de tu tema de Shopify.
- Si el script no se carga, revisa los archivos de tu tema para comprobar que la inyección del script es correcta, especialmente si hay problemas con la URL o con el momento de carga del script.

### 3. ¿Necesitas ayuda?

Si sigues teniendo problemas con las Integrations de nuestra app y necesitas ayuda, ponte en contacto con nuestro equipo de soporte mediante el chat en vivo desde dentro de la app o por correo electrónico en support@pandectes.io