Purpose
Text
When to use
Text
How to use
- Add
- Edit
- Delete
- Click Murdoch on the Drag widgets toolbox to the right of the screen.

- Locate the CTA Banner widget and drag it across to the section on the page where you want the banner to appear

- Click the Edit icon or Create Content to view the options for the CTA Banner widget.
- Add the main title for your banner under Heading (limit of 50 characters)
- Include an optional descriptive text for your banner under Text (limit of 150 characters)
- Click Select image to add an image from the library or to upload a new one.
- Add text for the CTA's Button under Label (limit of 30 characters)
- Optionally add an internal or external link to the banner
- For internal links, select the department from the Site dropdown.
Then, select the page to display in the list that appears
- For external links, enter the URL (e.g. https://google.com) of the destination page.
Tick Open in new window if you want to open the external URL in a new tab.
- For internal links, select the department from the Site dropdown.
- Click Save to exit the CTA options
- Click More at the top right of the widget
- Select Delete in the dropdown to remove the widget.
Layout Variants
There are different colour and layout options available for CTA banners.
- Click Edit on the CTA Banner widget to view its options.
- Locate and click on the More options tab (above the Save button at the bottom)
- Select the colour for the banner under the Themes dropdown. Available choices are Light Grey, Black, Red and White
- On the Image Position dropdown, you can select the position on the banner's text. Options are Left, Right, Circle Left and Circle Right.NOTE: The Circle options will change the banner image from a square shape to a circular shape
- Finally, the Template dropdown has an option for Full Width. This will expand the banner to occupy the full width of the page. NOTE: This option will not display correctly on this template. It will work on the Default and Landing page templates only. View the Full Width Banner example
Variant Examples
View the Full Width Banner example