TranslatePress & Breakdance: content tonen en verbergen per taal

Gebruik je TranslatePress in combinatie met Breakdance? Dan kun je niet alleen teksten vertalen, maar ook bepalen welke onderdelen van je website per taal zichtbaar zijn.

Dit is bijvoorbeeld handig wanneer je in de Nederlandse versie een andere CTA, afbeelding, tekstblok of complete section wilt tonen dan in de Engelse versie.

Met de TranslatePress-integratie kun je dit rechtstreeks vanuit de Breakdance-editor instellen.

Elementen per taal tonen of verbergen

Je kunt in Breakdance vrijwel ieder element per taal instellen. Denk bijvoorbeeld aan:

• Sections
• Containers
• Tekstblokken
• Afbeeldingen
• Buttons
• CTA’s
• Formulieren
• Navigatie-elementen
• Andere Breakdance-elementen

Je bepaalt vervolgens per taal of het geselecteerde element wordt getoond of verborgen.

Stap 1: open de pagina in Breakdance

Open de pagina die je wilt aanpassen in de Breakdance Builder.

Zorg ervoor dat TranslatePress actief is op de website en dat de gewenste talen zijn ingesteld.

Stap 2: selecteer het element

Selecteer in Breakdance het element waarvoor je een taalregel wilt instellen.

Dit kan bijvoorbeeld een complete section zijn.

Je hoeft dus niet ieder afzonderlijk onderdeel binnen de section aan te passen. Wanneer je de taalinstelling op een bovenliggende section toepast, geldt deze voor de volledige section.

Stap 3: open de TranslatePress-instellingen

Aan de linkerkant van de Breakdance-editor verschijnt de TranslatePress-instelling voor het geselecteerde element.

Hier zie je de beschikbare talen van de website.

Bijvoorbeeld:

• Dutch (nl_NL)
• English (en_GB)

Per taal kun je vervolgens aangeven wat er met het geselecteerde element moet gebeuren.

Element tonen in een bepaalde taal

Wil je een element alleen in één taal tonen?

Selecteer dan het element en voeg in TranslatePress een taalregel toe.

Kies vervolgens bij de betreffende taal:

Toon op deze taal

Bijvoorbeeld:

Element: Nederlandse CTA

Dutch
→ Toon op deze taal

English
→ Verberg op deze taal

De CTA wordt dan alleen op de Nederlandse versie van de website weergegeven.

De Engelse bezoeker ziet het element helemaal niet.

Element verbergen in een bepaalde taal

Je kunt het ook andersom instellen.

Stel dat een element in principe in alle talen zichtbaar moet zijn, behalve in het Engels.

Selecteer het element en voeg een taalregel toe voor Engels:

English
→ Verberg op deze taal

Het element blijft dan zichtbaar in de overige talen.

Dit is bijvoorbeeld handig voor een Nederlandse telefoonnummer-CTA die je niet op de Engelse website wilt tonen.

Meerdere talen instellen

Je kunt voor hetzelfde element meerdere taalregels toevoegen.

Stel dat een element alleen zichtbaar mag zijn in het Nederlands en Engels:

Dutch
→ Toon op deze taal

English
→ Toon op deze taal

German
→ Verberg op deze taal

Je kunt de regels dus per taal instellen.

Welke talen beschikbaar zijn, is afhankelijk van de talen die je in TranslatePress hebt geconfigureerd.

Een complete section tonen of verbergen

Je kunt de taalinstelling ook toepassen op een volledige section.

Dit is vaak de handigste manier wanneer een complete contentsectie alleen voor een bepaalde taal bedoeld is.

Bijvoorbeeld:

Section
├── Heading
├── Tekst
├── Afbeelding
└── Button

Selecteer de Section in Breakdance en stel daar de TranslatePress-regel in.

Bijvoorbeeld:

Dutch
→ Toon op deze taal

De volledige section wordt dan alleen op de Nederlandse versie weergegeven.

Je hoeft de Heading, Tekst, Afbeelding en Button dus niet afzonderlijk in te stellen.

Verschillende sections per taal

Je kunt deze functionaliteit ook gebruiken om verschillende versies van een section te maken.

Bijvoorbeeld:

Section A
Nederlandse content
→ Alleen tonen in Dutch

Section B
English content
→ Alleen tonen in English

Op de Nederlandse website ziet de bezoeker Section A.

Op de Engelse website ziet de bezoeker Section B.

Dit is vooral handig wanneer de content of opbouw per taal sterk verschilt. Je hoeft dan niet te proberen één section volledig geschikt te maken voor alle talen.

