The button element is ideal for creating links on your website. You can use buttons to link to other pages on your website, to an external website, or to an email address. These links make it easier for your customers to access other pages or contact you, for example.

Step 1

Go to the Editor.

Step 2

Drag the Button element from the menu on the left and drop it in place on your website.

Step 3

Add relevant text to your button, such as where it links to. Click on Add link to make the button a link.

Step 4

Buttons can be used as follows:


  • Page: the button links to a page on your website
  • Product: the button links to a product on your website
  • Blog post: the button links to a blog post on your website


The button links to an external webpage. Make sure the website address is entered correctly and check the Open in new window option. When your visitors click on the button, the external webpage will open in another window while your website remains open.


  • Email: links to an email address so your visitors can easily send you an email
  • Telephone: links to a telephone number so your visitors can give you a call with one click
  • WhatsApp: links to a mobile phone number so your visitors can send you a WhatsApp message


Links to a file that will be automatically downloaded when visitors click on the button

Don't forget to save your settings!

Step 5

Click on the Style button on the toolbar to customize your button:

  • Color: choose a color for your button
  • Icon: add one of Webador's free-to-use icons to your button
  • Style: choose from: 
    • Default - a one-color button

    • Frame - a colored border

    • 3D effect - 3D shading

  • Size: make your button small, regular, or large
  • Border: buttons are square, and their corners can be square, slightly rounded, or rounded
  • Full width: enable this option to make your button span the full width of a column

✔ Tip: you can also add a link to text on your website or add social media buttons that also provide extra links.