Installer sur Tilda

Un site Tilda se connecte à Universally avec une seule balise de script dans son code HTML global pour la section HEAD. La balise affiche le sélecteur de langue et traduit chaque page dans le navigateur du visiteur, de sorte que vos URL restent les mêmes dans chaque langue et qu'il n'y ait pas de DNS à modifier. Le mode de diffusion JavaScript explique comment fonctionne la traduction et ce qu'elle omet.

Avant de commencer

• Un plan Tilda Personnel ou Business. Le HTML personnalisé en nécessite un, et un essai Personnel actif est suffisant. Vérifiez votre e-mail et votre téléphone si Tilda vous le demande.
• Le rôle Propriétaire ou Administrateur dans votre espace de travail Universally, pour créer le projet et voir son extrait. Les éditeurs voient "Demander à un administrateur de projet l'extrait d'installation de ce projet." au lieu de la ligne.
• Pages publiées sur votre propre domaine. La vérification de la connexion ne voit que les pages publiées.

Créer le projet

1. Démarrez un nouveau projet. Sous Sélectionnez votre technologie, choisissez Tilda.
2. Remplissez Domaine, le nom de domaine complet sur lequel votre site est publié, tel que example.com. Si le domaine ne résout pas encore, vous verrez un avertissement, et vous pourrez continuer.
3. Remplissez Nom du projet, vérifiez la Langue source (Anglais (US) par défaut), et cliquez sur Suivant.

Les projets Tilda n'ont pas de mode de diffusion à choisir, donc l'écran suivant est Ajouter le snippet. Les sous-domaines de langue ne sont pas encore disponibles pour les sites Tilda : votre site est traduit par le snippet, sur ses propres adresses.

Ajouter l'extrait

L'étape Ajouter l'extrait dessine votre ligne à l'intérieur d'une page d'exemple. Le tableau de bord remplit la clé de votre projet :

<script src="https://scripts.universally.com/p/YOUR_PUBLIC_KEY/s.js" async></script>

1. Cliquez sur Copier la ligne. Cela copie uniquement la balise de script, et le bouton devient Copié.
2. Dans Tilda, ouvrez Paramètres du site › Insérer du code › Code HTML pour la section HEAD › Modifier le code. Les anciens paramètres peuvent afficher Plus au lieu de Insérer du code.
3. Collez la ligne et enregistrez.

Utilisez ce champ global afin que le script se charge sur chaque page. Les boutons Marquer comme terminé sur l'écran sont stockés dans votre navigateur et ne bloquent rien.

Publier et vérifier la connexion

1. Enregistrez le code et republiez toutes les pages sur le domaine que vous avez entré dans Universally. La vérification de la connexion ne voit que les pages publiées.
2. De retour dans Universally, cliquez sur Vérifier la connexion.

La vérification charge votre page d'accueil et recherche la ligne. Trouvé signifie que la ligne est sur votre domaine, qu'elle appartient à ce projet et qu'il n'y a rien d'autre à installer.

Rien ne change encore pour vos visiteurs. La ligne charge uniquement le fichier Universally, et votre site commence à servir les traductions une fois que vous ajoutez des langues à l'étape suivante.

Continuer et Je le ferai plus tard mènent tous deux à Ajouter des langues, et rien n'attend la vérification. La ligne reste sur la page Configuration du projet, sous La ligne dont votre site a besoin.

Ajouter des langues

1. Sur Ajouter des langues, répondez à « Dans quelles langues souhaitez-vous traduire ? » par au moins une langue cible.
2. Cliquez sur Terminer. Il reste désactivé jusqu'à ce que le projet ait une langue.

La boîte de dialogue de langue affiche toujours Format d'URL, mais la valeur est inutilisée sur Tilda car vos URL ne changent jamais. Chaque ligne de langue sur Toutes les langues a un interrupteur En direct. Voir Ajouter et supprimer des langues.

Vérifier que cela a fonctionné

1. Ouvrez votre site publié dans une fenêtre privée. Un visiteur pour la première fois est automatiquement associé à la langue de son navigateur, donc un navigateur configuré dans l'une de vos langues cibles verra la page traduite.
2. Trouvez le sélecteur de langue dans le coin inférieur droit, avec des drapeaux et des noms de langue.
3. Choisissez une langue. La page se recharge dans cette langue, à la même adresse.

Pour voir quelle partie d'une page a été traduite, ajoutez ?uni_debug=1 à son URL et ouvrez la console du navigateur.

Si cela ne fonctionne pas

• Nous avons chargé votre domaine mais la ligne n'était pas sur la page : le code n'a pas été enregistré, ou les pages n'ont pas été republiées depuis. Republiez toutes les pages et revérifiez. Une copie mise en cache peut également masquer la ligne pendant un certain temps, et la vérification ne regarde que votre page d'accueil.
• Cette ligne appartient à un autre projet : la ligne d'un autre projet se trouve sur le site. Remplacez-la par la ligne de la page Configuration de ce projet, puis vérifiez à nouveau.
• Aucun sélecteur n'apparaît : le projet n'a pas encore de langue cible en ligne. Ajoutez-en une ou activez son interrupteur En ligne.
• Le sélecteur s'affiche mais une partie du texte reste dans la langue source : la page est protégée par un identifiant ou un mot de passe, ou du JavaScript ajoute le texte après le chargement de la page. Voir Mode de diffusion JavaScript.

D'autres cas sont décrits dans Les traductions n'apparaissent pas et Le sélecteur n'est pas visible.