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

# 📢 Announcement Bar no se muestra en mi tienda [Solucionado]

> ℹ️ **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.

La Announcement Bar suele empezar a funcionar inmediatamente después de la configuración, pero a veces un pequeño ajuste, una regla de visibilidad o una condición de la tienda puede impedir que aparezca.

La buena noticia es que estos problemas suelen resolverse muy rápido 🚀

Esta guía repasa las razones más comunes por las que la Announcement Bar puede no aparecer y cómo resolver cada problema paso a paso.

En la mayoría de los casos, el problema está relacionado con uno de los siguientes:

* App Embed está deshabilitado
* La configuración no se guardó
* La configuración no se publicó
* Configuración de Scheduling (Programación)
* Restricciones de Geolocation Targeting (Segmentación geográfica)
* Restricciones de UTM targeting (Segmentación UTM)
* Restricciones de Customer Targeting (Segmentación de clientes)
* Condiciones de Page Targeting (Segmentación de página) no cumplidas
* Discrepancia de Device Visibility (Visibilidad por dispositivo)
* Caché del navegador o de la tienda

Veamos uno por uno 👇

---

# **✅ Paso 1: Verifica si App Embed está habilitado**

Para que la Announcement Bar aparezca en la tienda, el App Embed debe estar habilitado dentro de tu tema de Shopify.

Ve a:

**Shopify Admin → Sales Channels → Online Store → Themes → Edit Theme → App Embeds**

Luego:

* Encuentra la app embed de Announcement Bar
* Actívala (**ON**)
* Haz clic en **Save** (Guardar)

💡 Consejo:

Si ya estaba habilitada, intenta deshabilitarla una vez y volver a habilitarla, luego haz clic en **Save**.

---

# **✅ Paso 2: Guarda la configuración**

Incluso si la Announcement Bar parece completamente configurada, los cambios no guardados no surtirán efecto.

Abre la configuración de Announcement Bar → Haz clic en **Save** (Guardar)

---

# **✅ Paso 3: Publica la configuración**

Los clientes no verán la Announcement Bar hasta que la configuración se haya publicado.

Abre la configuración de Announcement Bar → Haz clic en **Publish** (Publicar)

⚠️ Solo guardar no activa la Announcement Bar.

---

# **✅ Paso 4: Verifica la configuración de Scheduling**

A veces la Announcement Bar está configurada para aparecer más tarde o dejar de mostrarse después de una fecha determinada.

Abre la configuración de Announcement Bar → pestaña **Placement** (Ubicación) → **Scheduling** (Programación)

Luego verifica:

* **Start Date** (Fecha de inicio)
* **End Date** (Fecha de finalización)

### **Ejemplo**

Si la **Start Date** es mañana, la Announcement Bar no aparecerá hoy.

Si la **End Date** ya pasó, la Announcement Bar puede dejar de mostrarse automáticamente.

---

# **✅ Paso 5: Verifica Geolocation Targeting**

Si la **Geolocation Targeting** (Segmentación geográfica) está restringida a países específicos, la Announcement Bar solo aparecerá para visitantes de esas ubicaciones.

Abre la configuración de Announcement Bar → pestaña **Placement** (Ubicación) → **Geolocation Targeting** (Segmentación geográfica)

Luego verifica si tu país está incluido.

### **Ejemplo**

Si solo se seleccionó **United States** y estás haciendo pruebas desde India, la Announcement Bar no aparecerá a menos que uses una VPN o Shopify Preview.

---

# **✅ Paso 6: Verifica Allowed UTM Sources**

La Announcement Bar puede configurarse para aparecer solo para visitantes que lleguen desde fuentes de tráfico seleccionadas.

Esto funciona mediante parámetros UTM de plataformas como:

* Facebook
* Instagram
* Google Ads
* TikTok
* Email campaigns

Abre la configuración de Announcement Bar → pestaña **Placement** (Ubicación) → **Allowed UTM Sources** (Fuentes UTM permitidas)

Luego verifica si hay alguna restricción de fuente habilitada.

### **Ejemplo**

