Add a button

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, for example, contact you.

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:

Internal

  • Page: Links to a page on your website.
  • Product: Links to a product on your website.
  • Post: Links to a blog post on your website.
Webpage

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

Contact
  • Email: Links to an email address so your visitors can easily send you an email.
  • Phone number: 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.

File

Links to a file that will be automatically downloaded when visitors click on the button. Click on the Upload button to upload a file.

Step 5

Click on the Save button.

Step 6

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

  • Color: Select a color for your button
  • Icon: Add one of Webador's free-to-use icons to your button
  • Style: Choose from:
    • Normal

    • Border

    • Gradient

  • Size: Make your button small, default, or large
  • Curve: Opt for a button with square corners or slightly curved corners, or make your button a circle
  • 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 contain links.

Was this article helpful?

Can't find the answer? Ask us your question.

  • Contact form

    Contact form

    Fill in the form and we will get back to you as soon as possible.