Úprava webu: texty, obrázky, sekce a publikování

Otevření editoru

Na přehledu klikněte na Upravit obsah, nebo v Napojení → Kliko Web na Upravit web. Editor se otevře v novém okně přímo nad vaším webem.

Na úpravy máte 60 minut, pak se editace sama ukončí. Průběžně ukládejte; pro další úpravy editor otevřete znovu.

Co lze v editoru měnit

• texty a obrázky v jednotlivých sekcích,
• pořadí sekcí, přidání a odebrání sekce,
• stránky a položky menu,
• logo a barvy,
• nadpisy a popisy stránek pro vyhledávače.

Nabídka (produkty, služby, akce) se v editoru neupravuje; bere se ze správy Klika.

Formulář sekce se otevře v panelu vpravo vedle webu. Šířku panelu změníte tažením za jeho levý okraj (dvojklik vrátí výchozí šířku). Tlačítkem se šipkami v záhlaví panel roztáhnete přes celou obrazovku – hodí se u sekcí s mnoha položkami (menu, karty, ceník). Stejným tlačítkem ho vrátíte zpět; editor si volbu pamatuje.

Fotka v sekci: ohnisko a popis

Velkou fotku z telefonu editor před nahráním sám zmenší, nahrávání je tak rychlé i na slabším připojení.

Pod nahranou fotkou je Co má být na fotce vždy vidět: klepněte na místo, které se nemá oříznout (obličej, výrobek, nápis). Úvodní sekce a sekce s fotkou přes celou plochu fotku podle šířky obrazovky ořezávají — vybrané místo zůstane vidět na telefonu i na počítači. Tlačítko Na střed vrátí výchozí stav. Po nahrání jiné fotky začíná ohnisko znovu uprostřed.

Pod každou fotkou v sekci je také pole Popis fotky. Napište krátce, co je na fotce („Čerstvě upečené chleby na dřevěném pultu“). Popis přečte čtečka nevidomým návštěvníkům a podle něj fotku najdou vyhledávače. Uloží se spolu se sekcí tlačítkem Uložit. Popisy fotek umí doplnit i asistent: „Doplň popisy fotek na hlavní stránce“.

Kontakty s mapou a formulářem

Sekce Moderní kontakty s mapou a formulářem bere telefon, e-mail, adresu, otevírací dobu a sítě z údajů podniku. Otevírací dobu vypíše po dnech (např. „Po–Pá 7:00–21:00“), stejně jako patička. Nadpis nad formulářem změníte v poli Nadpis formuláře; bez vyplnění se ukáže „Napište nám“.

Filtry ve výpisu produktů

Sekce Výpis produktů má dvě volby, jak návštěvníkům pomoci s výběrem:

• Hledání a řazení nad výpisem – vyhledávací pole a řazení (novinky, od nejlevnějšího, od nejdražšího).
• Panel filtrů (cena, výrobce, štítky) – na počítači sloupec vlevo od produktů, na mobilu tlačítko Filtry, které otevře panel zespodu. Obsahuje:
  • Cenu – jezdec od–do, nebo ruční zadání částky. Rozsah odpovídá nejlevnějšímu a nejdražšímu produktu v otevřené kategorii.
  • Výrobce – zaškrtávací seznam s počtem produktů. Zobrazí se, jakmile mají produkty v kategorii alespoň dva různé výrobce. Výrobce přiřadíte produktu ve správě na záložce Doplňující (Produkty → Výrobci pro založení nového).
  • Štítky – V akci (produkt má vyplněnou původní cenu vyšší než aktuální), Novinky a Doporučujeme (příznaky na záložce Základní). Zobrazí se jen štítky, které má alespoň jeden produkt.
  • Parametry produktů – barva, materiál, objem a další parametry zadané u produktů. Každý parametr je vlastní skupina hodnot s počty; ukáže se, jakmile mají produkty v kategorii alespoň dvě různé hodnoty. Které parametry se filtrují, určíte v Produkty → Parametry.

Filtry, pro které nejsou data (jediná cena, jeden výrobce, žádný štítek), se samy schovají. Nad produkty se vypisuje počet nalezených produktů a aktivní filtry jako štítky s křížkem; vybrané filtry jsou v adrese stránky, takže zákazník může výběr poslat odkazem.

Panel má smysl u nabídky s desítkami produktů; u malé nabídky ho nechte vypnutý.

