• Docs
• Nastavenia
• Template
• Template - nastavenia farebnosti, logá, kontaktné údaje

Template - nastavenia farebnosti, logá, kontaktné údaje

Template - nastavenia farebnosti, logá, kontaktné údaje

V tejto sekcii nastavuješ vizuálnu identitu webu hotela – logo, farby, fonty, favicon a ďalšie grafické prvky. Sem prídeš, keď potrebuješ zmeniť vzhľad webu, nahrať nové logo alebo upraviť farebné schémy. Okrem toho tu spravuješ aj externé kódy (napr. Google Analytics, Facebook Pixel) a cookies súhlasy, ktoré sa vkladajú do hlavičky alebo tela stránky.

Kde to nájdeš

V ľavom menu klikni na Nastavenia → Template. Adresa v prehliadači bude /manager/settings/template/. Obrazovka obsahuje tri vnútorné záložky:

• Web – nastavenie šablóny, loga, farieb, fontov, favicon a kontaktných údajov.
• Spravovať kód a Cookies – zoznam už vložených kódov a cookies (táto záložka sa zobrazí len ak už máš nejaké kódy vytvorené).
• Vložiť kód a Cookies – formulár na pridanie nového externého kódu (napr. sledovací skript).

Čo tu môžeš robiť

• Vybrať šablónu webu – zmeníš celkový dizajn webu výberom z dostupných šablón.
• Nahrať logo (svetlé a tmavé) – nahradíš aktuálne logo novým obrázkom (PNG, JPG, SVG).
• Nahrať favicon – zmeníš ikonu, ktorá sa zobrazuje v záložke prehliadača.
• Nastaviť farby – upravíš primárnu farbu, farbu pozadia, farbu tlačidiel a ďalšie farebné schémy.
• Vybrať Google fonty – zadáš názvy fontov pre nadpisy, text a fancy prvky.
• Pridať extra kód do hlavičky alebo tela stránky – vložíš vlastný HTML/JS kód (napr. Google Analytics).
• Vyplniť kontaktné údaje – zadáš adresu, telefón, email, GPS súradnice a Google Place ID.
• Vybrať lokalitu na mape – otvoríš mapu a kliknutím nastavíš presnú polohu hotela.
• Spravovať cookies a externé kódy – v záložke „Spravovať kód a Cookies" upravíš alebo odstráníš už vložené skripty.
• Pridať nový kód alebo cookie – v záložke „Vložiť kód a Cookies" vytvoríš nový záznam s názvom, kategóriou, umiestnením a kódom.
• Nastaviť URL pre zásady ochrany osobných údajov a cookies – zadáš linky na právne dokumenty pre každý jazyk webu.

Postup krok za krokom

Ako nahrať nové logo

1. V záložke Web nájdi sekciu Logo Light (pre svetlé pozadie) alebo Logo Dark (pre tmavé pozadie).
2. Klikni na tlačidlo Vybrať súbor a vyber obrázok z počítača (podporované formáty: PNG, JPG, SVG, max. 10 MB).
3. Stlač tlačidlo Uložiť pod formulárom.
4. Ak chceš logo odstrániť, klikni na odkaz Odstrániť vedľa náhľadu loga.

Ako zmeniť farby webu

