What is a CTA Banner?

A CTA Banner is a stylized image and button. The CTA Banner is used to encourage web users to fill out a Qualtrics form or access a Matterport interactive map.

Laptop with CTA Banner on screen

CTA Banner Example

Description or teaser for this particular CTA banner.

Qualtrics Form

Step-by-Step Instructions

  1. Click the edit link at the top of the page
  2. Move your cursor where you want to place the component.
  3. Click the plus icon.
  4. Select CTA banner from the menu

Content 

  1. Add your Title.
    Note: Title field text is limited to 70 characters.
  2. Add your Teaser text.
    Note: Teaser text is limited to 300 characters
  3. Add your external link (Required).
    Note: The URL must start with the following domains https://my.matterport.com/ or https://uclahs.az1.qualtrics.com/
  4. Add the Button text (Required).
    Note: Button text is limited to 45 characters.

Save

  1. Click Save.
  2. Scroll to the top of the page and click Save.
  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.

Alert

Only Site Administrators can add background colors.

Background Colors 

This setting is available only to site owners and should be used sparingly to draw attention to key information.

Note: This applies only to One Column Sections.

How to apply a background highlight:

  1. Open the Styles tab.
  2. Choose a background color to highlight your components:
  • None (default)
  • Blue 100
  • Blue 300
  • Blue 500
  • Blue 700
  • Sand 300
  • Sand 500

CTA Banner Example

This is a CTA banner on a Blue 100 background

Link text

CTA Banner Example

This is a CTA banner on a Blue 300 background

Link text

CTA Banner Example

This is a CTA banner on a Blue 500 background

Link text

CTA Banner Example

This is a CTA banner on a Blue 700 background

Link text

CTA Banner Example

This is a CTA banner on a Sand 300 background

Link text

CTA Banner Example

This is a CTA banner on a Sand 500 background

Link text