CTA Button

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. 

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 drop-down 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 drop-down 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 Sitecore XM Cloud 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 > sitename > 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 Insert email link.
   2. Add the button label in the Displayed Text box.
   3. Add the email address in the E-mail Address box.
   4. Optional: Add a subject link for the email in the Subject box.
   5. Click Insert email button.

1. Open Content Editor:
   1. In Page Builder, click the drop-down arrow to the right of the Sitecore XM Cloud 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 > sitename > 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 Insert media link.
   2. Locate the file to be linked in the Media Library Content Tree on the left side of the pop-up window.
   3. Add the button label in the Link Description box.
   4. Click Insert button.