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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://napoveda.rocketoo.cz/rocketoo/rozsireni/infobox.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.