/
C29. Call-to-action banner

C29. Call-to-action banner

Release notes

Date

Update

Updated by

Date

Update

Updated by

14 Jan 2022

Component finalised

@Japneet Kaur (Deactivated) @Steven Mao (Unlicensed)


Overview


Objective:

The call-to-action banner component is a visually appealing way to encourage website visitors to take a desired action.

Use case:

A call-to-action banner can be placed on any webpage to help drive traffic to the particular action. This could be directing them to a tool/next step/another related webpage.


Business rules

BR-#

Business rules

BR-#

Business rules

BR-1

The call-to-action banner component can be placed on any page across the website

BR-2

The component contains the following elements:

  • Title

  • Description

  • CTA button

  • Image (Optional)

BR-3

The component should support variations and styling should align with the design.

BR-4

All elements of this component are content authorable.


Design

Examples (not exhuastive)

Desktop

Mobile

Desktop

Mobile

Variation 1


Variation 2


Variation 3


 

Variation 1


Variation 2


Variation 3


 


CMS Elements

#

Title

Type

Mandatory

Notes

#

Title

Type

Mandatory

Notes

1

Title

Text

Y

Title is not clickable. Content author can update this text.

2

Description

Text

N

Title is not clickable. Content author can update this text.

3

CTA button

Text/Link

Y

CTA button is clickable. Content author can update this text.

4

Image

Image

N

Content author can update this image.