Ajouter un texte personnalisé sous les noms des tarifs standard et des plans tarifaires dans le moteur de réservation

Objectif Ajouter un court texte visible par le Client sous les noms des tarifs standard et des plans tarifaires sur le moteur de réservation Cloudbeds. Tu peux appliquer le même texte de manière générale ou utiliser un texte différent pour des plans tarifaires spécifiques.
Idéal pour Les administrateurs et gestionnaires d’établissement qui gèrent la personnalisation du moteur de réservation.
À utiliser lorsque Tu souhaites clarifier une inclusion, un Frais ou un autre détail court sur un tarif sans modifier la configuration tarifaire sous-jacente, que ce soit pour tous les tarifs affichés ou pour des plans tarifaires spécifiques.
Prérequis Accès à l’onglet Personnaliser du moteur de réservation et possibilité de modifier le champ Balises méta personnalisées. Pour cibler un plan tarifaire spécifique, tu as aussi besoin de son ID de plan tarifaire. Lors de l’enregistrement de code personnalisé protégé, Cloudbeds peut exiger une authentification multifacteur renforcée (MFA).
Résultat attendu Ton texte personnalisé apparaît directement sous les noms des tarifs standard et des plans tarifaires sur le moteur de réservation. Lorsque tu cibles des plans tarifaires individuels, chacun peut afficher son propre message.
Limitations Le code présenté dans cet article modifie uniquement le texte affiché. Il ne change pas la tarification, les Politiques, les images, les e-mails, ni la configuration tarifaire sous-jacente. Les options d’image pour le tarif de base et les plans tarifaires ne sont pas configurées de la même manière.

Introduction

Utilise cette personnalisation lorsque tu souhaites donner aux clients un peu plus de contexte sur un tarif directement dans le moteur de réservation Cloudbeds. Par exemple, tu peux ajouter une courte note sous le Tarif standard (tarif de base) ou le nom du plan tarifaire pour préciser si le petit-déjeuner est inclus, mentionner des frais de resort ou mettre en avant un autre détail important du tarif.

Tu peux appliquer le même texte personnalisé de manière générale aux titres du Tarif standard et des plans tarifaires, ou cibler des plans tarifaires individuels lorsque différents tarifs nécessitent des messages différents. Par exemple, tu pourrais afficher un message sous un tarif non remboursable et un message différent sous un plan tarifaire incluant le petit-déjeuner.

Le texte ajouté est uniquement affiché. Il ne renomme pas le tarif de base ni le plan tarifaire, et ne modifie pas la tarification, les politiques, les images, les e-mails ou la configuration tarifaire sous-jacente.

Choisis la personnalisation qui correspond à ton besoin : appliquer le même texte de manière générale, utiliser une traduction séparée en espagnol, ou afficher un texte différent pour des plans tarifaires spécifiques. Ensuite, ajoute le code correspondant dans le champ Balises méta personnalisées.

Table des matières

Choisir une version de personnalisation

Choisis l’option qui correspond à l’endroit où le texte personnalisé doit apparaître et si tu as besoin d’un texte différent pour des plans tarifaires individuels.

Personnalisation Utilise ceci lorsque
Version 1 : même texte anglais pour toutes les langues Tu souhaites que le même texte personnalisé en anglais apparaisse sous les noms du Tarif standard et des plans tarifaires, quelle que soit la langue choisie par le client dans le moteur de réservation.
Version 2 : anglais avec une traduction séparée en espagnol Tu souhaites que les clients hispanophones voient un texte traduit, tandis que l’anglais reste le texte par défaut pour les autres langues du moteur de réservation.
Plans tarifaires spécifiques Tu as plusieurs tarifs et tu souhaites qu’un message différent apparaisse sous les noms de plans tarifaires individuels, au lieu d’appliquer le même texte à tous.

  Le tarif standard et le contenu des plans tarifaires sont configurés différemment : Des images peuvent être téléversées pour les plans tarifaires et forfaits, mais il n’est actuellement pas possible de téléverser une image personnalisée directement pour le tarif de base, qui apparaît comme tarif standard sur le moteur de réservation. La personnalisation décrite dans cet article s’applique au texte affiché, pas aux images des tarifs.

  Important : Les versions 1 et 2 appliquent un texte personnalisé de manière générale aux titres du tarif standard et des plans tarifaires. Si tu as besoin d’un texte différent pour des plans tarifaires individuels, utilise la méthode des plans tarifaires spécifiques ci-dessous.

Ajouter un texte personnalisé sous les noms du tarif standard et des plans tarifaires

Ajoute la personnalisation dans le champ Balises méta personnalisées de l’onglet Personnaliser du moteur de réservation. La navigation est identique pour les deux versions.

Version 1 : utiliser le même texte en anglais pour toutes les langues

Utilise cette version lorsque le même message en anglais doit apparaître sous les noms du tarif standard et des plans tarifaires dans toutes les versions linguistiques du moteur de réservation.

