Dokumentácia
← cabintale.com EN · CZ · SK · FI Napísať podpore
Prispôsobte si web · Návod

Vzhľad widgetu

Nech widget pôsobí ako súčasť vašej značky, nie ako cudzí nástroj.

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ť.

Skôr než začnete

Č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
Čo získate
  • 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
BieleVkladanie na neutrálnu stránku. Dostupné v svetlom režime
ČierneVkladanie 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íznakPríčinaRiešenie
Hexadecimálny vstup nemení vzorkuTo, č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ázdnyUbytovanie widgetu ešte nemá sezóny ani cenyNajprv nastavte sezónne ceny – náhľad potrebuje na vykreslenie ceny
V rozbaľovacom zozname pozadia chýba moja voľbaNiektoré 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í neprejaviaPamäť prehliadača na strane hosťaObnovte 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 pozadiuVyberte výraznejšiu hlavnú farbu alebo zmeňte pozadie

Súvisiace návody

Stále si neviete rady?

Na každý e-mail odpovedáme do jedného pracovného dňa.

Napísať podpore →