Digital Experience Studio > Website Technology > Sitecore CMS > Sitecore Component Guide >

CTA Button

CTA Button

The CTA Button component allows content authors to add one or more CTA buttons to main content areas between other components. This component may also be used in the right column of the two-thirds sublayout and in some of the container components. Multiple CTA buttons display in a row as space allows and will then stack vertically.

Screenshot of three green CTA buttons with white text reading: Learn More, MSU Home and XMC Component Guide
Figure 1: Example of a CTA Button component with three CTA buttons.

Component Information

Frequently Asked Questions

No, the button is designed to appear green with white text. 

Yes. Content authors should keep browser window size and user experience in mind when adding multiple CTA Buttons. 

Instructions for Use

In Page Builder:

  1. Select the page in the site tree.
  2. Click the “+” button in the placeholder for the CTA Button.
  3. Select CTA Button component from the list.

Alternate method: 

  1. Select the page in the site tree.
  2. Click the Components tab at top of the left pane.
  3. Locate the CTA Button component.
  4. Drag the CTA Button component to placeholder on the page.

In Page Builder:

  1. Click on the CTA Button text field. “No text in field” appears by default.
  2. In the Element Options pane on the right side, select Internal from the Link type icon menu.
  3. Enter a link path from within the site or click Browse to open the link selection window. Choose the page to be linked and click Add link to select.
  4. Enter the link button label in the Link text box.
  5. Optional: Add tooltip text in the Link title text box. 
  1. Click on the CTA Button text field. “No text in field” appears by default.
  2. In the Element Options pane on the right side, select External from the Link type icon menu.
  3. Enter a full URL in the URL text box.
  4. Enter the link button label in the Link text box.
  5. Optional: Add tooltip text in the Link title text box. 
  1. Click on the CTA Button text field. “No text in field” appears by default.
  2. In the Element Options pane on the right side, select Email from the Link type icon menu.
  3. Enter a full URL in the URL text box.
  4. Enter the link button label in the Link text box.
  5. Optional: Add tooltip text in the Link title text box. 
  1. Click on the CTA Button text field. “No text in field” appears by default.
  2. In the Element Options pane on the right side, select Email from the Link type icon menu.
  3. Enter a full URL in the URL text box.
  4. Enter the link button label in the Link text box.
  5. Optional: Add tooltip text in the Link title text box. 
  1. Open Content Editor:
    1. In Page Builder, click the drop-down arrow to the right of the SitecoreAI icon in upper left.
    2. Select Content Editor. It opens in a new browser tab.
  2. If the CTA Button does not appear in the Content Tree, close the page’s Data node and expand it again to refresh the Content Tree.
    1. In the Content Tree, expand Content > MSU > site name > Home > page name > Data.
    2. Locate and expand the CTA Button component.
    3. Click on the CTA Button component in the Content Tree.
  3. Edit the link:
    1. Click the appropriate link option under the Link panel.
    2. Complete the link field settings, as needed.
    3. Add the button label in the Link Description box.
    4. Click Insert button.

Tool Use Guide

 

Documentation updated: Apr. 13, 2026

Is there an issue with this documentation? Report it here.