> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Regular Button


# Getting Started

You can add a button to your website using the Regular Button element. This article will cover how you can add and edit a button using the following element. Follow all instructions accordingly.
---

# Adding the Regular Button element

Follow the steps below to add a **Regular Button** to your site. 

* Click on + **Add Element or Containers** in an empty Container
* From the **Elements** option, select the **Image** element

**Refer to the GIF below:**

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/gif-recording-2025-05-13-at-91_dmo7cb.gif)
---

# Editing the Regular Button element

Follow the steps and instructions below to add and edit a **Regular Button** on your site.

The **Regular Button** element editor has the following options:

* Button Type and Contents
* Button Link
* Button Background
* Inline Button

The **Regular Button** element editor**:**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_2v07tc.png)
---

## Button Type and Contents

In this option, you can change the type of your button and stylize it.

Refer to the **GIF** below to see the settings being demonstrated inside this option ⬇️

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-12-26-at-31_81ty3x.gif)
---

## Button Link

The button link option lets you add a link to your button where a visitor will be redirected upon clicking the button. You can choose various link types.

Refer to the **GIF** below to see the settings being demonstrated inside this option ⬇️


![Button Link Types](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/gif-recording-2025-08-07-at-50_v4zvww.gif)

---

## Button Background

You can choose the background style of your button from this option. You can add a plain color or a gradient color according to your preference.

Refer to the **GIF** below to see the settings being demonstrated inside this option ⬇️

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-12-26-at-35_114kemq.gif)
---

## Inline Button

This option lets you select whether you want your button to be in line with other buttons or not.

|| 💡 This feature is only available for users of our previous version or for those using the Row/Column options.

Refer to the **GIF** below to see the setting being demonstrated inside this option

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-12-26-at-43_1vg4jb5.gif)
---
---

# Related articles

[Video Element](/en/article/video-element-1mvop74/)

[Image Element](/en/article/image-element-8z2fmm/)