Sekce Výzva

Sekce Výzva (označovaná zkratkou CTA z anglického Call to Action) představuje výrazný blok s jedním hlavním akčním tlačítkem. Standardně se umisťuje na úplný konec stránky a návštěvníkovi nabízí přirozený další krok: přihlášení na den otevřených dveří, prozkoumání oborů, podání přihlášky nebo kontaktování školy. Sekce je určena redaktorům školy.

Na následujícím snímku vidíte, jak sekce Výzva vypadá v tmavé brandové variantě na webu školy.

Pravidlo pro neklíčové stránky

Běžné informační stránky (např. stránky o škole, pravidla přijímacího řízení, informace pro žáky a rodiče, školní poradenské pracoviště nebo úřední deska) by neměly končit do ztracena. Na konec každé takové stránky vložte sekci Výzva, která čtenáře nasměruje dál, nejčastěji na kontakty školy nebo na termíny dnů otevřených dveří.

Kde to najdete

V levém menu administrace otevřete Obsah webu. V levém panelu v části OBSAH klikněte na položku Stránka. Ze seznamu vyberte stránku, kterou chcete upravit, nebo klikněte na tlačítko Přidat pro novou stránku. Ve formuláři přejděte dolů k oblasti Sekce stránky.

Postup krok za krokem

1. V detailu stránky v oblasti Sekce stránky klikněte na tlačítko Přidat komponent do Sekce stránky.
2. V nabídce Vyberte jeden komponent rozklikněte skupinu Section a zvolte položku Výzva (s ikonou kurzoru).
3. Do povinného pole Nadpis výzvy napište úderný nadpis. Slovo mezi hvězdičkami se v designu Než zazvoní barevně zvýrazní (např. Potřebujete ještě *poradit*? nebo Udělej první krok *ještě dnes*!).
4. Do pole Věta pod nadpisem napište jednu stručnou větu (např. Napište nebo zavolejte, rádi vám pomůžeme. nebo Přijď se k nám podívat na den otevřených dveří.).
5. Rozbalte oblast Tlačítko (komponent Odkaz) a vyplňte:
   • Text odkazu: stručný nápis na tlačítku (např. „Kontakty“ nebo „Dny otevřených dveří“).
   • Adresa: cílová webová adresa (např. interní cesta /kontakt nebo /pro-uchazece/den-otevrenych-dveri).
   • Ikona: volitelná ikona před textem (např. phone pro telefon, calendar pro kalendář nebo arrow-right pro šipku).
6. V poli Barva vyberte barevnou variantu pozadí: brand (výchozí tmavá barva školy), soft (světlé pozadí) nebo accent (akcentní varianta). V designu Než zazvoní doporučujeme používat varianty brand a soft.
7. Pomocí úchytu pro přetažení vlevo u sekce přesuňte sekci Výzva na konec seznamu sekcí stránky.
8. V pravém panelu Záznam klikněte na tlačítko Uložit pro koncept nebo na Publikovat pro vystavení změn na webu.

Pole a nastavení

Sekce obsahuje hlavní parametry a vloženou komponentu tlačítka.

Hlavní pole sekce Výzva

Pole	K čemu slouží	Povinné	Tip
Nadpis výzvy (title)	Hlavní výrazný nadpis sekce. Slovo mezi hvězdičkami se na webu barevně zvýrazní.	Ano	Pište jako přímou výzvu nebo otázku. Maximální doporučená délka je jedna úderná věta.
Věta pod nadpisem (text)	Doplňující věta pod nadpisem, která rozvádí výzvu.	Ne	Držte se délky jedné věty kolem 80 až 150 znaků.
Tlačítko (button)	Vložená komponenta definující cíl a text akčního tlačítka.	Ne	Výzva bez tlačítka ztrácí smysl. Vždy vyplňte text i adresu tlačítka.
Barva (variant)	Barevné provedení pozadí: brand (tmavé pozadí v barvě školy), soft (světlé pozadí), accent (akcentní varianta).	Ne (výchozí: brand)	Tmavá varianta brand funguje nejlépe na konci stránek s bílým obsahem, protože stránku opticky uzavře.

Pole komponenty Tlačítko

Podrobnosti akčního tlačítka (nav.link):

