Using the Button Widget

The Button widget allows you to add an element to your site that draws your visitor's attention such as a Welcome sign. It also enables you to add an eye-catching call-to-action (CTA) feature on your website. This engages the visitor's interaction and leads them to "take action".  Some examples of CTA could be:

  • "View our catalog"; inviting visitors to click on the button to take them to a page where they can view your products.
  • "Submit"; useful for forms and enabling visitors to send you information.
  • "Click here"; asking visitors to click on the button for more information.

The uses for the Button widget are endless!

To begin adding a Button widget to your site, here's how:

1. Go to Widgets and select Popular from the drop-down menu

2. Drag and drop a Button widget onto your page. 

User-added image 

3. A dialog box will open up with the following options:

  • Text (the information you want to show up on the button)
  • Link (optional)
  • Margin
  • Align
  • Size
User-added image


Once you've added the basic steps, now we can start customizing your button. To do this, go to your Style Designer (Style > Designer). Scroll down to the bottom of your Style Designer to the "Button" section and you can edit the following:

  • Background Color
  • Font Color
  • Font
  • Padding
  • Shape (Square, Rounded, Pill)
  • Style (Solid or Outline)
User-added image
Was this article helpful?
2 out of 6 found this helpful