# Jak vložit CSS kód do platformy Shoptet

> Krok za krokem návod, jak vložit vlastní CSS kód do HTML editoru šablony Shoptetu prostřednictvím sekce Záhlaví.

- **Zdroj:** https://www.webotvurci.cz/navody/obecne-navody-pro-shoptet/jak-vlozit-css-kod-do-shoptet-platformy/
- **Doplněk / kategorie:** Obecné návody pro Shoptet (https://www.webotvurci.cz/navody/obecne-navody-pro-shoptet/)
- **Datum:** 2026-01-07
- **Autor:** Webotvůrci (https://www.webotvurci.cz/)

---

## Krok 1: Přihlaste se do administrace e-shopu

1. Otevřete administraci svého e-shopu na Shoptetu.
2. Přihlaste se pomocí svých přihlašovacích údajů.

## Krok 2: Přístup do Editoru HTML kódu

1. V hlavním menu přejděte na **Vzhled a obsah**.
2. Zvolte možnost **Návrhář šablony**.
3. Klikněte na **HTML editor**.

![Hlavní menu administrace Shoptetu se zvýrazněnými položkami Vzhled a obsah a Návrhář šablon](https://www.webotvurci.cz/uploads/navody/vlozit-css-01-navrhar-sablony.png)

![Návrhář šablon se zvýrazněnou ikonou HTML editoru v levém panelu a záložkou Záhlaví HEAD](https://www.webotvurci.cz/uploads/navody/vlozit-css-02-html-editor.png)

![](https://www.webotvurci.cz/uploads/navody/image-3.png)

## Krok 3: Vložení CSS kódu

1. V okně pro úpravu kódu najděte sekci **Záhlaví <HEAD>**.
2. Vložte svůj CSS kód do značky `<style>`. Například:

```css
.c-product-interconnection-detail-params__products.is-type--banner {
    background-color: #f7f7f7;
    width: 100%;
    display: flex;
    padding: 10px 20px;
}
```

3. Po vložení kódu klikněte na **ZVEŘEJNIT**.

![HTML editor Shoptetu se sekcí Záhlaví HEAD, vloženým CSS kódem ve značce style a zvýrazněným tlačítkem Zveřejnit](https://www.webotvurci.cz/uploads/navody/vlozit-css-03-zahlavi-head.png)

## Tipy a upozornění

- Při vkládání kódu buďte opatrní, aby nedošlo k narušení chodu vašeho e-shopu.
- Doporučujeme před provedením změn kód zálohovat.

---

*Návod pochází z webu Webotvůrci — Zlatý a Premium partner Shoptetu.*
*Všechny návody: https://www.webotvurci.cz/navody/ · Kontakt: jsme@webotvurci.cz*
