# How to insert a button

> Add a clickable button to any ProSite page and link it to a page, an external URL, a file, an email address, or a phone number.

Source: https://www.kualo.com/knowledgebase/prosite-pages/how-to-insert-a-button
Updated: 2026-06-11

---

The button element lets you add a clickable button to any page and link it to an internal page, an external URL, a file, an email address, or a phone number.

<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%; padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will-change: transform;"><iframe allowfullscreen="allowfullscreen" allow="fullscreen" loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0; margin: 0;" src="https://www.canva.com/design/DAFeZsGdsqM/watch?embed"> </iframe></div>

## Adding a button

1. Launch the Site Builder tool from your cPanel.
2. Go to the page where you want to insert the button.
3. Find the **Button** element in the elements panel, then drag and drop it onto your page. You can choose from a number of pre-created button styles. If none match exactly what you want, pick the closest one - you can adjust the appearance afterwards.

![Choosing a button style in ProSite](https://kb-cdn.kualo.com/39/31/393181a187c8fe517ca1445c45f59bce0c44fc8a.png)

## Editing button settings

4. Hover over the newly added button and click on it. The settings panel appears on the right-hand side.

![Button settings panel](https://kb-cdn.kualo.com/59/f0/59f07a8bd977faeb98ea63d10a26b32294d16ef9.jpg)

5. Here you can adjust the border, colours, and other visual settings. Buttons have three states: **Default**, **Hover**, and **Active**. Depending on your design, you may need to adjust all three.
6. Click the pencil icon next to **URL** to set where the button links to. You can link to a page on your website, an external web address, a file, an email address, or a phone number.

![Button URL settings](https://kb-cdn.kualo.com/7e/9c/7e9ca348b50208e6dc161573ffce0dc2f846de8d.png)

:::tip
If you have customised the look of a button and want to reuse the same style elsewhere on the page, use the **Duplicate** feature to copy it rather than adding a new button from scratch. That way you only need to update the URL, not reapply all the styling.
:::


---

_Source: Kualo Knowledgebase — https://www.kualo.com/knowledgebase/prosite-pages/how-to-insert-a-button · © Kualo Ltd._