Call to action example

Text that prompts users to take a specific action.

Call to action

What is a call to action?

The call to action block has a light gray background, some text, and a linked button. The call to action is used to encourage web users to take a specific action.

How to add a call to action

  1. Click the edit link at the top of the page 

    Example of selecting the edit button on a page
  2. Move your cursor where you want to place the component. (Add a section if needed). 
  3. Click the plus icon.

    Example of the plus icon with a red square around the icon
  4. Select call to action from the menu 

    Example of the call to action menu selected

Content 

  1. Add the title of the component.
    Note: Title field text is limited to 70 characters.

    Example of the title field
  2. Add an internal page or external link.

    Example of the URL field
  3. Add the button text.
    Note: Button text is limited to 45 characters.

    Example of the link text field

Styles

  1. Toggle to the styles tab. 

    Example of the Styles option selected
  2. Select the amount of additional space you would like above the component. 
  3. Select the amount of additional space you would like below the component. 
    Note: By default, there is no space below a component.

    Example of the top and bottom margin drop-down section with a red box around it

Save

  1. Click Save.
  2. Scroll to the top of the page and click Save.

    An example of how to save both the component and the page. The save buttons for both are outlined in red to emphasize the action.
  3. Click the Done button beside the save button.
    Note: This will display the page in the closest representation of how site visitors will view it. All links and actions that are disabled in editing mode will be functional now.
     

    Example: of the Done button outlined