Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Normal text used for a paragraph ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas elit id diam ultrices, viverra lacinia dolor tempor. Quisque sodales arcu nulla, vitae sollicitudin mauris tincidunt vel. Donec viverra eros vel sagittis facilisis. Fusce accumsan diam ut nulla iaculis viverra. In vulputate dui ullamcorper porttitor porttitor.

• Bullet point list 1
• And another bullet point
• Plus one more bullet

Hyperlink

"This is an example of a quote and what it's styling looks like in the WYSIWYG editor"

John Smith, A Worker

Images

For best results with images across the site it is recommended that images are uploaded as 16:9 (widescreen) dimensions. These images should be optimised as much as possible so that page load times aren't impacted and the website performs well. We recommend the use of https://tinypng.com/ which will compress your images for web.

Content (One Column)

Use this component when you want a single block of copy on the page. The line length has been fixed to a set width in the page grid, for optimum readability. This component uses a standard WYSIWYG so you can add different heading sizes, bold, italic, bullet points and hyperlinks.You can also include images and video here too.

Awards Slider

In the Awards Slider below you just need to select multiple Awards that have previously been created within Entries. You can drag and drop to change the ordering of these in the slider.

Testimonial Slider

In the Testimonial Slider below you just need to select multiple Testimonials that have previously been created within Entries. You can drag and drop to change the ordering of these in the slider.

Gallery Slider

In the Gallery Slider below you just need to add multiple 'slides' each with an image added from the asset library. There is an option to add a caption to the image if you want to explain the product on display, for example. It is recommended that this caption is kept small for best results, especially on small screens and mobile devices.

Image Gallery

In the Image Gallery below you just need to add multiple images to the component. These are displayed in multiples of 5 so it's a good idea to upload multiples of 5 images into this component, to avoid duplicates showing at the same time. It is recommended that no more than 20 images are uploaded to this component so that page load times and web performance aren't negatively impacted.

Quick Links Strip

The Quick Links Strip is usually placed at the top of a page (below the hero) and can be used to add quick links that jump the user down the page to a section of content. Keep in mind the width of the page so that too many links aren't added into this strip. There is room for 2 call out CTAs on the right of the strip.

To set the link ID (#) of a content section that you want to link to, you will notice in the component that there is a tab called 'Meta'. This is where you can give the component an Anchor ID. Do not use spaces in this ID.

Then, within the Quick Links Strip component you can add this anchor ID to the Link URL. Remember to include a hashtag (#) at the beginning.

Multi Columns

This component is intended to insert columns that link to products. You can either link to product entries or categories. You can have up to 4 columns in this component. If you only choose 2 products then this will be formatted appropriately into 2 columns. Similarly if you select 3 then you will see 3 columns.

Featured Content

In this component you can select an existing news article or success story to pull through onto the page. See below...

Grid Block

You can use this component to create a grouping of content blocks, each with an optional icon and link.