Button Widget

Adding & Customizing Buttons

Ariane Ramirez avatar
Written by Ariane Ramirez
Updated over a week ago

Add a Button to the Page

Click the Add [+] Button to slide out the Page Elements menu. Click the Button element from the menu, then drag it to a section on the page.

Property Settings Menu

Click the [settings icon] to load the property settings of the Button element to change the following:

  • Button Text

  • Button Actions

  • Button Color

  • Button Icon

  • Position & Padding

  • Button Width

  • Button Alignment

  • Borders & Shadow

Button Text

You can change the follow text settings for the first and second lines in the button:

  • Line Text

  • Font Style

  • Font Size

  • Font Color

Button Actions

You can select an action to be triggered when the button is clicked.

  • Do Nothing

  • Go to the next page - redirect to the next page in the same funnel

  • Go to a Specific Page - redirect to a page in a campaign or redirect to a specific URL

  • Download a File

  • Show a Popup Window

  • Submit this Form

  • Purchase Items (New Card)

  • Purchase Items (One Click Upsell)

  • Toggle Add/Remove To Cart

  • Show / Hide Items - show or hide page content from the same page

  • Create / Update Tag

  • Switch Tabs - show the content from a specific tab in the same page


Button Color

You can choose a color for the button on its normal state and when it's hovered. If you have a “hex color code” you can simply type it.

Button Icon

Add an icon that will appear next to the button text

Position & Padding

  • Position - You can move the object’s position upward or downward.

  • Padding - You can control the space around the text inside the button.

Button Width

Use the width dials to resize the width button.

Button Alignment

You can set alignment of the button to the left, center, or right.

Borders & Shadow

You can adjust the following border settings:

  • Border Style (solid or dashed)

  • Border Color

  • Border Thickness

  • Rounded Corners

  • Border Shadow

Other Element Options

Click the dropdown arrow next to the settings icon of the element or right click on the element to show the the other options.

  • Cut - the element will be removed from the page and can be pasted in another part of the page or on a different page

  • Copy - the element will be copied and can be pasted in another part of the page or on a different page

  • Paste Below - a copied or cut element will be pasted below the selected element

  • Rename - the element will be renamed instead of having the default element label

  • Duplicate - the element will be duplicated and placed below the selected element

  • Delete - the element will be deleted from the page

  • Button Settings - it will open the settings menu on the left side of the screen

  • Help with Buttons - it will open up a new tab and redirect to a help article about the element

Did this answer your question?