> ## 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).

# Custom Code Element

# Getting Started

You can add custom code to your website to make your own customizations. This article provides instructions on how to add a custom code element to your page. 

---

# Add Custom Code to your website

Follow the steps below to add Custom Code element to your site. 

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

**Refer to the GIF below:**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-12-28-at-51_1yp5lff.gif)


---

# Adding Custom Code

The Custom Code element editor offers the following option, as shown in the picture below:

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


To start adding your custom code, write down your code in the code editors inside the Custom Code option inside the editor. You can add the following codes in the element:

- HTML
- Javascript


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-12-28-at-52_oxzlt2.gif)

---

---

# Related articles

[Add Custom Code](/en/article/add-custom-code-19siwk8/)

[Custom CSS](/en/article/custom-css-1rdt5qy/)