Hoppy Announcement Bar ermöglicht es dir, übersetzte Versionen deiner Ankündigungsinhalte zu erstellen, sodass Kunden, die deine Storefront in verschiedenen Sprachen durchsuchen, automatisch lokalisierte Nachrichten sehen.

So bietest du internationalen Besuchern ein vertrauteres Einkaufserlebnis — ohne für jede Sprache separate Announcement Bars erstellen zu müssen ✨

Übersetzungen können hinzugefügt werden für:

• 📝 Title (Titel)
• 📄 Subheading (Unterüberschrift)
• 🔘 Button Text (Schaltflächentext)
• ✅ Success Message (Erfolgsmeldung) (nur für den Typ Email Bar)

🌐 Vor dem Hinzufügen von Übersetzungen

Bevor du Übersetzungen in Hoppy Announcement Bar hinzufügen kannst, muss die Sprache bereits in den Einstellungen deines Shopify-Shops vorhanden sein.

Hoppy Announcement Bar erkennt automatisch die Sprachen, die konfiguriert sind unter:

→ Shopify Admin → Settings (Einstellungen) → Languages (Sprachen)

Nur die dort hinzugefügten Nicht-Hauptsprachen stehen in der App zur Übersetzung zur Verfügung.

⚠️ Wichtig:

Wenn eine Sprache nicht zuerst in Shopify Settings (Einstellungen) hinzugefügt wird, erscheint sie nicht in der Übersetzungs-Dropdown-Liste in Hoppy Announcement Bar.

💡 Um deinem Shopify-Shop eine Sprache hinzuzufügen, folge dieser Anleitung:

→ „Wie fügt man einem Shopify-Shop eine Sprache hinzu?"

🛠️ Schritt 1 — Hoppy Announcement Bar öffnen

Öffne die App Hoppy Announcement Bar in deiner Shopify-Admin.

Dann:

→ Öffne eine bestehende Announcement-Bar-Konfiguration
→ Oder erstelle eine neue Announcement Bar

🎯 Schritt 2 — Die Dropdown-Liste Preview Language finden

Sobald du dich in der Ankündigungskonfiguration befindest:

→ Schau in den oberen rechten Bereich der Seite
→ Suche die Dropdown-Liste Preview Language (Vorschau-Sprache)

Diese Dropdown-Liste zeigt:

• English (Englisch) — deine Basis-Inhaltssprache
• Alle Sprachen, für die du bereits Übersetzungen hinzugefügt hast
• Add More (Weitere hinzufügen) — um eine neue Übersetzung hinzuzufügen

ℹ️ Die Auswahl Preview Language (Vorschau-Sprache) ist für Ankündigungen mit der Platzierung Checkout nicht verfügbar.

➕ Schritt 3 — Eine neue Übersetzung hinzufügen

In der Dropdown-Liste Preview Language:

→ Wähle Add More (Weitere hinzufügen)

Nach dem Klick öffnet sich ein Modal-Fenster Add Translation (Übersetzung hinzufügen).

In diesem Modal-Fenster kannst du:

• Die Sprache auswählen, in die du übersetzen möchtest
• Übersetzten Text für jedes Inhaltsfeld eingeben
• Den übersetzten Inhalt für die Storefront konfigurieren

🌍 Schritt 4 — Die Sprache auswählen

Oben im Modal-Fenster Add Translation:

→ Wähle die Sprache aus der Dropdown-Liste Select language (Sprache auswählen)

Nur Sprachen, die:

• ✅ Bereits in Shopify Settings (Einstellungen) → Languages (Sprachen) konfiguriert sind
• ✅ Für den aktuellen Ankündigungstyp noch nicht übersetzt sind

erscheinen in dieser Liste.

💡 Brauchst du mehr Sprachen? Klicke im Modal-Fenster auf Add language (Sprache hinzufügen), um direkt zu deinen Shopify-Spracheinstellungen zu gelangen.

✍️ Schritt 5 — Übersetzungsinhalt konfigurieren

Die im Modal-Fenster angezeigten Felder hängen vom Typ deiner Ankündigung ab.

📝 Typen Simple / Running / Email Bar

Für diese Leistentypen siehst du:

• Title (Titel) — Die Hauptnachricht der Ankündigung
• Subheading (Unterüberschrift) — Ergänzender Text (ausgeblendet für den Typ Running)
• Button Text (Schaltflächentext) — Die Beschriftung des Call-to-Action-Buttons
• Success Message (Erfolgsmeldung) — Wird nach dem Absenden der E-Mail angezeigt (nur Typ Email Bar)

