Tutorials

loading...

How to use 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 > Popular > Button Widget.

User-added image

 
2. 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 > Style Settings > Style Designer). Scroll down to the bottom of your Style Designer to the "Button" section and you can edit the following:

1. Background Color.
2. Font Color
3. Font
4. Padding
5. Shape (Square, Rounded, Pill)
6. Style (Solid or Outline)

User-added image