Po dokončení tohto návodu budete mať widget ostýlovaný vo svojich farbách, vo svojom tóne a na správnom pozadí – a budete vedieť, na ktoré ovládacie prvky sa oplatí siahnuť.
Čo budete potrebovať
- Widget v časti Widgety (ten, ktorý vznikol počas sprievodcu nastavením, stačí)
- ~5 minút
- Voliteľné: hexadecimálny kód primárnej farby vašej značky
- Svetlý alebo tmavý režim zvolený zámerne, nie predvolene
- Hlavnú farbu, ktorá ladí s vaším webom
- Pozadie, ktoré pasuje do sekcie, do ktorej widget vkladáte
- Správny počet viditeľných mesiacov
Krok 1: Otvorte Typ a vzhľad
Bočné menu → vaše ubytovanie → Widgety → kliknite na widget → posuňte sa k Typ a vzhľad (widgety ubytovaní) alebo Nastavenia widgetu služby (widgety služieb).
Panel nastavení je vedľa (alebo nad) živým náhľadom. Každá zmena, ktorú urobíte, sa v náhľade premietne okamžite – netreba ukladať, aby ste ju videli.
Krok 2: Režim
Svetlý alebo Tmavý. To je všetko; „automaticky / podľa systému“ dnes neexistuje.
- Svetlý – svetlé pozadie, tmavý text. Predvolený. Hodí sa k bielemu alebo priehľadnému pozadiu.
- Tmavý – tmavé pozadie, svetlý text. Hodí sa k čiernemu alebo priehľadnému pozadiu.
Ak prepnete medzi svetlým a tmavým, voľba farby pozadia sa môže automaticky opraviť (napr. biela na tmavom sa zmení na priehľadnú), aby widget zostal čitateľný.
Krok 3: Farba pozadia
Tri možnosti:
| Možnosť | Kedy ju vybrať |
|---|---|
| Priehľadné | Vkladanie do farebnej alebo značkovej sekcie. Widget sedí na tom, čo je za ním |
| Biele | Vkladanie na neutrálnu stránku. Dostupné v svetlom režime |
| Čierne | Vkladanie na tmavú stránku. Dostupné v tmavom režime |
Priehľadné je pre väčšinu vložení najbezpečnejšia predvolená voľba.
Krok 4: Hlavná farba
Akcentová farba používaná pre vybrané dátumy, hlavné tlačidlá a odkazy vnútri widgetu.
Kliknutím na farebnú vzorku otvoríte výber farieb v prehliadači, alebo priamo napíšte hexadecimálny kód ako #ff6b35. Oboje zostáva zosúladené.
Pár poznámok:
- Predvolená je
#10b981– jemná zelená. - Fungujú 3-miestne (
#abc) aj 6-miestne (#aabbcc) hexadecimálne kódy. - Neplatný vstup sa vráti na čiernu. Ak vzorka po zadaní niečoho zčernie, hodnota sa nepodarila spracovať – skúste znova.
- Farba textu sa upraví sama. Cabintale vypočíta jas vašej hlavnej farby a nad ňu vyberie čierny alebo biely text, aby označenia zostali čitateľné. Nemusíte sa starať o biely text na žltom.
Jedna zvláštnosť, ktorú treba vedieť. Výber hlavnej farby veľmi blízkej pozadiu – napríklad jasná biela na bielom pozadí – nič nerozbije, ale vybrané dátumy môžu vyzerať ako nevybrané. Pred uložením vyskúšajte náhľad.
Krok 5: Počet zobrazených mesiacov (len widgety ubytovaní)
Vyberte, či sú naraz viditeľné 1, 2 alebo 3 mesiace.
- 1 mesiac – kompaktné. Hodí sa do úzkych bočných panelov alebo webov s prioritou mobilu.
- 2 mesiace – najbežnejšie; hosť si môže vybrať príchod v tomto mesiaci a odchod v nasledujúcom.
- 3 mesiace – maximálna viditeľnosť. Pohodlné na širokej rezervačnej stránke.
Mobilné zariadenia skladajú stĺpce pod seba bez ohľadu na nastavenie, takže 3 mesiace na telefóne nevyzerajú zle – len sa viac rolujú.
Krok 6: Zobrazovať ceny
Prepnite, či sa ceny za noc zobrazujú v kalendári (v nápovedách a v zobrazení ceny).
Väčšina majiteľov to nechá zapnuté. Bežné dôvody na vypnutie:
- Partner vkladá váš widget na svoj web a uvádza vlastnú cenu.
- Nechcete, aby vás návštevníci porovnávajúci ceny hodnotili len podľa sadzby.
- Chcete čistý vzhľad bez čísel.
Keď sú ceny skryté, kalendár stále ukazuje dostupnosť – hostia stále vidia, čo je voľné a čo nie. Len nevidia sadzbu, kým nevyberú dátumy.
Krok 7: Veľkosť widgetu služby (len služby)
Widgety služieb majú namiesto počtu mesiacov nastavenie veľkosti:
- Zvislý – vysoký a úzky. Hodí sa do bočných panelov.
- Stredný (680 px) – predvolený. Vyvážený pre rezervačné stránky.
- Celá šírka – roztiahne sa na 100 % kontajnera.
Krok 8: Uložte
Hore kliknite na Uložiť widget. Pamäť widgetu sa zneplatní okamžite; obnovením stránky s vloženým widgetom na vašom webe uvidíte nový vzhľad do pár sekúnd.
Čo som vynechal
Niekoľko vecí, ktoré by ste mohli čakať a dnes tu nie sú:
- Vlastné písma – widget používa vlastné písmo; svoje doň vložiť nemôžete.
- Vlastné CSS – neexistuje únikový východ pre ľubovoľné štýly.
- Automatický režim farieb / podľa systému – len pevný svetlý alebo tmavý.
- Skrytie navigačných šípok – zobrazujú sa vždy.
Dajte nám vedieť, ak by vám niečo z toho skutočne pomohlo; vedieme si zoznam.
Riešenie problémov
| Príznak | Príčina | Riešenie |
|---|---|---|
| Hexadecimálny vstup nemení vzorku | To, čo ste zadali, nie je platný hexadecimálny kód (napr. znaky navyše, písmená mimo hex) | Použite vizuálny výber farieb, alebo zadajte presne #rrggbb |
| Živý náhľad je prázdny | Ubytovanie widgetu ešte nemá sezóny ani ceny | Najprv nastavte sezónne ceny – náhľad potrebuje na vykreslenie ceny |
| V rozbaľovacom zozname pozadia chýba moja voľba | Niektoré možnosti pozadia sú špecifické pre režim (napr. čierne pozadie len v tmavom režime) | Najprv prepnite režim, potom vyberte pozadie |
| Zmeny v živom widgete sa po uložení neprejavia | Pamäť prehliadača na strane hosťa | Obnovte natvrdo (Ctrl+Shift+R / Cmd+Shift+R) stránku, na ktorej je widget vložený |
| Zvýraznenie vybraného dátumu je neviditeľné | Hlavná farba je veľmi blízka pozadiu | Vyberte výraznejšiu hlavnú farbu alebo zmeňte pozadie |
Súvisiace návody
- Vložiteľný widget – Vložiteľný rezervačný widget
- Vlastný rezervačný formulár – Vlastný rezervačný formulár
- Viac variantov widgetu – Viac variantov widgetu