Call to Action
The Call to action component allows text accompanied by one or two buttons to be added to the page.
| Category | Value |
|---|---|
| May contain | None |
| May be placed in | Hero region, Content region, Region 2, Region 3, Accordion panel, Component grid, Container, Two column split |
| Field | Description |
|---|---|
| Title | Larger, upfront text. In the example below, "Sample Call to action #1." |
| Text | Normal, plain text. In the example below, "This Call to action has additional text provided here." |
| Link | Text and URL destination of primary button. |
| Secondary link | Text and URL destination of secondary button. |
| Alignment | Left or Center (default). |
How to add a Call to action
Select
Call to actionfrom the Component type drop down list and click the Add new Component or Add another Component button.Decide if the Call to action should have a Title and Text preceding the button(s).
Provide the required Link Title and URL for the button.
Provide a Secondary link Title and URL if a second button is desired.
Choose whether the Alignment should be
centerorleft.
Things worth mentioning
Unlike the other component types that are placed in Component grids, the Call to action component can also be placed outside of Component grids.
The optional Text you can provide is plain text so you cannot add bold text, links, images, etc.
If a Secondary link is supplied and there is not enough available space for both buttons to sit next to each other, then the Secondary link button will stack beneath the Link button.
Take care to use the Call to action component where appropriate and not to try using it interchangeably with the Text component.
Examples
The example below is a Call to action component with a Title, Text, Link and Secondary link supplied and Alignment is set to center.
Sample Call to action #1
This Call to action has additional text provided here.