How to create a call to action button

Within your page:

1. Type your link text
2. Highlight your text
3. Create your hyperlink using the Insert/Edit Link button
4. In the standard link properties, click within the CSS class box and select your CTA class (choose from the options below)
5. Save link properties

To ensure the best possible results, there are a number of things to be aware of:

• Ensure each new CTA is created in a new paragraph, this will keep them all evenly spaced
• You can force your text to fall onto the next line by inserting a line break (Shift+Enter) - but do this after you've applied your link and class otherwise it might break
• Don't use too many CTAs on a page - they are supposed to guide the user to the main action you want them to take from that page

Which classes to choose?

We hope the class names are intuitive (for example, CTA-plainArrow for a basic arrow). However, if you're struggling to decide which to use, here's a hint:

• Any beginning with CTA-plain are the lighter and less obtrusive CTAs - a light neutral background is applied
• Those beginning with just CTA- have a blue background from the university colour palette
• If you want to change the CTA class, go back into the link properties and remove the current class and apply a new one