# Custom HTML, CSS and JS code in sections or blocks

{% hint style="danger" %}
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="warning" %}
This article explains about adding custom code, scripts, third-party embed codes to sections and blocks. If you want to add the code into body or in-line please read previous article or [click here](https://docs.vintcer.com/custom-html-js-code).
{% endhint %}

### Add a Section or block of your choice or use the one that are already added to your website.

### 1. Click anywhere inside section/block and then click on + icon/button

![](/files/-LiZQ8Alh8J7ngJAUfna)

### 2. Now click the Widget option (last widget in list)&#x20;

![](/files/-LiZRYqZHvfXGGsUmpNA)

### &#x20;3. A Widget panel will appear, click on **Code next to Parameters.**

![](/files/-LiZUoU8a9545-HxqEW7)

### 4. Now remove the default codes and  paste your own codes and click save.&#x20;

![](/files/-LiZveyrxeVJQib1T-oW)

{% hint style="danger" %}
Make sure to remove the default codes.&#x20;
{% endhint %}

{% hint style="success" %}
Click on Save button after adding your own code or scripts. **Click on Publish button to make the changes live on your website.**
{% endhint %}

{% hint style="danger" %}
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. Feel free to contact us if you need any help- <https://www.vintcer.com/support>
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.vintcer.com/custom-html-css-and-js-code-in-sections-or-blocks.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
