# How to insert CSS code into Shoptet > A step-by-step guide to inserting your own CSS code into the Shoptet template HTML editor through the Header section. - **Zdroj:** https://www.webmakeria.com/guides/general-shoptet-guides/how-to-insert-css-code-into-shoptet/ - **Doplněk / kategorie:** General Shoptet guides (https://www.webmakeria.com/guides/obecne-navody-pro-shoptet/) - **Datum:** 2026-01-07 - **Autor:** Webotvůrci (https://www.webotvurci.cz/) --- ## Step 1: Log in to your store admin 1. Open the admin of your Shoptet store. 2. Log in with your credentials. ## Step 2: Open the HTML code editor 1. In the main menu, go to **Appearance and content**. 2. Choose **Template designer**. 3. Click **HTML editor**. ![Shoptet admin main menu with Appearance and content and Template designer highlighted](https://www.webmakeria.com/uploads/navody/vlozit-css-01-navrhar-sablony.png) ![Template designer with the HTML editor icon highlighted in the left panel and the Header HEAD tab](https://www.webmakeria.com/uploads/navody/vlozit-css-02-html-editor.png) ![](https://www.webmakeria.com/uploads/navody/image-3.png) ## Step 3: Insert the CSS code 1. In the code editing window, find the **Header ** section. 2. Paste your CSS code into the `