Les étapes numérotées ci-dessous correspondent aux contrôles numérotés sur l’image.

  1. Ouvre le menu compte et sélectionne paramètres.
  2. Clique sur moteur de réservation.
  3. Clique sur l’onglet Personnaliser.
  4. Dans le champ Balises méta personnalisées, colle le code fourni ci-dessous. Remplace (Custom Text) par le texte que tu souhaites afficher aux clients, par exemple, (Includes $30 Resort Fee).
  5. Clique sur Enregistrer.

Workflow de personnalisation du moteur de réservation Cloudbeds montrant Paramètres, moteur de réservation, Personnaliser, Balises méta personnalisées et Enregistrer comme étapes une à cinq.

  Après avoir cliqué sur Enregistrer, Cloudbeds peut te demander de compléter une authentification multifacteur renforcée (MFA) avant que le code personnalisé soit enregistré.

Copie le code ci-dessous et remplace uniquement la valeur (Custom Text) par ton message préféré.

<!-- **START** Inclut (Texte personnalisé) sur une nouvelle ligne après tous les titres Plan tarifaire et Tarif standard ; toutes les catégories d’hébergement - version monolingue 12.08.2024 **START** -->
<style>
.cb-rate-plan .cb-rate-plan-title-text::after {
  content: '(Texte personnalisé)';
  font-size: 13px; /* Ajuste la taille de la police si nécessaire */
  color: #000; /* Ajuste la couleur du texte si nécessaire */
  display: block; /* ne pas modifier */
  margin-top: 4px; /* Ajuste l’espacement si nécessaire */
}
</style>
<!-- **END** Inclut (Texte personnalisé) sur une nouvelle ligne après tous les titres Plan tarifaire et Tarif standard ; toutes les catégories d’hébergement - version monolingue 12.08.2024 **END** -->

  Cette version affiche le même texte personnalisé en anglais sur toutes les pages du moteur de réservation, quelle que soit la langue. Changer la langue du moteur de réservation ne traduit pas automatiquement le texte personnalisé.

Version 2 : utiliser l’anglais avec une traduction séparée en espagnol

Utilise cette version lorsque l’espagnol doit afficher son propre message traduit tandis que le texte anglais reste la valeur par défaut pour les autres langues du moteur de réservation.

  1. Ouvre le Menu Compte et sélectionne Paramètres.
  2. Clique sur Moteur de réservation.
  3. Clique sur l’onglet Personnaliser.
  4. Dans le champ Balises méta personnalisées, colle le code fourni ci-dessous. Remplace la valeur anglaise (Custom Text) et la valeur espagnole (Texto Personalizado) par les messages que tu souhaites afficher aux clients.
  5. Clique sur Enregistrer.

  Après avoir cliqué sur Enregistrer, Cloudbeds peut te demander de compléter une authentification multifacteur (MFA) renforcée avant que le code personnalisé soit sauvegardé.

<!-- **START** Inclut (Texte personnalisé) sur une nouvelle ligne après tous les titres Plan tarifaire et Tarif standard ; version anglais + espagnol 12.08.2024 **START** -->
<style>
/* Personnalisation anglaise - s’applique à toutes les langues sauf l’espagnol */
.cb-rate-plan .cb-rate-plan-title-text::after {
  content: '(Custom Text)';
  font-size: 13px;
  color: #000;
  margin-top: 4px;
  font-weight: 500;
  display: block;
}

/* Personnalisation espagnole - s’applique uniquement lorsque la page est en espagnol */
html:lang(es) .cb-rate-plan .cb-rate-plan-title-text::after {
  content: '(Texto Personalizado)';
  font-size: 13px;
  color: #000;
  margin-top: 4px;
  font-weight: 500;
  display: block;
}
</style>
<!-- **END** Inclut (Texte personnalisé) sur une nouvelle ligne après tous les titres Plan tarifaire et Tarif standard ; version anglais + espagnol 12.08.2024 **END** -->

  Avec cette version, l'espagnol utilise le texte défini pour html:lang(es). Le texte en anglais est utilisé pour les autres pages linguistiques, sauf si tu ajoutes des conteneurs spécifiques à chaque langue.

Utilise un texte personnalisé différent pour des plans tarifaires spécifiques

Utilise cette option lorsque tu as plusieurs plans tarifaires et que tu souhaites qu’un message différent apparaisse sous le nom de chaque plan tarifaire spécifique, au lieu d’appliquer le même texte à tous les tarifs affichés.

Pour cibler un plan tarifaire individuel, commence par trouver son ID unique. Tu ajouteras ensuite cet ID au sélecteur CSS dans le champ Balises méta personnalisées.

Étape 1 : Trouve l’ID du plan tarifaire

  1. Ouvre le Menu compte et sélectionne Paramètres.
  2. Clique sur Plans tarifaires et forfaits.
  3. Sur le plan tarifaire que tu souhaites personnaliser, clique sur le menu à trois points, puis sélectionne Modifier.
  4. Regarde l’URL dans la barre d’adresse de ton navigateur. Le numéro à la fin de l’URL est l’ID unique du plan tarifaire.

Par exemple, si l’URL se termine par /packages/43932690342044, l’ID du plan tarifaire est 43932690342044.

  Ton tarif de base, qui apparaît comme tarif standard sur le moteur de réservation, utilise toujours l’ID de plan tarifaire 0.

