> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.hoppyapps.com/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).

# 🍪 Cómo configurar un Banner de Consentimiento de Cookies

> ℹ️ **Note:** Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo.

The Cookie Consent Banner ayuda a informar a los visitantes sobre el uso de cookies, recoger preferencias de consentimiento y apoyar el cumplimiento de las normas de privacidad tales como GDPR, CCPA, LGPD, PIPEDA, APPI y más.

Una vez configurado, el banner aparece en su escaparate y permite que los visitantes acepten, declinen o administren las preferencias de las cookies basadas en la configuración de comportamiento que elija.

Esta guía camina a través del proceso de configuración completo, desde permitir la aplicación incrustada para personalizar la apariencia y el contenido del banner.

---

# **⚠️ Antes de empezar**

Antes de configurar su Cookie Consent Banner, asegúrese de:

*   GDPR EU Cookie Banner está instalado
*   Usted tiene acceso a su Shopify Admin
*   Usted tiene permiso para editar su Shopify tema

⚠️ La Cookie Banner no aparecerá hasta que la App Embed esté habilitada.

---

# **✅ Paso 1: Activar la aplicación Embed**

Para que el Banner de Consentimiento de Cookies aparezca en su escaparate, la aplicación Embed debe estar habilitada dentro de su Shopify tema.

Ve a:

**Shopify Admin → Canales de Venta → Tienda Online → Temas → Editar Tema → App Embeds**

Entonces:

*   Localizar **Cookie PopUp/Banner**
*   Toggle it **ON**
*   Haga clic **Guardar**

💡 También puede utilizar el **Date la vuelta** opción dentro de la aplicación, que abre la Shopify Theme Editor directamente.

---

# **✅ Paso 2: Configuración de Banner abierto**

Abrir el **GDPR EU Cookie Banner** aplicación de tu Shopify Admin.

Entonces bien:

→ **Configura tu Banner de cookies** desde el Dashboard

o

→ Abierto **Configuración de Banner** desde el menú de navegación lado izquierdo

Esto abre la página de configuración de banners.

La configuración se organiza en las siguientes secciones:

*   Región
*   Comportamiento
*   Diseño
*   Índice
*   Checkout

Una vista previa en vivo está disponible durante todo el proceso de configuración para ayudarle a visualizar los cambios antes de guardar.

---

# **✅ Paso 3: Configure Region Settings**

Abrir el **Región** tab.

Esta sección determina dónde aparecerá la cookie Banner.

Seleccione las normas de privacidad o regiones que se aplican a su tienda.

Por ejemplo:

*   GDPR
*   CCPA
*   LGPD
*   PIPEDA
*   APPI

💡 Si su tienda sirve varias regiones, puede habilitar más de una región al mismo tiempo.

---

## **Editar cobertura regional**

Cada región se puede personalizar individualmente.

Haga clic en:

→ **Editar**

revisar y modificar los países o lugares incluidos en esa región.

Esto le da más control sobre dónde se muestra el banner.

---

# **✅ Paso 4: Configure Banner Behavior**

Abrir el **Comportamiento** tab.

Esta sección controla cómo interactúan los visitantes con el banner.

---

## **🎛️ Banner Type**

Elija cómo los visitantes proporcionan el consentimiento.

### **Preferencias**

Muestra un popup Preferencias donde los visitantes pueden elegir categorías de cookies individualmente.

Esto proporciona la experiencia de consentimiento más detallada.

---

### **Aceptar / Decline**

Muestra los botones Aceptar y Decline.

Los visitantes pueden conceder o rechazar rápidamente el consentimiento.

---

### **Aceptar**

Muestra sólo un botón Aceptar.

Los visitantes pueden reconocer el banner sin ver una opción Decline.

---

### **Declin Only**

Muestra sólo un botón Decline.

Esto puede ser útil en escenarios de cumplimiento específicos.

---

### **Informative**

Muestra contenido informativo sin necesidad de interacción con el visitante.

---

## **🚫 Decline Behavior**

Esta configuración sólo aparece cuando:

*   Aceptar / Decline
*   Declin Only

se selecciona como el Tipo de Banner.

### **Negar todas las cookies**

Bloquea todas las cookies no esenciales cuando los visitantes declinan.

---

### **Nada.**

Cierra el banner sin modificar el comportamiento de las cookies.

---

## **📄 Política de privacidad Enlace**

Mostrar un enlace de política de privacidad directamente dentro de la Cookie Banner.

Las opciones disponibles incluyen:

### **Mostrar política de privacidad Enlace**

Muestra su enlace de política de privacidad dentro del banner.

---

### **Mostrar Google Política de Privacidad Enlace**

Muestra un enlace de política de privacidad específico de Google.

---

### **Política de privacidad Fuente**

Cuando la Política de Privacidad está habilitada, puede elegir:

*   Auto Generar: si se selecciona esto, la política de privacidad aparecerá basada en el país:
    *   Países de la UE → GDPR Política de privacidad
    *   Canadá (CA) → PIPEDA Política de privacidad
    *   Estados Unidos (US) → CCPA Política de privacidad
    *   Brasil (BR) → LGPD Política de privacidad
    *   Japón (JP) → APPI Política de privacidad
    *   Todos los demás países → Defaults to GDPR Privacy Policy
*   Política de privacidad específica

Por ejemplo:

*   Shopify Política
*   GDPR Policy
*   CCPA Policy
*   LGPD Policy
*   PIPEDA Policy
*   APPI Policy

