Overview
Property users often need to include additional details in their Rate Plan names for potential guests. This is especially useful for communicating important information, such as resort fees that are already included in the rates.
This article includes a step-by-step guide for customizing and adding text to Rate Plans on the Booking Engine page, helping ensure a transparent booking process.
Add custom text to Rate Plan names
Version 1 – All languages (English text)
- In the Account menu, go to Settings.
- Click on Booking Engine.
- Click on the Customize tab.
- Paste the code below in the Custom Meta Tags field. Replace the Custom Text part with your preferred text (for example, "Includes $30 Resort Fee").
- Click Save.
- The code below will apply English text customization to all language pages on your Booking Engine.
- Keep the custom text short. If the text is too long, it could affect the Booking Engine layout.
<!-- **START** Includes (Custom Text) on a new line after All Rate Plan and Standard Rate titles; all accommodation types - Single-language version 12.08.2024 **START** -->
<style>
.cb-rate-plan .cb-rate-plan-title-text::after {
content: '(Custom Text)';
font-size: 13px; /* Adjust font size as needed */
color: #000; /* Adjust text color as needed */
display: block; /* do not edit */
margin-top: 4px; /* Adjust spacing as needed */
}
</style>
<!-- **END** Includes (Custom Text) on a new line after All Rate Plan and Standard Rate titles; all accommodation types - Single-language version 12.08.2024 **END** -->
Text preview on the Booking Engine page
Version 2 – Single language (English) + Spanish
Access the Customize section of the Booking Engine as explained above, and add the code below in the Custom Meta Tags, replacing the Custom Text area with your desired text.
- The code below will apply the English text version to all language pages except Spanish.
- The Spanish text version will only appear when the Booking Engine page is set to Spanish.
<!-- **START** Includes (Custom Text) on a new line after All Rate Plan and Standard Rate titles; English + Spanish version 12.08.2024 **START** -->
<style>
/* English Customization - applies to all languages except Spanish */
.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;
}
/* Spanish Customization - applies only when page is set to Spanish */
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** Includes (Custom Text) on a new line after All Rate Plan and Standard Rate titles; English + Spanish version 12.08.2024 **END** -->
Text preview (Spanish) on the Booking Engine page
Comments
The class is not correct in this help, it should be
.cb-title-text.cb-rate-plan-title-text::after {
Hello, Yavuz Colasan,
Thank you so much for your comment to correct the class on the provided code.
Please allow us to review this one and apply the corresponding changes.
Thank you 💙
Please sign in to leave a comment.