Enveloppes linguistiques du moteur de réservation Plus

Juss Reyes

Mise à jour 3 juin 2026 22:35

Aperçu

La fonctionnalité de conteneurs linguistiques permet aux utilisateurs du moteur de réservation Plus d’appliquer des personnalisations spécifiques à chaque langue de manière plus efficace, en adaptant l’expérience de votre plateforme à différentes langues et en offrant une navigation plus localisée et personnalisée.

Informations importantes

L’équipe d’Assistance Cloudbeds ne fournit pas de services de développement web ni de support pour la résolution de problèmes techniques.
Veuillez contacter votre concepteur ou développeur de site web pour toute aide supplémentaire concernant l’utilisation des codes de personnalisation pour votre moteur de réservation.

Ajouter des styles spécifiques pour différentes langues

Le code ci-dessous vous permettra d’ajouter des styles spécifiques pour la langue anglais. Vous pouvez définir des styles personnalisés selon la langue sélectionnée. Pour ajouter des styles spécifiques à d’autres langues, utilisez ce sélecteur parent en modifiant le composant langue (en rouge ci-dessous). Par exemple :
- Pour le portugais : html[lang="pt-br"] Notez que les composants langue sont toujours spécifiés en minuscules.
Ce sont les seules étapes nécessaires pour appliquer des styles CSS aux éléments en fonction de la langue sélectionnée.

Ajouter des conteneurs linguistiques à votre moteur de réservation Plus

Accédez à la page Paramètres du menu Compte et cliquez sur la section Moteur de réservation.
Cliquez sur Personnaliser
Copiez et collez le code ci-dessous dans le champ Balises méta personnalisées
Cliquez sur Enregistrer

<style>
  html[lang="en"] .your-css-query-here {
    /* Vos styles CSS ici... */
  }
</style>

Important :

Si vous utilisez des classes CSS dynamiques pour cibler les éléments de l’interface utilisateur (qui ont ce format : d-1uv2xnb), nous ne pouvons pas garantir que votre personnalisation fonctionnera lors des futures mises à jour du système.
Les noms de ces classes sont créés dynamiquement au moment de la compilation.

Personnalisation supplémentaire (facultative)

Pour exécuter un script JS lorsque l’utilisateur change de langue, abonnez-vous à l’événement language-changed. Il suffit d’inclure le snippet ci-dessous dans le champ JavaScript de votre page de personnalisation du moteur de réservation :

<script>
 window.addEventListener("on-booking-engine-ready", 
({ detail }) => {
   const { eventSystem } = detail;

   eventSystem.addEventListener("language-changed",
   ({ language }) => {
     // Votre code JS ici...
   });
 });
</script>