Call to Action Component

Prompt visitors to click a link.

This feature works comparably in both the Classic and Flex UI versions of the UBCMS. In the future, screenshots and language will be updated to reflect Flex UI.

On this page:

  • Additional Label Text Setting
  • Use the Open in New Window setting sparingly.

> Read more.

Last reviewed: September 17, 2021

Using This Component

This component has only one tab. It loads with the default 'Learn more' text displayed.

The component as it first appears on the page.

The component as it first appears on the page. Note the default "Learn more" text is displayed.

Tip: Learn how to make a quick link to the top of your page.

Call to Action tab

The default text "Learn more" is preloaded with a medium bullet.

This component requires a link (that field is highlighted in red).

Title - Enter your desired link text. Best practice is to use language that compels action.

  • The default text "Learn more" is preloaded.

Additional Label Text - Allows for a longer description to assist screen readers to give more context for repetitive buttons on the same page.

Link - Enter your hyperlink. This field is initially empty and must be filled to work properly.

Open in new window - Force the linked page to load in a new window (best practice for pages that are off your site).  When that is selected, an additional icon will follow the linked text, to alert visitors that they will be taken to a new browser window, or even leave the current website.

  • If the hyperlink goes to a downloadable file, an document icon will instead be shown as well as the file size if the file is on the same server. Read more about link labels.

Display Size: Three style options are provided

  • Large (default) - largest font and bullet
  • Medium - mid-sized font and bullet
  • Small - smallest font and bullet, same as default List Builder link
  • Module "See All" style - Title is capitalized and right-aligned
The component opened for editing.

The component opened for editing. The required link field is highlighted in red.

The Module "see all" style looks like the 'see all' link in the Flex Module, Carousel (or Lists).

In cases where a module component (e.g. flex module or carousel) does not meet your needs, this new option allows authors to create the look of a module using other components with the combination still matching other modules on the page. 

Technical Restrictions

  1. This component requires a hyperlink.
  2. If the URL is outside the UBCMS, http:// or https:// must be included.

Accessibility Concerns

Watch a Training Video

See an Example

Was This Information Helpful?

(so we can thank you or request more details)
( addresses only please)