Met Hoppy Announcement Bar kun je vertaalde versies van je aankondigingsinhoud maken, zodat klanten die je storefront in een andere taal bekijken automatisch gelokaliseerde berichten zien.

Dit helpt om internationale bezoekers een vertrouwder winkelervaring te bieden — zonder dat je voor elke taal aparte announcement bars hoeft te maken ✨

Vertalingen kunnen worden toegevoegd voor:

• 📝 Title (Titel)
• 📄 Subheading (Ondertitel)
• 🔘 Button Text (Knoptekst)
• ✅ Success Message (Succesbericht) (alleen voor het Email-bar type)

🌐 Voordat je vertalingen toevoegt

Voordat je vertalingen kunt toevoegen in Hoppy Announcement Bar, moet de taal al bestaan in de instellingen van je Shopify-winkel.

Hoppy Announcement Bar detecteert automatisch de talen die zijn geconfigureerd in:

→ Shopify Admin → Settings (Instellingen) → Languages (Talen)

Alleen de niet-primaire talen die daar zijn toegevoegd, worden beschikbaar in de app voor vertaling.

⚠️ Belangrijk:

Als een taal niet eerst is toegevoegd in Shopify Settings (Instellingen), verschijnt deze niet in de Translation (Vertaling) dropdown in Hoppy Announcement Bar.

💡 Om een taal toe te voegen aan je Shopify-winkel, kun je deze handleiding volgen:

→ "Hoe voeg je een taal toe aan een Shopify-winkel?"

🛠️ Stap 1 — Open Hoppy Announcement Bar

Open de Hoppy Announcement Bar-app vanuit je Shopify Admin.

Vervolgens:

→ Open een bestaande announcement bar-instelling
→ Of maak een nieuwe announcement bar

🎯 Stap 2 — Zoek de Preview Language (Voorbeeldtaal)-dropdown

Zodra je in de announcement bar-instelling bent:

→ Kijk naar de rechterbovenhoek van de pagina
→ Zoek de Preview Language-dropdown

Deze dropdown toont:

• English — je basisinhoudstaal
• Alle talen waarvoor je al vertalingen hebt toegevoegd
• Add More (Meer toevoegen) — om een nieuwe vertaling toe te voegen

ℹ️ De Preview Language-selector is niet beschikbaar voor aankondigingen met de plaatsing Checkout.

➕ Stap 3 — Voeg een nieuwe vertaling toe

Open de Preview Language-dropdown:

→ Selecteer Add More (Meer toevoegen)

Zodra je erop klikt, verschijnt er een Add Translation (Vertaling toevoegen)-modaal venster.

In dit venster kun je:

• De taal selecteren waarnaar je wilt vertalen
• Vertaalde tekst invoeren voor elk inhoudsveld
• De vertaalde inhoud voor de storefront configureren

🌍 Stap 4 — Selecteer de taal

Bovenaan het Add Translation (Vertaling toevoegen)-venster:

→ Kies de taal uit de Select language (Selecteer taal)-dropdown

Alleen talen die:

• ✅ Al geconfigureerd zijn in Shopify Settings (Instellingen) → Languages (Talen)
• ✅ Nog niet vertaald zijn voor het huidige announcement bar-type

verschijnen in deze lijst.

💡 Meer talen nodig? Klik in het venster op Add language (Taal toevoegen) om direct naar je Shopify-taalinstellingen te gaan.

✍️ Stap 5 — Configureer de vertaalde inhoud

De velden die in het venster worden getoond, hangen af van je announcement type.

📝 Simple (Eenvoudig) / Running (Lopend) / Email (E-mail) Bar Types

Voor deze balktypen zie je:

• Title (Titel) — Het hoofdbericht van de aankondiging
• Subheading (Ondertitel) — Ondersteunende tekst (verborgen voor het Lopend-type)
• Button Text (Knoptekst) — Het label van de call-to-action-knop
• Success Message (Succesbericht) — Wordt getoond na het verzenden van een e-mail (alleen Email-type)

🔄 Multiple Slides Bar Type

Voor meerdere roterende slides zie je een aparte sectie voor elke slide:

• Announcement #1 — Titel, Ondertitel, Knoptekst
• Announcement #2 — Titel, Ondertitel, Knoptekst
• Enzovoort...

Elke slide wordt onafhankelijk vertaald.

💡 Voorbeeldvertaling

Als je Engelse basisinhoud het volgende bevat:

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

Dan zou een Spaanse vertaling er zo uit kunnen zien:

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

Voer de vertaalde tekst gewoon exact in zoals je wilt dat klanten deze in de storefront zien.

✅ Stap 6 — Bevestig en sla op

Zodra de vertalingen zijn ingevoerd:

→ Klik in het venster op Add translation (Vertaling toevoegen)

Het venster sluit en de nieuwe taal wordt:

• Weergegeven in de Preview Language-dropdown
• Selecteerbaar voor live voorbeeld

Daarna:

→ Save (Opslaan) de announcement bar
→ Publish (Publiceren) de announcement bar

👀 Vertalingen bekijken

Nadat je een vertaling hebt toegevoegd:

→ Gebruik de Preview Language-dropdown om te schakelen tussen talen
→ De live preview aan de rechterkant wordt automatisch bijgewerkt

Dit helpt je om te controleren hoe de vertaalde inhoud eruitziet voordat je publiceert.

ℹ️ Opmerking: De preview wordt bijgewerkt voor alle announcement types — Simple, Running, Multiple en Email.

🌐 Hoe vertalingen in de storefront worden weergegeven

Zodra gepubliceerd, zien klanten automatisch inhoud in hun browsertaal:

• Als een klant in het Spaans browst en er een Spaanse vertaling bestaat → wordt de Spaanse versie getoond
• Als een klant in het Duits browst maar er geen Duitse vertaling bestaat → wordt de standaard Engelse versie getoond

Dit gebeurt automatisch — er is geen handmatig wisselen nodig 🌍

📝 Bestaande vertalingen beheren

Om een bestaande vertaling bij te werken of te controleren:

→ Open de Preview Language-dropdown
→ Selecteer de taal die je wilt bewerken
→ Het modale venster opent met de bestaande vertaalde inhoud
→ Breng je wijzigingen aan en klik op Add translation (Vertaling toevoegen)

De bijgewerkte vertaling overschrijft de eerdere versie voor die taal.

⚠️ Belangrijke opmerkingen

• Vertalingen zijn type-specifiek — een vertaling die is toegevoegd voor een Simple-balk, wordt niet automatisch toegepast op een Multiple-balk
• Alleen niet-primaire talen uit je Shopify-winkel verschijnen als vertaalopties
• Voor aankondigingen met de plaatsing Checkout worden vertalingen niet ondersteund
• Sla vertalingen altijd op en publiceer ze (Save and Publish) nadat je ze hebt toegevoegd of bewerkt
• De storefront-taal wordt bepaald door de actieve locale van Shopify — zorg ervoor dat je thema taalwisseling ondersteunt

🎉 Eindresultaat

Zodra alles succesvol is geconfigureerd:

✅ Klanten zien announcement content in hun browsertaal
✅ Niet-vertaalde talen vallen automatisch terug op Engels
✅ Meerdere storefront-talen worden ondersteund vanuit één announcement bar
✅ De winkelervaring voelt gelokaliseerder en toegankelijker ✨

Door vertalingen op de juiste manier te gebruiken, kan je winkel uitnodigender aanvoelen voor internationale klanten 🚀

Bijgewerkt op: 01/09/2026