Page History

...

1. In the CMS, navigate to Settings → Checkout Messages. 
   
   
2. Click New.
   
   
3. In Message, enter the message to be displayed to the user. 
   
   
4. Use Sort Code/Mask to define a product category: 
   1. enter the sort code for one category of products, 
   2. enter '%' for ALL products in all categories,
   3. wildcards for multiple categories, i.e., 'SX123%', or 
   4. leave blank if using an 'Override Query'.
      
      
5. For Is Plain Text?:
   1. Tick for the message to be displayed in plain text with no applied formatting.
      An example is the default message:
      
      
      

   2. Untick for the message formatting to be rendered by any HTML tags added.  Most Some HTML element properties will be guided by your site style (accessible in the CMS: Style Guides → Static Content.) Formatting allows content to visually stand out more and be customised to suit purpose.   
      
      

      Expand
      title Click here for a basic guide to formatting your messages...
      Imagine how you want your message to look. You may want some parts to stand out more than others. Or for a certain sentence to appear bigger than others. Or want to add some white space between certain sections of the message.   Add To achieve such formatting, you add HTML tags. HTML tags Each An HTML tag is a special word or letters surrounded by angle brackets, < and >. In To format a chunk of text, in most cases, you put the text you want to format will be placing it between opening and closing HTML tags. The tags with the included text is called an HTML element. For example, if we add a word 'IMPORTANT' to the default checkout message and want to bold it, we put can make it a bold element by putting it in between the bold opening tag <b> and closing tags before and after the word: <b>IMPORTANT<tag </b>. A closing tag has a forward slash '/' before the special word/letter and the closing angle bracket. The whole thing '<b>IMPORTANT</b>' is an HTML element.bold element will look like this: <b>IMPORTANT</b>.                A few elements don't need opening and closing tags. The most useful may be is <br />, which puts a line break where it appears. Suppose we want to add a line break after 'Here's a sample message.' Nesting elements You can keep one HTML element inside another HTML element. List of useful HTML tags Here are some basic HTML tags you can use to style your checkout messages. Play around with formatting options to achieve the look you want. There are many more HTML elements you  Function HTML tag Example	Grouping Content	<div></div>

      Headings	<h1></h1> <h2></h2> <h3></h3> Note - The further down you go with the headings, the smaller they become. The lowest is <h6>. However, your site's style may not have all heading elements defined.	Image AddedImage Added
      Paragraph	<p></p> Creates paragraph elements in your message. Provides white space between elements for easier reading.	Image AddedImage Added
      Line break	<br /> Adds a line break to	Image Added
      Lists

      Define the

      List type

      , then each list item is contained within <li></li> 

      : <ul></ul> - Unordered list (no special order or sequence for items in list. Default:  listed items to start with a bullet point.

      <ul></ul>

      <ol></ol> - Ordered list. Default: listed items are numbered.

      <ol>

      Note - Define the List type, then each list item is contained within <li></li> tags. Example: {{<ol> <li>List item 1</li> <li>List item 2</li> </ol>

      Typeface 

      <b>bold</b>

      <i>italics</i>

      <u>underline</u>

      Centering text<center></center>

      }}	Image AddedImage Added
      Typeface for emphasis	<b>bold</b> or <strong></strong> <i>italics</i> or <em></em> <u>underline</u>	Image AddedImage Added