Lovable - Intégration / Configuration

Dans cet article, vous apprendrez à traduire tout votre contenu et à rendre votre site web multilingue en quelques minutes.

Étape 1 : Créer un compte Weglot

Inscrivez-vous sur Weglot, confirmez votre adresse e-mail, donnez un nom à votre projet dans le Dashboard et sélectionnez « Lovable » comme technologie de site web.

Étape 2 : Ajouter vos nouvelles langues

Choisissez la langue d'origine de votre site et les langues pour traduire.

Étape 3 : Ajouter Weglot à Lovable

Copiez et collez le snippet Weglot fourni dans votre Dashboard dans Lovable.

Dans votre Dashboard Lovable, sélectionnez votre "Project", allez sur le chat, et demandez à Lovable d'ajouter le snippet JS Weglot à l'en-tête HTML de votre site web (le code sera légèrement différent si vous choisissez des sous-domaines) :

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

Notez que l'utilisation du chat vous coûtera 1 crédit Lovable.

Si vous ne souhaitez pas utiliser de crédit Lovable et que vous disposez d'un abonnement payant sur Lovable, vous pouvez utiliser le "Code Mode" pour intégrer Weglot dans votre site web.

Pour ce faire, il suffit de cliquer sur cette option en haut de la page :

Ensuite, allez dans le fichier "index.html" et ajoutez le script Weglot juste avant la balise ⟨/head⟩ :

Votre site web n'est pas entièrement traduit ? Dans votre Dashboard > Paramètres, ajoutez une règle dynamique avec le sélecteur "body".

Votre site web est maintenant traduit !

Vous avez maintenant traduit votre site web avec succès. Allez sur votre site web et vous verrez un sélecteur de langue en bas à droite de votre site (il peut prendre quelques minutes pour apparaître). Vous pouvez également modifier sa position - consultez notre guide pour savoir comment procéder.

Weglot vous fournit la première couche de traductions automatiques. Pour les consulter, connectez-vous à votre compte Weglot et accédez à votre Dashboard > Translations > Languages. Ici, vous pouvez revoir et éditer manuellement toutes vos traductions.