Lovable - Integratie/installatie

In dit artikel leer je hoe je al je inhoud kunt vertalen en je website binnen enkele minuten meertalig kunt maken.

Stap 1: Maak een Weglot account aan

Meld je aan voor Weglot, bevestig je e-mail, geef je project een naam in het Dashboard en selecteer "Other" als website technologie.

Stap 2: Voeg uw nieuwe talen toe

Kies de oorspronkelijke taal van je website en de talen voor vertaling.

Stap 3: Voeg uw websitegegevens toe

Voer uw domeinnaam in (bijv. mywebsite.com) op de nieuwe pagina en klik op "Volgende".

Je moet "Subdomeinintegratie" kiezen:

Vervolgens heb je de mogelijkheid om verder te gaan met de setup voor subdomeinen, of om geen subdomeinen te gebruiken door te klikken op de sectie "Deze stap overslaan".

Stap 4: Subdomeinen gebruiken (optioneel)

Onze integratie van subdomeinen is SEO-vriendelijk en zorgt ervoor dat je website beter wordt geïndexeerd, met unieke URL's voor de vertaalde versies (bijvoorbeeld en.website.com in het Engels).

Je DNS-instellingen worden weergegeven (de taalcode verschilt afhankelijk van de talen die je hebt toegevoegd) in het gedeelte "DNS handmatig instellen":

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 regels moeten kunnen maken in de DNS-sectie op je scherm (in ons voorbeeld in de sectie "Custom resource records").

Selecteer CNAME als het type invoer.

Voer "en" in(voor degenen die Engels toevoegen) onder het gedeelte "Naam" en de waarde die door Weglot is verstrekt 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".

Stap 5: Weglot toevoegen aan Lovable

Kopieer en plak het Weglot-fragment uit je Dashboard in Lovable.

Selecteer in je Lovable Dashboard je "Project", ga naar de chat en vraag Lovable om het Weglot JS-fragment toe te voegen aan de HTML-header van je website (de code zal iets anders zijn als je kiest voor subdomeinen):

<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
  Weglot.initialize({
      api_key: 'Your API Key'
});
</script>” 

Merk op dat het gebruik van de chat je 1 Lovable credit kost.

Als je geen Lovable tegoed wilt gebruiken en een betaald abonnement op Lovable hebt, kun je de "Code Mode" gebruiken om Weglot in je website te integreren.

Klik hiervoor op deze optie bovenaan:

Ga vervolgens naar het "index.html" bestand en voeg het Weglot script toe net voor de ⟨/head⟩ tag:

Is je website niet volledig vertaald? Voeg in je Dashboard> Instellingen een dynamische regel toe met de "body" selector.

Je website is nu vertaald!

Je hebt nu met succes je website vertaald. Ga naar je website en je ziet een taalswitcher rechtsonder op je site (het kan een paar minuten duren voordat deze verschijnt). Je kunt ook de positie ervan wijzigen - bekijk onze gids om uit te vinden hoe. 

Weglot voorziet u van de eerste ronde van automatische vertalingen. Om deze te bekijken, logt u in op uw Weglot account en gaat u naar uw Dashboard>Vertalingen > Talen. Hier kunt u al uw vertalingen bekijken en handmatig bewerken.