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

# Add code through F

1. Open the **F: Theme Access: Insert CSS** app and click on the **Add Code** button.

![](https://storage.crisp.chat/users/helpdesk/website/487d157f4f11e400/df98fe28-6a44-492b-9fea-72a8e2_1yy73zh.png)

2. Now, name your code and choose whether to display it throughout your entire store or only on selected pages. For specific pages, click the **Add Page** button to make your selections.

![](https://storage.crisp.chat/users/helpdesk/website/c754a8a16f0be000/f542ea5a-0fdc-454b-83fe-29a938_ub7fwa.png)

3. In the three sections for adding code, you can paste your code. To display your code at the top of your web page, paste it in the header section. You can also choose the body and footer sections, respectively.

![](https://storage.crisp.chat/users/helpdesk/website/8dd51eb30a9a1800/f9485d70-2f98-4122-8d79-15ac87_gpzzmj.png)

4. Click the **Save** button. If you haven't enabled your theme app extension, head back to the homepage and click on the **Enable** button.

![](https://storage.crisp.chat/users/helpdesk/website/b0ef065b1b576800/18788f72-32ec-47a7-b7f5-4354be_h3eqnk.png)

5. You can see the extension of **F: Theme Access: Insert CSS**, enable the **Final Code Header** and **Final Code Body** extensions. Then, you will see the saved code displayed on your web page.
![](https://storage.crisp.chat/users/helpdesk/website/5f08dffa9e286400/ceed5bbd-8c08-4546-a9ff-ed34a5_1ep3yem.png)

We would like to hear from you. Please leave your response, whether you liked it or not.