Styl celého webu

Styl nastaví barvy, písma, zaoblení rohů a tvar tlačítek na celém webu najednou.

1. V editoru klikněte vpravo dole na ozubené kolo a otevřete záložku Vzhled.
2. Klikněte na styl – web se podle něj hned překreslí, zatím jen pro vás.
3. Když se vám líbí, klikněte na Použít tento vzhled.

Na výběr je osm stylů:

• Čistý – univerzální moderní vzhled pro služby, poradenství a technické obory,
• Důvěra – ordinace, účetní, právní a pojišťovací služby, školy,
• Teplý – pekárna, kavárna, farma, rukodělná výroba, rodinný podnik,
• Elegantní – penzion, hotel, restaurace, vinařství, salon,
• Svěží – zdraví, fitness, wellness, kosmetika, zahradnictví,
• Hravý – dětský klub, školka, kroužky, cukrárna,
• Řemeslný – řemeslníci, stavba, autoservis, sport,
• Večerní – tmavý vzhled pro bar, bistro, holičství nebo hudební klub.

Starší vzhledy najdete pod nimi v části Starší vzhledy; web, který je používá, vypadá dál stejně.

Vlastní barvy a písma

Tlačítkem Vlastní barvy a písma zvolený styl doladíte, například hlavní barvu podle loga. Změnit jde barvy, písmo nadpisů a textu, Tvar tlačítek (hranatá, zaoblená, oblá) a zaoblení rohů. Vrátit barvy zvoleného vzhledu zahodí vaše úpravy.

• Kliko nedovolí uložit kombinaci, ve které by text nebyl čitelný (například světlý text na světlém pozadí), a napíše, kterou barvu změnit.
• Když později vyberete jiný styl, vlastní barvy a písma se nahradí těmi z nového stylu.
• U tmavého stylu zkontrolujte logo: tmavé logo na tmavém pozadí není vidět, nahrajte světlou variantu.

Přidání sekce na správné místo a náhled na mobilu

Novou sekci přidáte tlačítkem Přidat sekci na konci stránky, nebo najeďte myší na rozhraní dvou sekcí a klikněte na Přidat sekci sem – sekce se zařadí přesně tam. Na tabletu a telefonu je tlačítko Přidat sekci sem vidět rovnou a nástroje každé sekce (úprava, posun, smazání) se rozbalí klepnutím na malé tlačítko v jejím pravém horním rohu.

Sekci, kterou chcete mít stejnou na víc stránkách (třeba kontakt nebo otevírací dobu), uložte při úpravě volbou Uložit jako sdílenou sekci. V nabídce Přidat sekci ji pak najdete pod Vaše sdílené sekce a změna se projeví všude, kde je použitá.

Jak stránku uvidí návštěvník na telefonu, ukáže Nastavení webu → Zobrazit na mobilu (aktuální rozpracovaná podoba v rámu širokém 390 px).

Nastavení sekce: tón, rozestup, kotva, skrytí

Každá sekce má kromě obsahu i společné volby. Najdete je v úpravě sekce (ikona tužky) v nabídce vpravo pod položkou Nastavení sekce:

• Tón pozadí – Výchozí (pozadí stránky), Tlumený (jemně odlišené pozadí), Výrazný (pozadí v hlavní barvě) a Tmavý. Tón se řídí barvami webu a přizpůsobí i karty, tlačítka a nadpisy uvnitř sekce. Stránka vypadá lépe, když se tóny střídají, například každá druhá sekce tlumená a výzva k akci výrazná. Sekce Blok s hlavním tlačítkem má vlastní barevný panel: ten si svou barvu drží v každém tónu a tón obarví jen pruh kolem něj.
• Rozestup – kolik místa má sekce nad a pod obsahem: Sevřený, Běžný, Vzdušný.
• Kotva pro odkazy – krátký název bez diakritiky, třeba kontakt. Odkaz na sekci pak vypadá jako /adresa-stranky#kontakt a dá se vložit do menu, což se hodí u jednostránkového webu. Na jedné stránce nesmí mít dvě sekce stejnou kotvu.
• Skrýt sekci na webu – sekce zůstane uložená, ale návštěvníci ji neuvidí. V editoru je průhledná se štítkem Skrytá sekce. Hodí se pro sezónní obsah.

Klikněte na Uložit nastavení sekce. Hlavička a patička tyhle volby nemají.

