Button

Adding a Button

Option 1

• Hover over the desired section and click Add Element:

• Choose the Button element from the modal that appears:

• After you choose the element from the list, drag it to the desired section.

Option 2

• Hover over the left sidebar of the Site Editor and click Build (+) button:

• Сhoose the element:

• After you choose the element from the list, drag it to the desired section.

Moving and Resizing the Button

Please refer to the Elements Management article to learn more about moving and resizing elements.

Customizing a Button

Click a Button to display the editing menu, and be able to:

• Adjust text style: bold, italic, underline, strikethrough, capitalize, uppercase, or small caps.
• Select the button text font.
• Set font size and letter spacing.
• Align the button left, right, or center within its placeholder.
• Link the button to a page, external URL, file, email address, or phone number.
• Choose the button type: Primary Solid (color), Secondary Solid (color), Primary Outline (color), Secondary Outline (color), or Text.
• Enable Hover Effects (Fade Out, Scale, Shine, Shadow, Glow, Uplift) to apply when hovering over the button.
• Enable Full-Width to stretch the button across the entire column width (disabled for the Text button type).
• Resize the button by hovering, clicking, and dragging.