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 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:

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

It's easy to take your business online with Yola.