Place buttons on your landing pages to create magnetic, eye-catching links.


Adding the Button

1. Find the Button element in the toolbar on the left-hand side. Drag-and-drop it onto your page.

Tips: A dashed blue line appears when you've started dragging an element. It shows you where the element will be added once you drop it on the page. 

Use “Ctrl+Z” shortcut to undo the last action or use arrows in the toolbar at the top of the page.


Formatting the Button

2. Double-click on the Button to start editing the text.

Additionally, you can right-click on a selected Button to open the formatting toolbar and edit the font, size, add icons, embolden or italicize it.


3. Select the Button element and right-click it to access additional options, such as:

  • Select Parent
  • Wrap in Transparent Div
  • Cut, Copy, Paste, Delete, Duplicate
  • Move Up/Down
  • Undo/Redo
  • View Source


Adding a link to the Button

4. Select the Button, click the Pencil icon in the toolbar above to add a link and access the Inspector tab.


5. A window will open, providing you will all available link options, such as:

Redirect link to:

  • Website URL
  • Popup
  • Page
  • Email Address
  • Social Share

Submit form data and go to:

  • Website URL
  • Popup
  • Thank You Step

Click the close icon to close the link options window and save your link settings.


Customizing the Button

6. Select the Button, click the Pencil icon in the toolbar above to add a link and access the Inspector tab.


7. In the Inspector tab, you have a number of options to customize the Button.

  • Under Attributes, choose the devices that will show the Button, align it on the page, change its height and width, and change the class and ID.
  • Under Text Style, change the text's font, size, format, align it within the Button element and access Google fonts by clicking the "G" icon.
  • Add padding, margins and shadows to the Button under the relevant section.
  • Under Background, support your Button with a relevant image or a color pattern.
  • Border and border roundness allow you to create a border around the Button and round up its corners.


Tips: Select an eye-catching color for your button to make it more visible.

Make sure your button is linked to a resource in order to not confuse your visitors.