Skip to main content

CTA buttons (button-icon)

CTA buttons (formerly known as button-icon landing page) is a page component that consists of a number of links to pages, displayed in a button and icon format. Links, descriptions, and icons can be customized.

In custom landing pages, the button links can be set to link to any page. The button-icon layout displays links as columns of buttons with icons. The number of columns can be adjusted—2, 3, or 4 columns can be used.


How to

Create CTA buttons

  1. Create a new page or edit an existing page.
  2. In the Page type section of the page editor, select the Landing/index page option.
  3. In the Index option section, select Manual
  4. In the Display as section, select Button-icon. The Button editor will appear. 
  5. If a pre-defined button was created for you by the Web Team, set the Use a pre-defined button? option to Yes. Otherwise, select No, use a new custom button to create a unique button. 

Use a pre-defined button

  1. Follow steps 1 to 3 above to add a button to the page.
  2. In the Button block field, browse to and select the pre-defined button block that the Web Team created for you.

Use a new custom button

  1. Follow steps 1 to 3 above to add a button to the page.
  2. In the Button text field, enter the link text to be used for the button (e.g. Download viewbook). 
  3. In the Button subtext field, enter an option brief description to be used for the button.
  4. In the Button link field, select the CMS page to which you want the button to link. If you want to link to an external webpage (outside of the university CMS), send a request to the Web Team to have a pre-defined button block created. 
  5. To include an icon, select an icon name from the Icon dropdown field. View examples of available icons. 
  6. You can include a custom click event tracking for Google Analytics in the Custom click event field (for advanced users only). If you do not enter a custom click event, default click tracking will automatically be added to the button.
Search the CMS User Guide