University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Call to Action Component

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

New Brand Features

A new display style is added.  
read more about the digital brand transition
read more about changes to this component

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.

Using This Component

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

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.

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 options are provided for the size of the text and the adjacent bullet: Large (default); Medium; Small.

The component opened for editing.

The component opened for editing. It requires a link (note it is highlighted in red).

New Brand Features

At a Glance

Icon and colors adjusted for new brand.

New right-aligned 'See All' style.

Details

This component was adjusted for the new brand, with a blue palette. Also a new display style was added to the existing component, 'Module "See All" style,' where the the Title is capitalized and right-aligned. The existing styles will continue to work, but they will be colored blue instead of green.

  • The new display style will ONLY be displayed using the Brand Preview tool.
  • The old display styles will still display while using the Brand Preview tool.
The component opened for editing.

The component opened for editing with an example Title and Link.

The new 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. 

An example of the component showing the new brand style.

An example of the component showing the new brand style.

Restrictions

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

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu 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:

April 20, 2017