Let me give you a quick tour of the platform.

How to use Button Element

-buttons are interactive elements that users can click or tap on to perform specific actions.

Button

Move the Button element by dragging and dropping it to any location within your section.

How to Use Button Element

After clicking the button, the Setting will show up.

To change its settings, click the button.

Change the font style, size, or text decoration inside your button.

Font

<ol><li>Button- This Setting allows you to change button's size and style .</li><li>Icon-Inside your button, you can alter the size and appearance of the icon. </li></ol>

Button Settings

<ol><li>Size: The dimensions (width and height) of your button on a webpage.</li><li>Gap: The spacing between rows and columns of grid or flex items in layout models.</li><li>Padding: The space between your button content and its border.</li><li>Border: The visible edge around your button, creating a boundary between the content and its surroundings.</li></ol>

Size

-You can either change the button's color to a solid color or a gradient. -For hover choices, you may also apply color.

Color

<ol><li>Page- Link any page you build inside your web builder .</li><li>Web Address- Link Web address's like Facebook, YouTube, or any of your social media accounts, for instance.</li><li>Anchor- this option allows you to link to a specific section of that same page.</li><li>Top/Bottom of the Page- enables you to link the Header or Footer of a certain page.</li><li>Email/Phone/Sms- Enter your contact details so visitors can reach you by clicking the button.</li><li>Popup- appears on top of the main content of a webpage, creating a focused area of interaction.</li></ol>

Link

typically refers to a visual or interactive element that allows users to sort, refine, or manipulate displayed content based on specific criteria.

Filter

-Animation can be used to create dynamic and visually engaging movements or changes in your buttons. -Animations can capture users' attention, enhance user experience, and make a website more interactive and appealing.

Animation

The "transform" property is often used in conjunction with transitions to create visually appealing interactions.

Transform

This Setting allows you to position your Text.Left, Center , Right and Justify option.

Center

"Select the parent element" refers to the action of choosing or targeting the container or enclosing element that holds a particular HTML element within a web page's document structure.