Webflow - Integratie / Installatie

Video handleiding: Wil je een snelle & makkelijke uitleg over hoe je je Webflow site instelt met Weglot? Bekijk dan onze video handleiding over hoe je Weglot kunt integreren in je Webflow website!

1. Meld u aan voor een Weglot-account 

Met dit account kunt u al uw vertalingen bekijken en beheren. Maak hier eenvoudig een Weglot-account aan. 


2. Maak je project (~ 1 minuut)

Nadat u uw account hebt aangemaakt, moet u uw project aanmaken. U moet het een naam geven en de technologie van uw website selecteren, namelijk "Webflow":


3. Voer de gewenste talen in (~ 1 minuut)

In deze stap heb je de gewenste talen nodig. 

De originele taal is de taal van je originele website en de vertaalde taal of talen zijn de talen waarnaar je je website wilt vertalen.


  1. Voer de websitegegevens in

**Voeg NIET UW TIJDELIJKE domeinnaam toe die eindigt op .webflow.io.

OPMERKING: Als je nog geen eigen domeinnaam hebt gekocht en alleen een .webflow.io domein hebt, klik dan op "Weglot verbinden met je website zonder" als je nog in de testfase van je site zit. Je kunt je domeinnaam later toevoegen.


Klik op de knop "Volgende" om naar de volgende stap te gaan.

4. Configureer de subdomeinen in de DNS-records (~ 5 minuten)

Dit is de stap waarin je je DNS configureert om de subdomeinen aan te maken en te verbinden.

Bij het instellen van je Weglot account zie je de volgende DNS regels om toe te voegen (Opmerking: dit voorbeeld is voor het instellen van Engels):


In dit voorbeeld gebruiken we Google Domains als onze domeinnaamprovider - de meeste andere hostproviders zullen er ongeveer hetzelfde uitzien als deze. Maar neem contact met ons op via support@weglot.com als je hulp nodig hebt bij deze stap.

Ga nu naar het account van je domeinnaamprovider en naar de sectie of pagina waar je de DNS kunt beheren (bij Google Domains bijvoorbeeld, bevindt het zich onder een tabblad aan de linkerkant van de menubalk genaamd DNS).

In dit stadium zou je nieuwe ingangen moeten kunnen maken in de DNS-sectie op je scherm (in ons voorbeeld is dat in de sectie "Custom resource records"). Selecteer CNAME als het type vermelding.

Voer " en" in(voor degenen die Engels toevoegen) onder het gedeelte "Naam" en de waarde geleverd door Weglot onder het gedeelte "Gegevens".


Als je problemen hebt met het vinden of bijwerken van je DNS-records, kunnen wij je helpen. Stuur een e-mail naar support@weglot.com.

Zodra u de gegevens hebt toegevoegd en opgeslagen, gaat u terug naar de Weglot-pagina. U kunt klikken op " Controleer DNS" en er zou een groen vinkje moeten verschijnen: dit betekent dat alles succesvol is ingesteld (Dit kan soms een paar minuten of zelfs 10 duren, dus schrik niet als het groene vinkje nog niet naast uw DNS-record is verschenen). Klik op"Volgende".

5. Installeer de Weglot-bibliotheek (~ 3 minuten)

Dit is de laatste stap, waarin u de knop voor het wisselen van taal toevoegt aan uw Webflow website en enkele instellingen van de app aanpast.

Het is snel en gemakkelijk, je hoeft alleen maar de onderstaande stappen te volgen (ook te zien in de GIF hieronder).

  • Ga naar je Webflow dashboard en klik op je website op de 3 puntjes en klik op "Instellingen". 
  • Selecteer op de pagina Instellingen "Aangepaste code" (het laatste tabblad aan de rechterkant)
  • Go to “Head Code”, and you should see a field that’s titled “Add code at the end of the <head> tag:”
  • Kopieer-plak het JavaScript-fragment dat u op uw Weglot-account hebt ontvangen. Het ziet eruit als het volgende, maar zorg ervoor dat je je echte API-sleutel toevoegt in plaats van de placeholder "YOUR_API_KEY":
<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
    Weglot.initialize({
        api_key: 'YOUR_API_KEY',
    });
</script>
  • Klik op de groene knop "Wijzigingen opslaan".
  • Publiceer je wijzigingen door op de blauwe knop helemaal rechtsboven te klikken.

Je bent helemaal klaar!

Klaar! Ga naar je website en je ziet de knop voor het wijzigen van talen helemaal rechtsonderaan verschijnen. Geef het een paar minuten om ervoor te zorgen dat je subdomeinen goed zijn ingesteld, dan kun je proberen de taal te wijzigen en zie je je vertaalde pagina's.


Bonus: we hebben een aantal Webflow taalswitchers gemaakt die je kunt klonen en aan je website kunt toevoegen! Bekijk ze op onze Webflow UI Kit van Finsweet en op Weglot Components van Digidop.

Heeft dit je vraag beantwoord? Bedankt voor de feedback Er is een probleem opgetreden bij het indienen van je feedback. Probeer het later nog eens.

Nog hulp nodig? Neem contact met ons op Neem contact met ons op