--- title: Custom Code slug: test-archbee/custom-code description: Learn how to add custom code to your hosted Space with this comprehensive guide. Ensure changes are properly tested on your production website, as the custom code is specific to the domain it is added to. Discover how to access the Custom Code tab in the docTags: createdAt: 2022-02-11T07:48:36.000Z --- Adding custom code to a hosted Space. The code that you add to a Space will only work on your domain, so you need to check the production website to see changes. ::::WorkflowBlock :::WorkflowBlockItem Choose a space and click on the **Settings** icon ( ⚙️ ) to open the** Space Settings** ::: :::WorkflowBlockItem Look for the **Custom Code** tab ![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/H6WN6zIZ8TLKzMY6PSa2l_customcode-light.png) ::: :::WorkflowBlockItem Add your **JavaScript**, **CSS** code, include headers or add a footer. Here is an example of [How to change the font](<././GUIDES/How to change the font.md>) ::: ::::