System and Custom locales [Classic]

A locale is a collection of settings that define the Customer interface language and the date/time formats of your pages. A locale defines every line of text on your Booking pages, including instructions, tooltips, buttons, and more.

You can use System locales provided out of the box or create Custom locales, which allow you to edit Customer interface text. System and Custom locales are managed in the Localization editor, and can be applied to Booking pages and Master pages.

In this article, you’ll learn about the differences between System locales and Custom locales.

<script id="snippet-prepend">
$(function(){

  /*disable in widget*/
  if($('.w-documentation-article').length === 0){

     var ToC =
  "&lt;nav role='navigation' class='table-of-contents toc-top'><h4>In this article:" + "<ul>";
     var el,     title, link, header;
      //Define the heading levels you want to use in ascending order. Can add extra or remove unneeded.
     $(".hg-article-body h1, .hg-article-body h2, .hg-article-body h3, .hg-article-body h4").each(function() &#123;
              el = $(this);
              title = el.text();
                 if(title != '')&#123;
                anchorTitle = el.text().replace(/([~!@#$%^&*()_+=`&#123;&#125;\[\]\|\\:;'&lt;>,.\/\? ])+/g, '-').toLowerCase();
                link = "#" + anchorTitle;
                //Set all headers to a 0-nesting level.
                header = 'header-nesting-0';
                //Adjust header-nesting layers so that they point to the correct html tag. header-nesting-1 should match the second .hg-article-body h# listed above; header-nesting-2 should match the third, etc.
                if($(this).is('h2'))&#123;
                    header = 'header-nesting-1';
                &#125;else if($(this).is('h3'))&#123;
                    header = 'header-nesting-2'
                &#125;
                el.html('<a id="'+anchorTitle+'" class="toc-anchor">' + el.html());
                newLine =
      "<li class='"+header+"'>" +
        "<a class='article-anchor' href='" + link + "'>" +
          title +
        "" +
      "";


                ToC += newLine;
              &#125;
              &#125;);
     ToC +=
   "" +
  "";
    $("#snippet-prepend").before(ToC);
  &#125;
&#125;);

&lt;/script>

<style>
/* CSS to style the TOC as it displays and the auto-created anchors
.toc-top styles the box for the TOC; adjust styles here to tweak look and feel */

.toc-top {
  background-color: #FAFAFA; /* set to #fff or delete entirely for no background */
  border: 1px solid #C8C8C8; /* adjust the color hex here to change border color */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  margin-top: 24px;
  margin-bottom: 36px;
  min-height: 20px;
  padding: 13px 20px;
  max-width: 75%;
}
.toc-top h4 {
  font-size: 18px;
  line-height: 26px;
  margin: 0 0 8px;
  font-weight: 400;
}
.toc-top ul {
  padding: 0 0 0 15px !important;
  margin-bottom: 0;
}
.toc-top > ul {
  margin-bottom: 13px!important;
}
.toc-anchor {
  display: block;
  height: 90px;
  margin-top: -90px;
  visibility: hidden;
}

/* Set the indentation for the nesting levels. May need to be edited to match changes above. Increase or decrease the margin-left to get your desired level of indentation. */
.header-nesting-1 {
    margin-left: 14px;
}
.header-nesting-1:before {
  background-image: url(https://dyzz9obi78pm5.cloudfront.net/app/image/id/5d31bcc88e121c9b25ba22c4/n/bulletv2.svg)!important;
}
.header-nesting-2 {
    margin-left: 28px;
}
.header-nesting-2:before {
  background-image: url(https://dyzz9obi78pm5.cloudfront.net/app/image/id/5d31be536e121cf22b0cc6ae/n/bulletv3.svg)!important;
}
</style>

System locales

Every account is created with the following seven System locales out-of-the-box:

• English (US)
• English (UK)
• French
• German
• Spanish
• Portuguese (Brazil)
• Dutch

Each System locale comes with its own set of language-appropriate and culture-appropriate Dynamic values which are automatically translated when viewed by the Customer.

Custom locales

You can create Custom locales which allow for both date/time format modification and Customer interface text editing. Custom locales are created by duplicating an existing locale.

Custom locales enable you to modify any Customer interface text. All texts are editable and can be found by using the browser search function (Ctrl + F on Windows or ⌘ + F on Mac). Find the string in English text in the left column and edit the translation of it in the right column according to the selected locale (Figure 1).

Figure 1: General section of the Localization editor

Comparison of System and Custom locales

	System locale	Custom locale
Translation of Dynamic values including: Time zones Countries States Locations Country codes Months Days of the week	Dynamic values will be automatically translated into the selected language when viewed by the Customer. Note: To prevent conflicts, these values are fixed and cannot be edited.	Dynamic values will always reflect the parent locale from which they were duplicated. Note: To prevent conflicts, these values are fixed and cannot be edited.
Date and time format	Each System locale is preconfigured with date/time formats to match the target locale. You can customize these formats if your Customers expect them to be different.	The date/time formats will always reflect the parent locale from which they were duplicated. You can customize these formats if your Customers expect them to be different.
Customer interface strings	Screen text, tooltips, button, and links for each part of the Customer scheduling process are automatically translated for each locale. This text cannot be edited. To edit any Customer interface text, you will need to create a Custom locale.	You can modify any Customer interface text.