Vzhled sekce

Některé sekce mají více vzhledů při stejném obsahu. V katalogu sekcí (tlačítko Přidat sekci) je poznáte podle štítku s počtem vzhledů (např. „4 vzhledy“).

1. Otevřete úpravu sekce (ikona tužky u sekce).
2. Úplně nahoře je pole Vzhled sekce s náhledy jednotlivých rozvržení.
3. Klikněte na náhled — změna se hned ukáže v náhledu sekce. Texty, obrázky ani položky se nemění.
4. Klikněte na Uložit.

Více vzhledů mají zatím tyto sekce:

• Otázky a odpovědi – rozbalovací seznam, dva sloupce, karty v mřížce, jednoduché řádky,
• Výhody – karty s ikonou, ikona vedle textu, číslované, nadpis vlevo,
• Recenze – karty, velká citace, citace bez karet, sloupce,
• Výzva k akci – barevný panel, nadpis a tlačítko vedle sebe, přes celou šířku, jednoduché,
• Jak to probíhá – v řadě, svislá osa, karty, střídavě,
• Čísla a statistiky – v řadě, karty, barevný pruh, nadpis vlevo,
• Ceník (balíčky) – karty, zvýrazněný balíček, řádky,
• Galerie – mřížka, sloupce, hlavní fotka, pás fotek,
• Tým – karty, kulaté fotky, řádky,
• Prezentace (fotka s textem) – střídavě, fotka vlevo, karty,
• Loga partnerů – v řadě, karty, úzký pruh,
• Otevírací doba – karta, nadpis vlevo, široký rozpis,
• Denní menu (Menu restaurace) – celý týden, jen dnešek; v nastavení sekce volíte, kolik dní dopředu se ukazuje (5, 7 nebo 14); obsah bere z denního menu v Napojení → Meníčka.cz, viz Meníčka.cz a denní menu,
• Textový blok – úzký sloupec, široký, dva sloupce, na střed,
• Úvodní blok s velkou fotkou – text uprostřed, vlevo, dole,
• Velká citace – uprostřed, fotka vlevo, karta.

Ostatní sekce mají jeden vzhled; podobný efekt získáte výběrem jiné sekce z katalogu.

Rozvržení hlavičky a velké menu

Hlavičku upravíte v Nastavení webu → Upravit hlavičku. Kromě telefonu a otevírací doby tam nastavíte:

• Rozvržení hlavičky – logo vlevo a menu uprostřed (výchozí), logo uprostřed s menu pod ním, menu po stranách loga, nebo jen logo a tlačítko (menu se rozbaluje z ikony).
• Rozbalovací menu – klasický seznam, nebo velké menu s obrázky. Velké menu ukáže podpoložky napojené na kategorie produktů, služeb nebo akcí jako dlaždice s fotkou kategorie. Fotku kategorii přidáte ve správě (Produkty → Kategorie, obdobně u služeb a akcí). Položky bez fotky se zobrazí jako seznam odkazů.

Podpoložky se v menu rozbalují jen u položek, které mají zapnuté Rozbalit podřízené položky v nastavení menu.

Vzhled patičky

Patičku upravíte v Nastavení webu → Upravit patičku. V poli Vzhled patičky vyberete rozvržení podle obrázku – obsah zůstane stejný:

• Barevná karta (výchozí) – údaje ve čtyřech sloupcích v zaoblené kartě,
• Velká se sloupci – logo a krátký popis vlevo, odkazy a kontakty ve sloupcích; hodí se pro e-shopy a weby s mnoha stránkami,
• Jednoduchá na střed – logo, odkazy, kontakty a sítě pod sebou; pro menší weby,
• Kontakty v popředí – velký telefon a e-mail, adresa s tlačítkem Navigovat a otevírací doba; pro restaurace, služby a provozovny,
• Úzký pruh – název, odkazy a sítě v jednom řádku; pro jednostránkové weby.

Dále nastavíte Barvu pozadí a Krátký popis podniku (jedna až dvě věty pod logem). Volba Zobrazit ikony platebních metod ukáže loga platebních karet jen na webu se zapnutým obchodem a platbou kartou přes GoPay; když přijímáte jen hotovost, dobírku nebo převod, loga se neukážou. Telefon, e-mail, adresu, sítě a otevírací dobu patička bere z údajů podniku – když je změníte, změní se i v patičce. Nové vzhledy navíc ukážou otevírací dobu, odkaz na nahrané obchodní podmínky a tlačítko zpět nahoru. Odkazy v patičce upravíte v menu patičky; nadpisy sloupců jsou v nastavení patičky.

