Hoppy Announcement Bar te permite crear versiones traducidas del contenido de tus anuncios para que los clientes que naveguen por tu tienda en distintos idiomas vean mensajes localizados automáticamente.

Esto ayuda a ofrecer una experiencia de compra más familiar a los visitantes internacionales, sin necesidad de crear barras de anuncios independientes para cada idioma ✨

Las traducciones se pueden agregar para:

• 📝 Title (Título)
• 📄 Subheading (Subtítulo)
• 🔘 Button Text (Texto del botón)
• ✅ Success Message (Mensaje de éxito) (solo para el tipo de barra Email)

🌐 Antes de agregar traducciones

Antes de que se puedan agregar traducciones dentro de Hoppy Announcement Bar, el idioma debe existir ya en la configuración de tu tienda Shopify.

Hoppy Announcement Bar detecta automáticamente los idiomas configurados en:

→ Shopify Admin → Settings (Configuración) → Languages (Idiomas)

Solo los idiomas no principales agregados allí estarán disponibles dentro de la app para traducir.

⚠️ Importante:

Si no se agrega primero un idioma en Shopify Settings, no aparecerá en el menú desplegable Translation (Traducción) dentro de Hoppy Announcement Bar.

💡 Para agregar un idioma a tu tienda Shopify, puedes seguir:

→ "How to add a language in a Shopify store?"

🛠️ Paso 1 — Abrir Hoppy Announcement Bar

Abre la app Hoppy Announcement Bar desde tu Shopify Admin.

Luego:

→ Abre una configuración de barra de anuncios existente
→ O crea una nueva barra de anuncios

🎯 Paso 2 — Ubicar el menú desplegable Preview Language

Una vez dentro de la configuración del anuncio:

→ Mira la parte superior derecha de la página
→ Busca el menú desplegable Preview Language (Idioma de vista previa)

Este menú desplegable muestra:

• English — el idioma base de tu contenido
• Cualquier idioma para el que ya hayas agregado traducciones
• Add More (Agregar más) — para agregar una nueva traducción

ℹ️ El selector de Preview Language no está disponible para anuncios colocados en Checkout.

➕ Paso 3 — Agregar una nueva traducción

Dentro del menú desplegable Preview Language:

→ Selecciona Add More

Al hacer clic, aparecerá un modal de Add Translation (Agregar traducción).

Dentro de este modal puedes:

• Seleccionar el idioma al que deseas traducir
• Ingresar el texto traducido para cada campo de contenido
• Configurar el contenido de la traducción visible en la tienda

🌍 Paso 4 — Seleccionar el idioma

En la parte superior del modal de Add Translation:

→ Elige el idioma en el menú desplegable Select language (Seleccionar idioma)

Solo aparecerán en esta lista los idiomas que:

• ✅ Ya estén configurados en Shopify Settings → Languages
• ✅ Aún no estén traducidos para el tipo de anuncio actual

💡 ¿Necesitas más idiomas? Haz clic en Add language (Agregar idioma) dentro del modal para ir directamente a la configuración de idiomas de Shopify.

✍️ Paso 5 — Configurar el contenido de la traducción

Los campos que se muestran en el modal dependen del tipo de anuncio.

📝 Tipos de barra Simple / Running / Email

Para estos tipos de barra verás:

• Title — El mensaje principal del anuncio
• Subheading — Texto complementario (oculto para el tipo Running)
• Button Text — La etiqueta del botón de llamada a la acción
• Success Message — Se muestra después del envío del email (solo tipo Email)

🔄 Tipo de barra Multiple Slides

Para las diapositivas rotativas múltiples, verás una sección separada para cada diapositiva:

• Announcement #1 — Title, Subheading, Button Text
• Announcement #2 — Title, Subheading, Button Text
• Y así sucesivamente...

Cada diapositiva se traduce de forma independiente.

💡 Ejemplo de traducción

Si tu contenido base en inglés contiene:

Title: "Free shipping on all orders over $50"

Entonces una traducción al español podría ser:

Title: "Envío gratis en todos los pedidos superiores a $50"

Simplemente ingresa el texto traducido exactamente como quieres que lo vean los clientes en la tienda.

✅ Paso 6 — Confirmar y guardar

Una vez ingresadas las traducciones:

→ Haz clic en Add translation dentro del modal

El modal se cerrará y el nuevo idioma:

• Aparecerá en el menú desplegable Preview Language
• Se podrá seleccionar para la vista previa en vivo

Después:

→ Save (Guardar) la barra de anuncios
→ Publish (Publicar) la barra de anuncios

👀 Vista previa de las traducciones

Después de agregar una traducción:

→ Usa el menú desplegable Preview Language para cambiar entre idiomas
→ La vista previa en vivo a la derecha se actualiza automáticamente

Esto te ayuda a verificar cómo se ve el contenido traducido antes de publicarlo.

ℹ️ Nota: La vista previa se actualiza para todos los tipos de anuncios: Simple, Running, Multiple y Email.

🌐 Cómo aparecen las traducciones en la tienda

Una vez publicado, los clientes verán el contenido automáticamente en su idioma de navegación:

• Si un cliente navega en español y existe una traducción al español → verá la versión en español
• Si un cliente navega en alemán pero no existe una traducción al alemán → verá la versión predeterminada en inglés

Esto sucede automáticamente; no es necesario cambiar manualmente 🌍

📝 Gestión de traducciones existentes

Para actualizar o revisar una traducción existente:

→ Abre el menú desplegable Preview Language
→ Selecciona el idioma que deseas editar
→ El modal se abrirá con el contenido traducido existente
→ Realiza los cambios y haz clic en Add translation

La traducción actualizada sobrescribirá la versión anterior para ese idioma.

⚠️ Notas importantes

• Las traducciones son específicas por tipo: una traducción agregada para una barra Simple no se aplicará automáticamente a una barra Multiple
• Solo aparecen como opciones de traducción los idiomas no principales de la tienda Shopify
• Para anuncios colocados en Checkout, las traducciones no están admitidas
• Siempre Save and Publish después de agregar o editar traducciones
• El idioma de la tienda lo determina la configuración regional activa de Shopify: asegúrate de que tu tema admita el cambio de idioma

🎉 Resultado final

Una vez configurado correctamente:

✅ Los clientes ven el contenido del anuncio en su idioma de navegación
✅ Los idiomas no traducidos vuelven automáticamente al inglés
✅ Se admiten varios idiomas de la tienda desde una sola barra de anuncios
✅ La experiencia de compra se siente más localizada y accesible ✨

Usar las traducciones correctamente puede hacer que tu tienda se sienta más acogedora para los clientes internacionales 🚀

Actualizado el: 01/09/2026