L’image met en évidence où trouver l’ID du plan tarifaire à la fin de l’URL lors de la modification d’un plan tarifaire.

Page de modification des plans tarifaires et forfaits avec l’ID unique du plan tarifaire mis en évidence à la fin de l’URL du navigateur.

Étape 2 : Ajoute la personnalisation

  1. Ouvre le Menu compte et sélectionne Paramètres.
  2. Clique sur Moteur de réservation.
  3. Clique sur l’onglet Personnaliser.
  4. Dans le champ Balises méta personnalisées, colle le code modèle fourni ci-dessous.
  5. Remplace 123456 par l’ID réel du plan tarifaire et remplace le texte d’exemple par le message que tu souhaites afficher aux clients.
  6. Si tu souhaites personnaliser d’autres plans tarifaires, duplique le bloc CSS du plan tarifaire et mets à jour l’ID et le message pour chacun.
  7. Clique sur Enregistrer.

  Après avoir cliqué sur Enregistrer, Cloudbeds peut te demander de compléter l’authentification multifacteur (MFA) renforcée avant que le code personnalisé soit enregistré.

Copie le modèle ci-dessous. Garde le sélecteur -0 si tu souhaites ajouter du texte sous le Tarif standard. Pour chaque plan tarifaire spécifique, remplace 123456 par l’ID de ce plan tarifaire.

<!-- **START** Texte personnalisé pour plans tarifaires spécifiques **START** -->
<style>

/* Tarif de base / Tarif standard (utilise toujours l’ID 0) */
.cb-rate-plan[class*='-0'] .cb-rate-plan-title-text::after {
  content: '(Texte personnalisé pour le tarif standard)';
  font-size: 12px;
  color: #555;
  display: block;
  margin-top: 8px;
  margin-bottom: 16px;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

/* Remplace 123456 par l’ID unique du plan tarifaire */
.cb-rate-plan[class*='-123456'] .cb-rate-plan-title-text::after {
  content: '(Texte personnalisé pour le plan tarifaire)';
  font-size: 12px;
  color: #555;
  display: block;
  margin-top: 8px;
  margin-bottom: 16px;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

</style>
<!-- **END** Texte personnalisé pour plans tarifaires spécifiques **END** -->

  Tu peux dupliquer le bloc CSS du plan tarifaire autant de fois que nécessaire. Chaque bloc doit utiliser l’ID unique et le message personnalisé pour le plan tarifaire ciblé.

Vérifie le texte personnalisé sur le moteur de réservation

Après avoir enregistré la personnalisation, ouvre ton moteur de réservation et confirme que le texte personnalisé apparaît sous le nom du Tarif standard ou du plan tarifaire visé. Si tu as personnalisé des plans tarifaires individuels, vérifie que chaque tarif ciblé affiche le message prévu. Relis chaque langue personnalisée avant de l’utiliser avec les Clients.

Vérifie que le même texte apparaît sous les titres des tarifs

Avec la Version 1, le même texte personnalisé doit apparaître sous le Tarif standard et les titres des plans tarifaires correspondants.

Carte d’hébergement du moteur de réservation Cloudbeds montrant le même texte personnalisé de frais de station sous un nom de plan tarifaire et le Tarif standard.

Vérifie la traduction espagnole

Avec la Version 2, change la langue du moteur de réservation en espagnol et confirme que le texte personnalisé en espagnol apparaît sous les deux titres de tarif.

Moteur de réservation Cloudbeds réglé en espagnol montrant le texte personnalisé traduit sous un titre de plan tarifaire et Tarifa estándar.

Vérifie un texte différent pour des plans tarifaires spécifiques

Si tu as ciblé des plans tarifaires individuels, confirme que chacun affiche le message personnalisé attribué à son ID de plan tarifaire. Le tarif standard doit afficher le texte configuré pour l’ID 0, si tu as inclus ce bloc.

L’exemple ci-dessous montre différents messages personnalisés affichés sous les plans tarifaires individuels et le tarif standard.

Cloudbeds Booking Engine affichant différents textes personnalisés sous les plans tarifaires individuels et le tarif standard.

  Garde le message personnalisé court et vérifie le moteur de réservation après sauvegarde pour confirmer que le texte s’adapte bien à la mise en page de la carte tarifaire.

Utiliser d’autres langues ou une personnalisation avancée

Les exemples de langues dans cet article montrent comment utiliser le même texte en anglais dans les langues du moteur de réservation ou fournir une traduction séparée en espagnol. Pour d’autres langues, utilise des conteneurs CSS spécifiques à chaque langue afin que chaque langue du moteur de réservation affiche le texte personnalisé approprié.


Prochaine étape opérationnelle

Après avoir vérifié le texte personnalisé sur ton moteur de réservation, consulte Booking Engine Plus - Codes de personnalisation les plus courants si tu souhaites appliquer d’autres personnalisations visuelles prises en charge.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 2 sur 2

Commentaires

0 commentaire

Vous devez vous connecter pour laisser un commentaire.