🔄 Typ Multiple Slides Bar

Für mehrere rotierende Folien siehst du einen separaten Abschnitt für jede Folie:

• Announcement #1 — Title (Titel), Subheading (Unterüberschrift), Button Text (Schaltflächentext)
• Announcement #2 — Title (Titel), Subheading (Unterüberschrift), Button Text (Schaltflächentext)
• Und so weiter...

Jede Folie wird unabhängig übersetzt.

💡 Beispielübersetzung

Wenn dein englischer Basisinhalt Folgendes enthält:

Title (Titel): „Kostenloser Versand für alle Bestellungen über 50 $"

Dann könnte eine spanische Übersetzung so aussehen:

Title (Titel): „Envío gratis en todos los pedidos superiores a $50"

Gib einfach den übersetzten Text genau so ein, wie du ihn deinen Kunden in der Storefront anzeigen möchtest.

✅ Schritt 6 — Bestätigen und speichern

Sobald die Übersetzungen eingegeben sind:

→ Klicke im Modal-Fenster auf Add translation (Übersetzung hinzufügen)

Das Modal-Fenster schließt sich und die neue Sprache wird:

• In der Dropdown-Liste Preview Language angezeigt
• Für die Live-Vorschau auswählbar

Danach:

→ Save (Speichern) die Announcement Bar
→ Publish (Veröffentlichen) die Announcement Bar

👀 Übersetzungen in der Vorschau ansehen

Nach dem Hinzufügen einer Übersetzung:

→ Verwende die Dropdown-Liste Preview Language (Vorschau-Sprache), um zwischen Sprachen zu wechseln → Die Live-Vorschau auf der rechten Seite aktualisiert sich automatisch

So kannst du überprüfen, wie der übersetzte Inhalt aussieht, bevor du ihn veröffentlichst.

ℹ️ Hinweis: Die Vorschau aktualisiert sich für alle Ankündigungstypen — Simple, Running, Multiple und Email.

🌐 Wie Übersetzungen in der Storefront angezeigt werden

Sobald veröffentlicht, sehen Kunden automatisch Inhalte in ihrer Browser-Sprache:

• Wenn ein Kunde auf Spanisch surft und eine spanische Übersetzung vorhanden ist → sieht er die spanische Version
• Wenn ein Kunde auf Deutsch surft, aber keine deutsche Übersetzung vorhanden ist → sieht er die Standardversion auf Englisch

Dies geschieht automatisch — kein manuelles Umschalten nötig 🌍

📝 Bestehende Übersetzungen verwalten

Um eine bestehende Übersetzung zu aktualisieren oder zu überprüfen:

→ Öffne die Dropdown-Liste Preview Language (Vorschau-Sprache)
→ Wähle die Sprache aus, die du bearbeiten möchtest
→ Das Modal-Fenster öffnet sich mit dem bestehenden übersetzten Inhalt
→ Nimm deine Änderungen vor und klicke auf Add translation (Übersetzung hinzufügen)

Die aktualisierte Übersetzung überschreibt die vorherige Version für diese Sprache.

⚠️ Wichtige Hinweise

• Übersetzungen sind typspezifisch — eine Übersetzung, die für eine Simple Bar hinzugefügt wurde, gilt nicht automatisch für eine Multiple Bar
• Nur Nicht-Hauptsprachen deines Shopify-Shops erscheinen als Übersetzungsoptionen
• Für Ankündigungen mit Platzierung Checkout werden Übersetzungen nicht unterstützt
• Save (Speichern) und Publish (Veröffentlichen) immer, nachdem du Übersetzungen hinzugefügt oder bearbeitet hast
• Die Storefront-Sprache wird durch das aktive Gebietsschema von Shopify bestimmt — stelle sicher, dass dein Theme den Sprachwechsel unterstützt

🎉 Endergebnis

Sobald erfolgreich konfiguriert:

✅ Kunden sehen Ankündigungsinhalte in ihrer Browser-Sprache
✅ Nicht übersetzte Sprachen fallen automatisch auf Englisch zurück
✅ Mehrere Storefront-Sprachen werden von einer einzigen Announcement Bar unterstützt
✅ Das Einkaufserlebnis wirkt lokalisierter und zugänglicher ✨

Die richtige Verwendung von Übersetzungen kann deinen Shop für internationale Kunden einladender wirken lassen 🚀

Aktualisiert am: 01/09/2026