CTA Banner Component

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.

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.

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