Si la Announcement Bar está configurada solo para tráfico de Facebook, los visitantes directos pueden no verla.

---

# **👥 Paso 7: Verifica los ajustes de Customer Targeting**

Si la **Customer Targeting** (Segmentación de clientes) está configurada incorrectamente, la Announcement Bar puede permanecer oculta para ciertos visitantes.

Para verificarlo:

→ Abre la configuración de Announcement Bar
→ Navega a la pestaña **Placement** (Ubicación)
→ Desplázate hasta la sección **Customer Targeting** (Segmentación de clientes)

Comprueba si la Announcement Bar está configurada para mostrarse solo para:

* **Logged-in customers** (Clientes conectados)
* **Customers with specific tags** (Clientes con etiquetas específicas)
* **Customers with a specific lifetime spent** (Clientes con un gasto vitalicio específico)

⚠️ Ejemplo:

Si la Announcement Bar está configurada solo para clientes etiquetados como VIP, los visitantes regulares nunca la verán.

💡 Con fines de prueba, cambia temporalmente la segmentación a:

→ **Show to all customers** (Mostrar a todos los clientes)

Esto ayuda a confirmar si la **Customer Targeting** está causando el problema.

---

# **✅ Paso 8: Verifica Page Targeting**

La Announcement Bar puede estar configurada para aparecer solo en páginas seleccionadas.

Abre la configuración de Announcement Bar → pestaña **Placement** (Ubicación)

Luego verifica si la Announcement Bar está configurada para aparecer en:

* **Every page** (Todas las páginas)
* **Home page only** (Solo página de inicio)
* **Product pages** (Páginas de producto)
* **Collection pages** (Páginas de colección)
* **Pages matching specific product tags** (Páginas que coinciden con etiquetas de producto específicas)

⚠️ Si pruebas en una página fuera de las reglas de segmentación configuradas, la Announcement Bar no aparecerá.

---

# **✅ Paso 9: Verifica Device Visibility**

La Announcement Bar puede estar configurada para aparecer solo en dispositivos de escritorio o móviles.

Abre la configuración de Announcement Bar → pestaña **Design** (Diseño) → **Visibility** (Visibilidad)

Luego verifica si está configurada en:

* **Desktop and Mobile** (Escritorio y móvil)
* **Only Desktop** (Solo escritorio)
* **Only Mobile** (Solo móvil)

### **Ejemplo**

Si la Announcement Bar está configurada como **Only Desktop**, no aparecerá en dispositivos móviles.

---

# **✅ Paso 10: Actualiza la página forzosamente**

A veces Shopify o tu navegador almacenan temporalmente recursos de la tienda en caché.

Una actualización forzada suele solucionarlo al instante.

### **Windows**

`Ctrl + Shift + R`

### **Mac**

`Cmd + Shift + R`

Esto obliga al navegador a cargar los recursos más recientes de la tienda en lugar de las versiones en caché.

---

# **✅ Paso 11: Comprueba en una ventana de incógnito**

Ciertas condiciones de visibilidad se comportan de manera diferente para visitantes recurrentes.

Por ejemplo:

* Datos de sesión existentes
* Recursos de la tienda en caché
* Interacciones previas

pueden impedir que la Announcement Bar vuelva a aparecer.

Intenta:

* Abrir la tienda en modo incógnito
* Probar desde otro navegador
* Probar desde otro dispositivo

Esto ayuda a confirmar si el problema está relacionado con la caché o con las sesiones de los visitantes.

---

# **¿Aún no se muestra?**

Si ya probaste todos los pasos anteriores y la Announcement Bar aún no es visible:

1. Vuelve a guardar la configuración
2. Vuelve a publicarla
3. Vuelve a habilitar el App Embed
4. Prueba en otra página
5. Prueba en modo incógnito

Si el problema persiste, no dudes en contactar al soporte directamente desde la app.

Para ayudar a solucionarlo más rápido, incluye:

* URL de la tienda
* Tipo de Announcement Bar
* Captura de pantalla de la configuración
* URL de la página donde debería aparecer la Announcement Bar
* Nombre del tema

Estaremos encantados de ayudarte 🙌