A Guide to Template in the Rich Text Editor

Within the Rich Text Editor (RTE) that you will find within a General Page are a few options to help you display content and keep the look of this consistent down the page, or highlight important information.

Let's start by looking at a General Page, and the what options you have within the Content tab.

1. Login to the CMS, and navigate to the General Menu, then select Pages. You can open an existing Page or create a new page. Now select the Content tab.

2. You'll see that there is an option to . You can select up to four columns to display in one row. Let's select 1 row from the drop-down, then select Go. This will display the Rich Text Editor.
3. Next let's hover over the Insert Template icon which will reveal the template options you have available to choose from.
4. Cover - Image left: A template that displays a small, left aligned image, Title, Introduction, and Description or CTA button. Great for introducing new content on a page. Simply click on the grey square that will take you to the File Manager to choose an image. Then, highlight the Heading or Description to replace this with your own text. 
   
5. Cover - Image right: A template that displays a small, right aligned image, Title, Introduction, and Description or CTA button. Great for introducing new content on a page. Simply click on the grey square that will take you to the File Manager to choose an image. Then, highlight the Heading, Introduction, and Description or CTA button to replace this with your own text.
6. Tile - Image left: A template that displays a larger, left aligned image, Heading, Subheading, and Description. Simply click on the grey square that will take you to the File Manager to choose an image. Then, highlight the Heading, Subheading, and Description to replace this with your own text.
7. Tile - Image right: A template that displays a larger, right aligned image, Heading, Subheading, and Description. Simply click on the grey square that will take you to the File Manager to choose an image. Then, highlight the Heading, Subheading, and Description to replace this with your own text.
8. Button - Primary: This option allows you to set a CTA button to link a user to another page on the site, or to an external URL offsite. The CTA button colour is normally set in your websites primary brand colour. Highlight the text inside the CTA button to replace this with your own text to display on the CTA button, then select the button to display the pencil icon to update the URL for the page you would like to point people to. It is best practice to toggle on the option to Open in a new tab if you are directing visitors to your website to an external website.
    
9. Button - Secondary: This option allows you to set a CTA button to link a user to another page on the site, or to an external URL offsite. The CTA button colour is normally set in your websites secondary brand colour. Highlight the text inside the CTA button to replace this with your own text to display on the CTA button, then select the button to display the pencil icon to update the URL for the page you would like to point people to. It is best practice to toggle on the option to Open in a new tab if you are directing visitors to your website to an external website.
   
10. Button - Primary + Secondary:  Like the Primary and Secondary buttons, this option from the Template drop-down menu allows you to set CTA buttons to link a user to another page on the site, or to an external URL offsite. When selected, it will display two CTA buttons with arrows at the end of the text, one with a red fill and white text, and a second with a blue fill and white text in a row. It is recommended to use the Primary and Secondary button options as these can be more easily formatted to be centered.
    
11. Save: When you have finished all your changes to a Page, select Save at the top of the page.