Nadpis a popis stránky pro vyhledávače

U každé stránky můžete nastavit nadpis a popis, které se ukážou ve výsledcích hledání na Googlu a Seznamu (v editoru u stránky, nebo přes asistenta).

• Název podniku psát nemusíte – web ho za nadpis připojuje sám ve tvaru Nadpis | Název podniku. Když ho do nadpisu napíšete, použije se váš text tak, jak je, a název podniku se nepřidá znovu.
• Nadpis držte do 60 znaků včetně názvu podniku, jinak ho vyhledávače zkrátí. Napište, co na stránce je („Keramické misky a mísy – ruční výroba“), ne obecné „Úvod“.
• Popis do 155 znaků, jednou větou a lidsky – je to text, podle kterého se člověk ve výsledcích rozhoduje, jestli klikne.

Přihlášení, registrace, košík a objednávka se do vyhledávačů nedostávají; jsou skryté automaticky.

Co web dělá pro vyhledávače a AI asistenty sám (mapa webu, strukturovaná data, náhledy při sdílení odkazu, soubor pro AI) a jak roboty omezit, popisuje článek Web ve vyhledávačích a v AI asistentech.

Lišta se souhlasem s cookies

Když má web napojené měření (Google Analytics, reklamní systémy), zobrazí se návštěvníkovi při první návštěvě lišta se souhlasem. Nastavovat na ní nic nemusíte — objeví se sama a sama zmizí, jakmile návštěvník rozhodne.

Co lišta dělá:

• Měření se spustí až po souhlasu. Do té doby web nic neměří, jen si pamatuje, co je potřeba k jeho fungování (košík, přihlášení, volba jazyka).
• Odmítnout jde stejně snadno jako povolit — obě tlačítka jsou stejně velká, jak vyžadují pravidla o cookies.
• V Nastavení si návštěvník může zvlášť zapnout analytiku a zvlášť marketing.
• Volba platí půl roku, pak se web zeptá znovu.

Po rozhodnutí zůstane v levém dolním rohu malá ikona sušenky, přes kterou jde souhlas kdykoli změnit. Odkázat na nastavení můžete i odkudkoli z webu — stačí odkaz na adresu #cookies, třeba z patičky.

Zveřejnění

Úpravy v editoru vidíte jen vy. Návštěvníci uvidí předchozí verzi, dokud změny nezveřejníte.

1. Když máte nezveřejněné úpravy, ukáže se v editoru vpravo dole štítek Máte nezveřejněné změny. Klikněte na Zveřejnit (nebo v Nastavení webu na Zveřejnit změny).
2. Editor web zkontroluje a ukáže, co by návštěvníci viděli rozbité: prázdnou stránku, tlačítko, které nikam nevede, stránku bez hlavního nadpisu, prázdné menu nebo stránku, na kterou nevede odkaz z menu. U sekce na aktuální stránce stačí kliknout na Ukázat sekci.
3. Nálezy zveřejnění neblokují. Klikněte na Zveřejnit celý web, nebo na Zveřejnit jen tuto stránku — ta zveřejní jen aktuální stránku, menu, hlavička, patička a ostatní stránky zůstanou, jak jsou.

Zveřejnit jde i ze správy tlačítkem Publikovat změny (na přehledu i v Napojení → Kliko Web).

Když se na webu neukazují poslední zveřejněné úpravy, pomůže Nastavení webu → Načíst web znovu.

Přes asistenta

Asistent umí web upravovat také: „Dej sekci s recenzemi tmavé pozadí“, „Schovej sekci s letní nabídkou“, „Nastav webu teplý styl“, „Dej hlavní barvu podle našeho loga a hranatá tlačítka“, „Změň obrázek na hlavní stránce“, „Přidej na web stránku Ceník a dej ji do menu“, „Tlačítko v hlavičce ať vede na stránku Kontakt“, „Přepiš text v sekci O nás, ať zní přátelštěji“, „Najdi, kde všude máme na webu staré telefonní číslo“, „Zveřejni web“. Před zveřejněním a mazáním se vždy zeptá. Viz Co asistent umí.