BETA Configuration: Redesigned Pricing Calendar

Text elements

• Font families are set to your fonts for titles and body copy. Additionally, the weight and line height can be adjusted so that we can optimize the design for your fonts.

• Force caps option - Titles can be set to force caps or title case.

• Font size will be dictated by the design system.

Color

Inventory and pricing scarcity colors

• We continue to offer the ability to customize background color for dates when inventory is scarce

• New! You may customize the color of the price display as if it is a “scarce price.” We recommend #28763A for ADA compliance and based on A/B test results.

• Neutral colors - We will use consistent neutral colors that are legible and look great across brands when resort primary or link colors are not used.

• Warning colors - The font color for these messages is determined by the design system and is optimized for the user experience.

Borders and Elevation

No customization currently available. Border radius will be configurable in a later release.

• Border weight and roundedness (radius)- Rounded elements convert better than boxy elements. Our new design system puts this into practice with consistent border radii and weights for elements that have borders across themes.

• Elevation - Elevation is used in several places to helps users understand the relative importance and position of different elements on the screen.

Spacing

Not available.

• Spacing between elements is designed for consistency across the platform and will look great with every theme.

productpricingcalendar.dateprompt

Title above the date picker on the Pricing Calendar

Choose your start date

calendarsettings.enableadvancedcalendar

Turns on the Advanced Pricing Calendar.

This setting displays the key which the user can reference to interpret color-coding on the calendar.

If TRUE, then the key for low inventory and sold out will show on all pricing calendars. In a future release calendar template configuration can turn this key on and off per product.

If FALSE, then the key for low inventory and sold out won't show. So if you don't use low inventory indication on the pricing calendar at all, this key will never show.

calendarsettings.useposinventory

If true, color shading of calendar is based on inventory. This is required for the Cloud UI Calendar if calendarsettings.enabledadvancedcalendar is set to true.

Must be TRUE if calendarsettings.enabledadvancedcalendar is set to true for Cloud UI.

calendarsettings.inventorymessagethreshold

For products utilizing the large calendar view and inventory pools, if the number of available reservations is less than this setting number, then a message will display notifying guests of low availability.

We recommend setting this if inventory is added to products with dynamic pricing.

Integer

(number at which low inventory indication is triggered)

calendarsettings.lowinventorybackgroundcolor

Color used to shade calendar on low inventory dates.

Recommended #F6D241

(yellow)

calendarsettings.lowstatustext

Key text for low inventory dates

Text

EX: LOW AVAILABILITY

calendarsettings.soldoutstatustext

Key text for sold out dates

Text

EX: UNAVAILABLE

awcloud.pricescarcity.isenabled

NEW setting. If true, key for price scarcity messaging will show on pricing calendar

TRUE = Price scarcity messaging displays

FALSE = Price scarcity messaging does not display

calendarsettings.pricingcountmessagethreshold

For dynamically priced products utilizing the large calendar view, if the number of products left at the current pricing tier is less than this setting number, then a message will display notifying guests how many products are left at the current tier’s price.

Integer

(number at which pricing tier indication is triggered)

productpricingcalendar.salestatustext

Key text that will appear on the pricing calendar if price scarcity key is enabled

Text

EX: GREAT VALUE