Work with buttons

Buttons add interactivity to your site. They can open other pages on the site or link to external content.

Each section has a grid to help you position components such as buttons, text blocks, and tables. The grid becomes visible when you drag a component on a section or reposition it.

The following describe how to:

Add a button

To add a button:

  1. Hover on the page to reveal the section buttons.
  2. Click Add Component to open the menu.
  3. Select Button.
  4. Drag the button to the appropriate location.
  5. Click the button to open the component toolbar.
  6. Click the edit icon.
  7. Configure options:
    1. For Type, select Primary, Secondary, or Tertiary. Theme button options define the style for the three button types.
    2. Add the link URL.
    3. Configure whether the link should open in a new tab.
  8. Click the Button text to change the label.
  9. Click Save.

Delete a button

To delete a button:

  1. Select the page and click Edit.
  2. Click the button to open the component toolbar.
  3. Click the trash can icon.
  4. Click Save.

Edit button styles

You can set colors, fonts, radius, and other attributes for the primary, secondary, and tertiary buttons. To edit button styles:

  1. From any page, click Edit site styles to open the Site Styles panel.
  2. Click Themes. The Theme Options panel opens.
  3. Click the Buttons card.
  4. Expand the button type to modify.
  5. Select the desired attributes and when finished, click back.

The following describe how to work with: