Button

Table of Contents

• Adding a Button
• Option 1
• Option 2
• Moving and Resizing the Button
• Customizing a Button
• Deleting the Button
• More Menu

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 and drop it using the grid.

Option 2

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

• Choose the element:

• After you choose the element from the list, drag it to the desired section and drop it using the grid.

Moving and Resizing the Button

Please refer to the Elements Management (Drag and Drop Grid) article to learn more about moving and duplicating elements.

Customizing a Button

To edit, duplicate, layer or delete the element, click on it and switch between the buttons that appears in its toolbar:

• AI Writer. Click the AI Writer button and enter the Post Topic to generate new text and click Write My Idea.
• Font. Select font, style, and format.
• Bold. Make the selected text bold by clicking the button.
• Italic. Make the selected text italic by clicking the button.
• Underline. Make the selected text underlined by clicking the button.
• Strikethrough. Make the selected text strikethrough by clicking the button.
• Alignment. Align the text element to the left, right, or center.
• Link. Add a link to a page (and select a page), anchor (page and section), URL, file, email address, or phone number. You can also turn on the toggle to open a link in the new tab.
• Icon. Click the icon area to select a different icon from the pop-up, choose the icon color by clicking the Square icon on the right, and choose the alignment.
• Style.  Choose the button type: Primary Solid (color), Secondary Solid (color), Primary Outline (color), Secondary Outline (color), or Text. Turn on the toggle to enable hover effects, and choose among Fade Out, Scale, Shine, Shadow, Glow, Uplift effect to apply when hovering over the button.

Deleting the Button

To delete a button:

• Click the Remove button [Bin]:

• The element will be removed immediately.

More Menu

• Click the More icon in the editing menu to access the available options:

• Cut. Click Cut or Ctrl+X to cut your element.
• Copy. Click Copy or Ctrl+C to copy your element.
• Duplicate. Click Duplicate or Ctrl+D to duplicate your element. The duplicate will appear immediately.
• Delete. Click Delete to remove the element. The element will be deleted immediately.
• Move Forward. Click Move Forward or Ctrl+⇓ to move your element.
• Move Forward. Click Move Forward or Ctrl+⇑ to move your element.