In this article, we will cover:

  1. How to Add a Button Section to a Page

  2. Button Section Overview

  3. How to Edit the Button Text and Link

  4. How to Change the Button Alignment

How to Add a Button Section to a Page

To add a button section to a page on your site, click "+ Add Section" on a new or existing page:

In the pop-up that opens, "Text" will be the first category on the left navigation bar. Select the "Button" section, and click "Add Section":

Button Section Overview

Here is an overview of the button section:

  1. Section Lock: Click on the "lock" icon to lock or unlock editing capability.

  2. Edit: Click on the button to edit the button label and button link. Learn more about this in the section below!

  3. Add Section: Click on the "+" icon to add a new section.

  4. Custom CSS Settings: This is to code custom styles in a section. This is for advanced website coders.

  5. Sort Arrow: Use these arrows to move your section up or down on the page.

  6. Show/Hide Stuff: Use this to show/hide specific elements on sections that support this functionality.

  7. Settings: This is a powerful section! Click the "gear" icon to find countless ways to customize your sections — from adding a background image or color, to changing text size and color, this settings section gives you the flexibility you need to make your pages your own!

  8. Copy: Use this to create a duplicate of a particular section and give yourself a head start on a new section.

  9. Delete: Remove the section from your page.

How to Edit the Button Text and Link

Click on the button to edit the button label and button link:

In the button modal that opens, you will be able to customize the button.

  1. Button Label: enter the text that you want to appear on your button here.

  2. Button Destination: use this drop-down menu to select where the button will link to. You can choose to have it link to an internal page or external page.

  3. External URL: if you choose to link to an external URL, enter the URL here.

  4. Open link in new window or tab: check this box if you would like the link to open in a new window or tab.

Once you editing your button click "Save" to save your changes. Click "Publish" in the top right corner of your screen to send your changes to compliance!

How to Change the Button Alignment

To change the button alignment on your page, click on the "gear" icon to access the button settings:

In the Section Settings modal that opens, click on the "Text" Section:

Here, you can select how you would like the button aligned on your page.

In the text alignment section, use the drop-down menu to select the alignment you would like to use. Click "Done" to save your changes. Click "Publish" in the top right corner of your screen to send your changes to compliance.

Did this answer your question?