Toon versus verberg

Bij het instellen van een taalregel is het belangrijk om het verschil tussen tonen en verbergen goed te begrijpen.

Toon op deze taal

Met Toon op deze taal geef je aan dat het geselecteerde element voor die specifieke taal zichtbaar moet zijn.

Bijvoorbeeld:

Dutch → Toon

Het element wordt dan weergegeven wanneer de Nederlandse taal actief is.

Verberg op deze taal

Met Verberg op deze taal geef je aan dat het element voor die taal niet zichtbaar mag zijn.

Bijvoorbeeld:

English → Verberg

Het element wordt dan niet weergegeven op de Engelse versie.

Voorbeeld: verschillende CTA’s

Een praktisch voorbeeld:

Je hebt een website met Nederlands en Engels en wilt voor beide talen een andere CTA gebruiken.

Je maakt twee buttons:

Button 1

Plan een kennismaking

TranslatePress:

Dutch
→ Toon op deze taal

Button 2

Book a meeting

TranslatePress:

English
→ Toon op deze taal

Je krijgt dan:

Zo kun je binnen dezelfde Breakdance-pagina verschillende contentvarianten gebruiken.

Een taalregel verwijderen

Wil je een ingestelde taalregel weer verwijderen?

Open het betreffende element in Breakdance en kijk bij de TranslatePress-instellingen.

Bij iedere ingestelde taalregel staat een ×.

Klik hierop om de taalregel te verwijderen.

Het element valt daarna weer onder de normale weergave van de website.

Let op bij het dupliceren van elementen

Wanneer je elementen of sections in Breakdance dupliceert, is het verstandig om te controleren of de TranslatePress-instellingen zijn meegekopieerd.

Dit kan vooral relevant zijn wanneer je bijvoorbeeld een Nederlandse en Engelse variant van een section maakt.

Controleer daarom na het dupliceren altijd:

1. Selecteer de nieuwe section of het nieuwe element.
2. Open de TranslatePress-instellingen.
3. Controleer de ingestelde talen.
4. Controleer of de juiste optie is gekozen: tonen of verbergen.
5. Bekijk beide taalversies aan de voorkant van de website.

Veelvoorkomende toepassingen

De mogelijkheid om elementen per taal te tonen of verbergen is onder andere handig voor:

CTA’s

Een Nederlandse en Engelse variant van een call-to-action.

Formulieren

Een ander formulier voor een specifieke taal.

Afbeeldingen

Een andere afbeelding of visual per taal.

Contactgegevens

Bijvoorbeeld een ander telefoonnummer of contactpersoon.

Promoties

Een actie die alleen voor bezoekers van een bepaalde taal beschikbaar is.

Contentsections

Een compleet tekstblok dat alleen in één taal beschikbaar is.

Navigatie-elementen

Een specifiek element dat niet in iedere taal nodig is.

TranslatePress ondersteunt dit principe ook via taalafhankelijke contentregels, waarbij content voor specifieke talen kan worden opgenomen of uitgesloten.

Belangrijk: verbergen is niet hetzelfde als vertalen

Een element verbergen voor een taal betekent niet dat de inhoud niet vertaald wordt.

Er zijn twee verschillende situaties:

Vertalen

Hetzelfde element wordt in verschillende talen weergegeven, bijvoorbeeld:

Neem contact met ons op

wordt:

Contact us

Taalafhankelijk tonen/verbergen

Het element zelf wordt alleen in bepaalde talen weergegeven.

Bijvoorbeeld:

Nederlandse CTA
→ Nederlands: zichtbaar
→ Engels: verborgen

Wil je voorkomen dat bepaalde content überhaupt door TranslatePress wordt vertaald? Dan is daarvoor een aparte functie beschikbaar binnen TranslatePress. Dat staat los van het tonen of verbergen van elementen.

Samenvatting

Met TranslatePress en Breakdance kun je eenvoudig bepalen welke elementen bezoekers per taal te zien krijgen.

De werkwijze is:

1. Open de pagina in Breakdance.
2. Selecteer het gewenste element of de gewenste section.
3. Open de TranslatePress-instellingen aan de linkerkant.
4. Voeg een taalregel toe.
5. Kies of het element voor die taal moet worden getoond of verborgen.
6. Controleer de verschillende taalversies van de website.

Zo kun je binnen één Breakdance-pagina eenvoudig verschillende content, CTA’s, sections en andere elementen per taal beheren, zonder hiervoor PHP of aparte pagina’s nodig te hebben.