Call to Action Component

Prompt visitors to click a link to act or learn more.

Using This Component

Add the component to the page. There is only one tab.

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.

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. 


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

Was This Page Helpful?

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

On this page:

See an Example:

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

Related Video:

Using the Call to Action Component

Video courtesy of School of Public Health and Health Professions

Related Components:

Last Reviewed:

June 12, 2019