1. V záložke Web zroluj nadol k sekcii s farebnými poliami.
2. Klikni do poľa Primary Color a vyber farbu z palety alebo zadaj HEX kód (napr. #FF5733).
3. Rovnako postupuj pri ďalších farbách: Background Color, Farba pre buttony, Farba pre buttony hover, Farba pre text buttonov, Farba pre text buttonov hover, Farba footer pozadie.
4. Stlač Uložiť na konci formulára.

Ako pridať Google Analytics kód

1. Klikni na záložku Vložiť kód a Cookies.
2. Do poľa Názov napíš napr. „Google Analytics".
3. V poli Kategória vyber Štatistika.
4. V poli Umiestnenie vyber Header (kód sa vloží do hlavičky stránky).
5. Do poľa Kód vlož celý sledovací skript z Google Analytics (vrátane <script> tagov).
6. Ak chceš, aby sa kód načítal len po súhlase návštevníka s cookies, zaškrtni Potrebný súhlas.
7. Stlač Vytvoriť.
8. Nový kód sa objaví v záložke Spravovať kód a Cookies.

Ako upraviť už vložený kód

1. Klikni na záložku Spravovať kód a Cookies.
2. V tabuľke nájdi riadok s kódom, ktorý chceš upraviť.
3. Klikni na ikonu Upraviť (ceruzka) v stĺpci Upraviť.
4. Zmeň názov, kategóriu, umiestnenie alebo samotný kód.
5. Stlač Uložiť.
6. Ak chceš kód odstrániť, klikni na ikonu Odstrániť (kôš) a potvrď výmaz.

Ako nastaviť Google Place ID

1. V záložke Web zroluj nadol k sekcii Google place ID.
2. Do poľa Place ID vlož identifikátor miesta z Google Maps (napr. ChIJN1t_tDeuEmsRUsoyG83frY4).
3. Ak nevieš, kde ho nájdeš, klikni na odkaz Podrobnosti a stiahnutie manifestu alebo choď na Google Place ID Finder.
4. Stlač Uložiť.

Polia, stĺpce a nastavenia

Záložka Web

• Template – rozbaľovací zoznam dostupných šablón webu. Zmenou šablóny sa zmení celkový dizajn a rozloženie stránky. Ak si nie si istý, nechaj pôvodnú hodnotu alebo kontaktuj vývojára.
• Logo Light – logo pre svetlé pozadie (napr. biele alebo svetlosivé). Nahraj PNG, JPG alebo SVG súbor. Ak už logo máš, zobrazí sa náhľad a odkaz na odstránenie.
• Logo Dark – logo pre tmavé pozadie (napr. čierne alebo tmavosivé). Funguje rovnako ako Logo Light.
• Reviews/Awards – obrázok s recenziami alebo oceneniami (napr. TripAdvisor badge). Nahraj PNG, JPG alebo SVG.
• Favicon – malá ikona, ktorá sa zobrazuje v záložke prehliadača. Odporúčaný formát: ICO, PNG (16×16 alebo 32×32 px).
• Pattern – obrázok vzoru pre pozadie (napr. textúra). Nahraj PNG alebo JPG.
• Default OgImg – predvolený obrázok pre zdieľanie na sociálnych sieťach (Open Graph). Odporúčaný rozmer: 1200×630 px.
• Primary Color – hlavná farba webu (napr. farba tlačidiel, odkazov). Zadaj HEX kód (napr. #3498db) alebo vyber z palety.
• Background Color – farba pozadia stránky.
• Farba tmavá pre web – tmavá farba pre kontrasty (napr. text na svetlom pozadí).
• Farba svetlá – svetlá farba pre kontrasty (napr. text na tmavom pozadí).
• Farba pre svetlé pozadie – farba prvkov na svetlom pozadí.
• Farba pre buttony – farba tlačidiel v normálnom stave.
• Farba pre buttony hover – farba tlačidiel pri najetí myšou.
• Farba pre text buttonov – farba textu na tlačidlách.
• Farba pre text buttonov hover – farba textu na tlačidlách pri najetí myšou.
• Farba footer pozadie – farba pozadia päty stránky (footer).
• Google fonts head – kód pre načítanie Google fontov (napr. <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">). Vlož sem celý <link> tag z Google Fonts.
• Názov fontu pre nadpisy (CSS) – CSS názov fontu pre nadpisy (napr. 'Roboto', sans-serif). Tento názov musí zodpovedať fontu načítanému v poli Google fonts head.
• Názov fontu pre text (CSS) – CSS názov fontu pre bežný text.
• Názov fontu pre fancy (CSS) – CSS názov fontu pre dekoratívne prvky (napr. citáty, špeciálne nadpisy).
• Extra Head Code – vlastný HTML/JS kód, ktorý sa vloží do <head> sekcie stránky. Použi na meta tagy, ďalšie skripty alebo štýly.
• Extra Body START – vlastný HTML/JS kód, ktorý sa vloží hneď za otváraciu značku <body>. Použi napr. na Google Tag Manager.
• Extra Body END – vlastný HTML/JS kód, ktorý sa vloží pred zatváraciu značku </body>. Použi napr. na chat widgety.
• Vybrať lokalitu na mape – tlačidlo, ktoré otvorí mapu. Klikni na miesto, kde sa nachádza hotel, a GPS súradnice sa automaticky vyplnia.
• Názov pre adresu – názov lokality (napr. „Hotel Grand", „Reštaurácia U Janka").
• Ulica – ulica a číslo (napr. „Hlavná 123").
• Mesto – mesto alebo obec.
• PSČ – poštové smerovacie číslo.
• Krajina – názov krajiny.
• Mobil s predvoľbou – telefónne číslo vrátane predvoľby (napr. +421 901 234 567).
• Email – kontaktný email.
• Google mapa – URL na Google Mapy s polohou hotela (napr. https://goo.gl/maps/abc123).
• Google profil – URL na Google profil firmy (napr. https://www.google.com/maps/place/Hotel+Grand).
• Google place ID – unikátny identifikátor miesta v Google Maps. Použi ho na presné zobrazenie recenzií a údajov z Google.
• Booking.com profil – URL na profil hotela na Booking.com.
• Place ID – to isté ako Google place ID (duplicitné pole).
• Custom text – vlastný text alebo poznámka (napr. pre interné účely).

Záložka Spravovať kód a Cookies

Tabuľka so zoznamom všetkých vložených kódov a cookies. Stĺpce:

• Názov – názov kódu, ktorý si zadal pri vytváraní (napr. „Google Analytics", „Facebook Pixel").
• Kategória – typ kódu: Štatistika (sledovacie nástroje), Marketing (reklamy, remarketing), Iné (ostatné skripty).
• Umiestnenie – kde sa kód vkladá: Header (do <head>), Body start (hneď za <body>), Body end (pred </body>).
• Potrebný súhlas – Áno = kód sa načíta len po súhlase návštevníka s cookies; Nie = kód sa načíta vždy.
• Upraviť – ikona ceruzky. Klikni na ňu a otvorí sa formulár na úpravu kódu.
• Odstrániť – ikona koša. Klikni na ňu a po potvrdení sa kód natrvalo vymaže.

Pod tabuľkou je ďalší formulár na nastavenie URL pre právne dokumenty:

• Zásady ochrany osobných údajov – zadaj URL na stránku s GDPR dokumentom pre každý jazyk webu (napr. https://hotel.sk/gdpr, https://hotel.sk/en/gdpr).
• Zásady používania súborov cookies – zadaj URL na stránku s cookies policy pre každý jazyk webu.

Záložka Vložiť kód a Cookies

• Názov – zadaj popisný názov kódu (napr. „Google Analytics", „Hotjar", „Facebook Pixel"). Tento názov sa zobrazí v tabuľke v záložke „Spravovať kód a Cookies".
• Kategória – vyber typ kódu: Štatistika, Marketing alebo Iné. Kategória pomáha pri správe súhlasov s cookies.
• Umiestnenie – vyber, kam sa má kód vložiť: Header (do <head>), Body start (hneď za <body>), Body end (pred </body>). Väčšina sledovacích kódov patrí do Header alebo Body end.
• Kód – vlož celý HTML/JS kód vrátane <script> tagov. Systém automaticky nahradí <script> a <iframe> tagy pri ukladaní, aby sa predišlo chybám.
• Potrebný súhlas – zaškrtni, ak sa má kód načítať len po súhlase návštevníka s cookies. Ak nezaškrtneš, kód sa načíta vždy.

Tipy a časté chyby

• Logo sa nezobrazuje správne – skontroluj, či si nahral správny formát (PNG, JPG, SVG) a či súbor nie je príliš veľký (max. 10 MB). Ak logo má transparentné pozadie, použi PNG alebo SVG. Ak logo vyzerá rozmazane, nahraj ho vo vyššom rozlíšení (min. 300×100 px).
• Farby sa nezmenili na webe – po uložení farieb vyčisti cache prehliadača (Ctrl+F5 alebo Cmd+Shift+R). Ak to nepomôže, skontroluj, či šablóna podporuje farebné nastavenia (niektoré staršie šablóny môžu mať farby napevno zakódované).
• Google Analytics kód nefunguje – skontroluj, či si vložil celý kód vrátane <script> tagov. Uisti sa, že si vybral správne umiestnenie (Header alebo Body end). Ak si zaškrtol „Potrebný súhlas", kód sa načíta len po súhlase návštevníka – otestuj to v inkognito okne a klikni na „Súhlasím s cookies".
• Favicon sa nezmenil – prehliadače cachujú favicon veľmi agresívne. Po nahratí nového favicon vyčisti cache prehliadača a reštartuj ho. Môže trvať aj niekoľko hodín, kým sa zmena prejaví všade.
• Mapa sa nezobrazuje – skontroluj, či si vyplnil GPS súradnice (klikni na „Vybrať lokalitu na mape" a klikni na správne miesto). Ak mapa stále nefunguje, skontroluj, či máš nastavený Google Maps API kľúč v sekcii Nastavenia → MCP server.
• Fonty sa nezmenili – uisti sa, že si do poľa „Google fonts head" vložil správny <link> tag z Google Fonts. Potom do polí „Názov fontu pre nadpisy", „Názov fontu pre text" a „Názov fontu pre fancy" zadaj presný CSS názov fontu (napr. 'Roboto', sans-serif). Názov musí zodpovedať fontu načítanému v <link> tagu.
• Kód sa neuložil – systém automaticky nahradí <script>, <iframe> a <!-- tagy pri ukladaní. Ak kód obsahuje špeciálne znaky alebo je príliš dlhý, môže dôjsť k chybe. Skús kód skrátiť alebo odstrániť komentáre. Ak chyba pretrváva, kontaktuj podporu.
• Odstránil som kód omylom – odstránenie kódu je natrvalo. Ak si omylom vymazal dôležitý kód (napr. Google Analytics), musíš ho vytvoriť znova v záložke „Vložiť kód a Cookies". Systém neuchováva históriu vymazaných kódov.
• Neviem, kam vložiť Google Tag Manager – Google Tag Manager sa skladá z dvoch častí: jedna ide do <head> (vyber umiestnenie „Header") a druhá hneď za <body> (vyber umiestnenie „Body start"). Vytvor dva samostatné záznamy v záložke „Vložiť kód a Cookies" – jeden pre každú časť kódu.
• Cookies súhlas nefunguje – ak si zaškrtol „Potrebný súhlas" pri kóde, návštevník musí najprv kliknúť na „Súhlasím s cookies" v cookies bare. Ak cookies bar nevidíš, skontroluj, či máš vyplnené URL pre „Zásady ochrany osobných údajov" a „Zásady používania súborov cookies" v záložke „Spravovať kód a Cookies".