> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.chrisp.chat/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).

# How to Add Code to a Specified Section

Step 1 : Open the editor and click **Add block / Add Section**. This opens a selection of blocks or apps that you can add.

![](https://storage.crisp.chat/users/helpdesk/website/b615694a37928000/19c6201d-86a1-4543-bb37-9d4f04_iq4smc.png)

Step 2 : Select the **F: HTML/CSS : JS Liquid Code** app. It will add a new block to your store.

![](https://storage.crisp.chat/users/helpdesk/website/eed8b23badcea800/615e926a-142f-440b-b23d-4ff1da_1h5tkaa.png)

Step 3 : Click on the newly added app block to open the code editor, where you can write your custom code.

![](https://storage.crisp.chat/users/helpdesk/website/6c4c3e7a424aa800/6ea99150-0a36-4a49-8aa0-0ddab5_qtj181.png)

A new code block will be added to your store. You can easily change its position by dragging and dropping the block to your desired location.

![](https://storage.crisp.chat/users/helpdesk/website/8bad4988f3867800/19cc2de5-b27b-4613-b1d9-c0b9d0_1qpw2zu.png)

**Video Tutorial Link** : [https://www.youtube.com/watch?v=we0ueLqPKdQ](https://www.youtube.com/watch?v=we0ueLqPKdQ)

If you encounter any issues, please let us know. We are happy to help!