# Custom HTML, JS code

{% hint style="danger" %}
You can use your own code or third party code into your Vintcer website. Please test the code on a test/demo website before uploading it to your original website.

Adding a corrupt and wrong code can lead to serious damage to your website. So, Please test the code on a test/demo website before uploading it to your original website.
{% endhint %}

{% hint style="success" %}
In our latest update we have added the functionality to add your own code wherever you want please read more about this feature in next article or [click here](https://docs.vintcer.com/custom-html-css-and-js-code-in-sections-or-blocks).
{% endhint %}

### You can add HTML, CSS and JavaScript to your pages.<br>

#### To do that, click on the blue (+) you see when hovering between the different sections. &#x20;

#### You’ll see a menu on the left with different types of stripes to choose from.<br>

### At the bottom of this menu, click **Elements** and choose **RAW** or **HTML** from the options on the right:

![Click on the Sky blue + button to open Section Menu ](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuW7_QfCY0vOzCDqj0%2F-LBuWkvBDwNoGCjKTP2N%2FScreenshot%202018-05-06%2016.19.59.png?alt=media\&token=8bd03d8a-e7cb-4919-987a-05833b0574d6)

### Now, Choose the Elements from Section Menu and then choose RAW (See the image below)

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuW7_QfCY0vOzCDqj0%2F-LBuYQVcrJ-MsEOU2ouW%2FCustom_HTML_JS_CSS.jpeg?alt=media\&token=2bc023f5-81b7-44fc-9e99-8c6c5191b6ce)

### After clicking on RAW, a RAW element will appear in your website (see the image below)

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuW7_QfCY0vOzCDqj0%2F-LBu_GmteeSSnNnqhJd1%2FScreenshot%202018-05-07%2017.59.54.png?alt=media\&token=730d705e-bede-40fd-9694-c19891ca4e23)

### Click on the element and choose **Edit RAW**

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuW7_QfCY0vOzCDqj0%2F-LBu_RkAcYl7bAnsFizr%2FScreenshot%202018-05-07%2018.01.07.png?alt=media\&token=e2bc8b78-d656-4158-8fda-e6caa0937e5b)

### After choosing Edit RAW and code editor will appear&#x20;

![](https://2358477259-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBo_mo13rwfUpGj8X6-%2F-LBuW7_QfCY0vOzCDqj0%2F-LBu_a1ByMHLGzQn6svb%2FScreenshot%202018-05-07%2018.01.36.png?alt=media\&token=ff6dd361-9315-4a3c-86f0-1b7e8d381461)

### Remove the default code and enter your own code and click SAVE button.&#x20;

Make sure to click on Update lIve site button or Publish button to see the code in your live site.