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 - font style, size, and color

  • Button Color

  • Button Actions

  • Button Size

  • Position & Padding

  • Alignment

  • Borders & Shadow 

  • Presets


Button Text Settings

You can change the follow text settings:

  • Text Content - the text that appears inside the button

  • Font Style

  • Font Size

  • Font Color

Button Color

You can choose a color for the button. If you have a “hex color code” you can simply type it

Button Actions Settings

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 Size Settings

Use the width and height dials to resize the button. 


Position & Padding Settings

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

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


Alignment Settings

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


Borders & Shadow Settings

You can adjust the following border settings:

  • Border Style (solid or dashed)

  • Border Color 

  • Border Thickness

  • Rounded Corners

  • Border Shadow

Did this answer your question?