> For the complete documentation index, see [llms.txt](https://napoveda.rocketoo.cz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://napoveda.rocketoo.cz/rocketoo/rozsireni/infobox.md).

# InfoBox

**InfoBox** je jednoduchý, ale velmi účinný nástroj pro zobrazení **informačního proužku v záhlaví e‑shopu**.

Díky němu můžete zákazníkům **okamžitě sdělit důležité informace**, například:

* doprava zdarma,
* dočasné akce a slevy,
* informace o doručení (svátky, omezení přepravy),
* kontaktní informace nebo jiné upozornění.

## K čemu InfoBox slouží

InfoBox pomáhá:

* **zvýraznit důležité sdělení** – zákazník ho vidí hned po otevření stránky,
* **sjednotit komunikaci** – stejná zpráva na všech stránkách e‑shopu,
* **rychle měnit sdělení** – text upravíte během pár vteřin v administraci.

Typické využití:

* „Doprava zdarma nad 1 500 Kč“
* „Objednávky expedujeme do 24 hodin“
* „Z technických důvodů může dojít ke zpoždění doručení o 1–2 dny“
* „Letní výprodej – slevy až 50 %“

### Kde InfoBox najdu?

{% hint style="info" %}
Modul je nutné nejprve nainstalovat ve **Správci rozšíření**. 
{% endhint %}

V administraci přejděte na:

* **Nastavení → InfoBox**

Zobrazí se vám jednoduchý formulář s:

* přepínačem **Zobrazit**,
* poli pro **Nadpis** a **Text**,
* možnostmi nastavení **barev** a chování (trvale / zavírací křížek).

## Základní princip fungování

{% stepper %}
{% step %}
V administraci **zapnete InfoBox** a vyplníte text.
{% endstep %}

{% step %}
InfoBox se automaticky vloží do **horní části (záhlaví) všech stránek e‑shopu**.
{% endstep %}

{% step %}
Zákazník vidí barevný proužek s vaším sdělením.
{% endstep %}

{% step %}
Pokud InfoBox není nastaven jako trvalý, může ho **zavřít křížkem** – pak se mu (u stejného sdělení) znovu nezobrazí.
{% endstep %}
{% endstepper %}

### Nastavení textu a nadpisu

V nastavení InfoBoxu najdete:

* **Zobrazit**
  * hlavní přepínač, kterým InfoBox zapnete nebo vypnete,
  * pokud je vypnutý, proužek se zákazníkům vůbec nezobrazuje.
* **Nadpis**
  * krátký titulek InfoBoxu, např. „Doprava zdarma“, „Upozornění“, „Akce týdne“,
  * zobrazí se výrazněji (tučně / větším písmem) na začátku proužku.
* **Text**
  * hlavní obsah sdělení, může být i ve více větách,
  * např. „Doprava zdarma na všechny objednávky nad 1 500 Kč do odvolání.“

Po uložení nastavení se změny okamžitě projeví na frontendu e‑shopu.

### Nastavení barev a vzhledu

InfoBox umožňuje jednoduše nastavit:

* **Barvu textu**
  * např. bílá, černá, zelená, červená, modrá, oranžová,
  * volte tak, aby byl text vždy dobře čitelný vůči pozadí.
* **Barvu pozadí**
  * např. červená pro důležité upozornění, zelená pro pozitivní zprávu, modrá pro neutrální informaci,
  * zvažte sladění s vizuálem e‑shopu (brandové barvy).

Barvu vyberete kliknutím na barevné políčko (colorpicker) – nepotřebujete znát žádné kódy barev.

### Trvalé zobrazení vs. zavírací křížek

V nastavení najdete volbu:

* **Zobrazit trvale**
  * pokud je **zaškrtnuto**, InfoBox se zákazníkovi zobrazí **bez možnosti zavřít ho křížkem**,
  * hodí se pro opravdu důležitá, dlouhodobá sdělení.

Pokud je trvalé zobrazení **vypnuté**:

* v InfoBoxu se zobrazuje **křížek pro zavření**,
* po zavření si e‑shop pamatuje (pomocí cookie), že konkrétní sdělení již zákazník zavřel,
* při další návštěvě se stejný text znovu neukáže (dokud text nezměníte).

To znamená:

* pokud **změníte text nebo nadpis**, systém ho bere jako **nové sdělení** a zobrazí se znovu všem zákazníkům.

### Praktické tipy na použití

* **Krátký a jasný text**
  * zákazník by měl zprávu pochopit během 1–2 vteřin,
  * vyhněte se dlouhým odstavcům – raději stručná, úderná věta.
* **Jeden InfoBox = jedno hlavní sdělení**
  * nekombinujte příliš mnoho informací do jednoho proužku (např. 3 různé akce najednou),
  * pokud potřebujete víc sdělení, vyberte jedno hlavní a ostatní dejte na jiná místa webu.
* **Využijte brandové barvy**
  * pro InfoBox můžete zvolit barvy, které ladí s vaším logem a designem,
  * pro důležité výstrahy (např. zpoždění doručení) volte spíše kontrastní barvu (červená/oranžová).

## Často kladené otázky

<details>

<summary>Na kterých stránkách se InfoBox zobrazuje?</summary>

InfoBox se standardně zobrazuje **na všech stránkách e‑shopu**, které používají běžné rozložení (hlavní layout).\
Pokud máte speciální landing page s jiným layoutem, může být zobrazení InfoBoxu omezené podle konkrétní šablony (řeší implementátor).

</details>

<details>

<summary>Co když chci InfoBox dočasně vypnout?</summary>

V nastavení jednoduše vypněte přepínač **Zobrazit** a uložte změny.\
Proužek okamžitě zmizí ze všech stránek.

</details>

<details>

<summary>Jak změním text InfoBoxu?</summary>

V sekci **Nastavení → InfoBox** upravte pole **Nadpis** a/nebo **Text** a uložte.\
Změna se projeví okamžitě na frontendu.

</details>

<details>

<summary>Proč někteří zákazníci InfoBox nevidí?</summary>

Pokud není zapnuté **trvalé zobrazení**, zákazník může InfoBox **zavřít křížkem**.\
V takovém případě se mu stejné sdělení znovu nezobrazí, dokud text nezměníte.\
To je standardní chování, aby zákazníky stále neobtěžovalo stejné oznámení.

</details>

## Doporučené postupy

* **Používejte InfoBox jen na důležitá sdělení** – jinak si na něj zákazníci zvyknou a přestanou ho vnímat.
* **Pravidelně obsah obměňujte** – například při sezónních akcích, změnách dopravců, výjimečných situacích.
* **Vždy testujte čitelnost** – před nasazením zkontrolujte na desktopu i mobilu, že je text dobře čitelný.
* **Neskrývejte v InfoBoxu zásadní právní informace** – ty patří do obchodních podmínek, InfoBox použijte jako podporu (shrnutí, upozornění).