Pole	K čemu slouží	Povinné	Tip
Text odkazu (label)	Text zobrazený přímo na ploše tlačítka.	Ano	Použijte jasný akční název (např. „Přijímací řízení“, „Napsat e-mail“, „Dny otevřených dveří“).
Adresa (url)	Cílová webová adresa, kam tlačítko směřuje.	Ano	Interní odkazy zadávejte relativně s počátečním lomítkem (např. /kontakt), externí odkazy s protokolem https://..., e-maily jako mailto:....
Ikona (icon)	Malá grafická ikona před textem tlačítka.	Ne (výchozí: none)	V designu Než zazvoní systém k tlačítku ve výzvě sám doplňuje šipku doprava. Ikonu můžete nechat prázdnou nebo zvolit tematickou ikonu (phone, calendar, mail).

Barevné varianty sekce

Sekce nabízí tři barevné podoby podle hodnoty v poli Barva:

1. Tmavá barva školy (brand)

Výchozí a nejčastěji používaná varianta:

• Pozadí tvoří hluboká tmavá barva školy, v rohu doplněná jemným tečkovaným vzorem.
• Nadpis a text mají vysoký kontrast (světlý text), slovo v hvězdičkách svítí akcentní barvou školy.
• Tlačítko má výrazný kontrastní akcentní podklad.
• Vytváří silný a elegantní vizuální předěl před patičkou webu.

2. Světlé pozadí (soft)

Jemnější alternativa:

• Pozadí je světle šedé.
• Nadpis a text mají tmavou barvu písma webu.
• Tlačítko používá primární barvu školy.
• Použijte ji, pokud bezprostředně předcházející sekce měla tmavé pozadí.

3. Akcentní varianta (accent)

• V klasickém vzhledu webu zobrazí pozadí v akcentní barvě školy pro mimořádně důležité akce. V designu Než zazvoní se v současné verzi zobrazuje shodně s tmavou variantou brand.

Osvědčené vzory výzev pro školy

Na webech škol se nejlépe osvědčily tyto kombinace:

• Univerzální kontaktní výzva (pro většinu stránek):
  • Nadpis výzvy: Potřebujete ještě *poradit*?
  • Věta pod nadpisem: Napište nebo zavolejte, rádi vám pomůžeme.
  • Tlačítko: Text odkazu Kontakty, Adresa /kontakt, Ikona phone.
• Výzva ke dnům otevřených dveří (pro uchazeče):
  • Nadpis výzvy: Udělej první krok *ještě dnes*!
  • Věta pod nadpisem: Přijď se k nám podívat na den otevřených dveří.
  • Tlačítko: Text odkazu Termíny dnů otevřených dveří, Adresa /pro-uchazece/den-otevrenych-dveri, Ikona calendar.
• Výzva k přijímacímu řízení (pro obory):
  • Nadpis výzvy: Chceš vědět, *jak na přijímačky*?
  • Věta pod nadpisem: Termíny, zkoušky a přihláška na jednom místě.
  • Tlačítko: Text odkazu Přijímací řízení, Adresa /pro-uchazece/prijimaci-rizeni, Ikona arrow-right.

Tipy a doporučení

• Pravidlo jednoho tlačítka: Sekce Výzva záměrně obsahuje pouze jedno jediné tlačítko. Návštěvník by neměl váhat mezi několika možnostmi, nabídněte mu právě jeden jasný směr.
• Tykání na webech středních škol: Na stránkách pro uchazeče středních škol se standardně používá tykání (např. Zaujal tě obor *Obchodní akademie*?). Na úředních stránkách určených pro rodiče volte zdvořilé vykání (Máte dotaz k *organizaci výuky*?).
• Zvýraznění hvězdičkami: Hvězdičky napište bez mezer přímo k vybranému slovu (např. *ještě dnes*). V designu Než zazvoní se text obarví akcentní barvou vaší školy.
• Relativní adresy odkazů: U interních odkazů pište adresu vždy od lomítka (např. /kontakt), nikoli s celou doménou (např. https://oapv.cz/kontakt). Odkaz zůstane funkční i při případné změně domény.

Časté chyby

• Nevyplněná adresa tlačítka: Pokud vyplníte text tlačítka, ale pole Adresa necháte prázdné, tlačítko se na webu nezobrazí.
• Příliš dlouhý text: Do pole Věta pod nadpisem nevkládejte rozsáhlé odstavce. Dlouhý text snižuje čtivost bloku.
• Výzva uprostřed stránky: Sekce Výzva patří na konec stránky. Pro tlačítka uvnitř obsahu použijte Sekci Tlačítka nebo tlačítka v Sekci Text a obrázek.

Související

• Přehled sekcí
• Sekce Kontakt
• Sekce Tlačítka
• Sekce Text a obrázek
• Odkazy a tlačítka
• Psaní textů pro web