---

## **🌎 Venta de datos Opt-Out**

Para las regiones soportadas, puede mostrar opciones tales como:

*   No vender mi información personal
*   No comparta mi información personal

Estas opciones pueden aparecer en:

*   The Cookie Banner
*   El popup de preferencias

cuando sea requerido por los reglamentos aplicables.

---

## **🔄 Re-open Banner**

Permite a los visitantes reabrir el banner y actualizar sus preferencias más adelante.

Esto añade un botón de reabrir dedicado al escaparate.

---

## **Banner Delay**

Controla cuánto tiempo espera la aplicación antes de mostrar el banner después de cargar la página.

El retraso se configura en segundos.

Ejemplo:

5

El banner aparece 5 segundos después de la carga de la página.

---

# **✅ Paso 5: Personalizar el diseño**

Abrir el **Diseño** tab.

Esta sección controla la apariencia visual de la Cookie Banner.

---

## **🎨 Plantillas**

Elija un diseño inicial utilizando una de las plantillas disponibles.

Por ejemplo:

*   Aduanas
*   Forest
*   Aqua
*   Alerta
*   Púrpura
*   Azul
*   Océano
*   Amarillo
*   Negro
*   Marina

Las plantillas proporcionan una manera rápida de aplicar un estilo de diseño completo.

---

## **👀 Visibilidad**

Elija qué dispositivos deben mostrar el banner.

Opciones disponibles:

*   Escritorio y móvil
*   Solo para escritorio
*   Solo móvil

---

## **📍 Posición**

Elige dónde aparece el banner.

### **Escritorio**

Los estilos de visualización incluyen:

*   Full Bar
*   Float Card

Las posiciones disponibles varían según el estilo de visualización seleccionado.

---

### **Móvil**

Las posiciones disponibles incluyen:

*   Top
*   Medio ambiente
*   Bottom

---

## **🎨 Opciones de estilo**

Puede personalizar:

*   Colores de fondo
*   Tipografía
*   Colores de botón
*   Estilos de frontera
*   Radio de esquina
*   Icon visibilidad

Estos ajustes ayudan a alinear el banner con su marca de tienda.

---

## **🍪 Cookie Icon**

Usted puede elegir:

*   Mostrar el icono de la cookie
*   Ocultar el icono de la cookie

Cuando se activan, las opciones de icono incorporadas están disponibles.

---

# **✅ Paso 6: Personalizar el contenido de Banner**

Abrir el **Índice** tab.

Esta sección controla el texto mostrado a los visitantes.

---

## **📝 Main Banner Content**

Personalizar:

*   Cookie Banner Header
*   Descripción
*   Texto de botón Aceptar
*   Texto de Button Decline
*   Preferencias Texto de Botón
*   Texto de Botón reabierto

Estos mensajes aparecen directamente en el escaparate.

---

## **⚙️ Preferencias Contenido Popup**

Si se utiliza el tipo de banner Preferencias, se puede personalizar el contenido adicional.

Por ejemplo:

*   Popup Header
*   Popup Descripción
*   Cookies estrictamente requeridas Descripción
*   Cookies de análisis
*   Descripción de las cookies de marketing
*   Cookies funcionales Descripción

Las explicaciones claras ayudan a los visitantes a entender cómo se utilizan las cookies.

---

# **✅ Paso 8: Guarda tu configuración**

Después de revisar todos los ajustes:

→ **Guardar**

La configuración se almacena y publica automáticamente.

⚠️ Salvar la configuración de banner por sí sola no es suficiente.

La aplicación Embed también debe permanecer habilitada para que el banner aparezca en el escaparate.

---

# **🧪 Paso 9: Verificar el Banner**

Después de guardar:

→ Abrir el escaparate

→ Use una ventana de navegación privada o Incognito

→ Confirme que el banner aparece correctamente

Prueba las acciones disponibles:

*   Aceptar
*   Declin
*   Preferencias

Verifique que el diseño, el contenido y el comportamiento coinciden con su configuración.

---

# **⚠️ Notas importantes**

### **App Embed Is Necesario**

La cookie Banner no puede aparecer a menos que la aplicación Embed esté habilitada dentro del Shopify Theme Editor.

---

### **Configuración de la región Afecta la visibilidad**

Si el banner no aparece, verifique que su ubicación está incluida en la configuración de la región seleccionada.

---

### **Preferencias Proporciona el Más Control**

El tipo de banner Preferencias permite a los visitantes gestionar las categorías individuales de cookies y generalmente ofrece la experiencia de consentimiento más flexible.

---

### **Prueba usando el modo Incognito**

Las preferencias de consentimiento previamente aceptadas pueden impedir que el banner aparezca durante las pruebas.

Utilizar una ventana del navegador Incognito o Private ayuda a simular una experiencia de visita de primera vez.

---

# **🎉 Resultado final**

Una vez configurado con éxito:

✅ A Cookie Consent Banner aparece en tu escaparate

✅ Los visitantes pueden gestionar sus preferencias de cookies

✅ Los enlaces de política de privacidad están disponibles cuando sea necesario

✅ El diseño de Banner coincide con su marca comercial

✅ Se apoyan los requisitos de privacidad específicos de la región

✅ Su tienda proporciona una experiencia de consentimiento más transparente

Un consentimiento de cookies correctamente configurado Banner ayuda a los visitantes a entender cómo se utilizan las cookies mientras les otorga un mayor control sobre sus preferencias de privacidad.

---