Kun olet käynyt oppaan läpi, widgettisi on tyylitelty omilla väreilläsi, omalla sävyllään ja oikealla taustalla, ja tiedät, mitä säätimiä kannattaa käyttää.
Mitä tarvitset
- Widgetti kohdassa Widgetit (ohjatun käyttöönoton aikana luotu käy hyvin)
- Noin 5 minuuttia
- Vapaaehtoinen: brändisi pääväri heksakoodina
- Vaalea tai tumma tila valittuna harkiten, ei oletuksena
- Pääväri, joka sopii sivustoosi
- Tausta, joka sopii osioon, johon upotat
- Oikea määrä näkyviä kuukausia
Vaihe 1: Avaa Tyyppi ja ulkoasu
Sivupalkki → kohteesi → Widgetit → napsauta widgettiä → vieritä kohtaan Tyyppi ja ulkoasu (kohdewidgetit) tai Palvelu-widgetin asetukset (palveluwidgetit).
Asetuspaneeli on esikatselun vieressä (tai yläpuolella). Jokainen muutos päivittää esikatselun heti. Tallennusta ei tarvita, jotta näet tuloksen.
Vaihe 2: Tila
Vaalea tai Tumma. Siinä kaikki. "Automaattinen / järjestelmän asetus" -valintaa ei ole tällä hetkellä.
- Vaalea: vaalea tausta, tumma teksti. Oletus. Sopii yhteen valkoisen tai läpinäkyvän taustan kanssa.
- Tumma: tumma tausta, vaalea teksti. Sopii yhteen mustan tai läpinäkyvän taustan kanssa.
Kun vaihdat vaalean ja tumman välillä, taustavärin valinta voi korjautua automaattisesti (esim. valkoinen tummassa tilassa muuttuu läpinäkyväksi), jotta widgetti pysyy luettavana.
Vaihe 3: Taustaväri
Kolme vaihtoehtoa:
| Vaihtoehto | Milloin valita |
|---|---|
| Läpinäkyvä | Upotat värilliseen tai brändättyyn osioon. Widgetti on sen päällä, mikä sen takana on |
| Valkoinen | Upotat neutraalille sivulle. Käytettävissä vaaleassa tilassa |
| Musta | Upotat tummalle sivulle. Käytettävissä tummassa tilassa |
Läpinäkyvä on turvallisin oletus useimpiin upotuksiin.
Vaihe 4: Pääväri
Korostusväri, jota käytetään valituissa päivissä, pääpainikkeissa ja widgetin linkeissä.
Napsauta värinäytettä avataksesi selaimesi värinvalitsimen tai kirjoita heksakoodi, kuten #ff6b35, suoraan. Molemmat pysyvät synkronissa.
Muutama huomio:
- Oletus on
#10b981, pehmeä vihreä. - Sekä 3-numeroiset (
#abc) että 6-numeroiset (#aabbcc) heksakoodit toimivat. - Virheellinen syöte palaa mustaksi. Jos näyte muuttuu mustaksi kirjoitettuasi jotain, arvoa ei tunnistettu. Yritä uudelleen.
- Tekstin väri mukautuu automaattisesti. Cabintale laskee pääväriesi kirkkauden ja valitsee sen päälle mustan tai valkoisen tekstin, jotta tekstit pysyvät luettavina. Sinun ei tarvitse huolehtia valkoisesta tekstistä keltaisella.
Yksi erikoisuus, joka kannattaa tietää. Jos valitset pääväriksi värin, joka on hyvin lähellä taustaa (esimerkiksi kirkkaan valkoisen valkoisella taustalla), mikään ei mene rikki, mutta valitut päivät voivat näyttää valitsemattomilta. Testaa esikatselussa ennen tallennusta.
Vaihe 5: Näytettävät kuukaudet (vain kohdewidgetit)
Valitse, onko näkyvissä kerralla 1, 2 vai 3 kuukautta.
- 1 kuukausi: kompakti. Sopii ahtaisiin sivupalkkeihin tai mobiili edellä rakennetuille sivustoille.
- 2 kuukautta: yleisin. Vieras voi valita saapumisen tälle kuulle ja lähdön seuraavalle.
- 3 kuukautta: suurin näkyvyys. Sopii leveälle varaussivulle.
Mobiililaitteissa sarakkeet pinotaan pystysuunnassa asetuksesta riippumatta, joten 3 ei näytä pahalta puhelimessa. Vieritettävää vain tulee enemmän.
Vaihe 6: Näytä hinnat
Valitse, näkyvätkö yöhinnat kalenterissa (vihjeissä ja hintanäytössä).
Useimmat omistajat jättävät tämän päälle. Yleisiä syitä kytkeä pois:
- Kumppani upottaa widgettisi omalle sivustolleen ja antaa oman hintansa.
- Et halua hintoja vertailevien selaajien vertaavan sinua pelkän hinnan perusteella.
- Haluat siistin ulkoasun ilman numeroita.
Kun hinnat on piilotettu, kalenteri näyttää silti saatavuuden: vieraat näkevät yhä, mikä on vapaata ja mikä ei. He eivät vain näe hintaa ennen kuin valitsevat päivät.
Vaihe 7: Palveluwidgetin koko (vain palvelut)
Palveluwidgeteillä on koko-asetus näytettävien kuukausien sijaan:
- Pysty: korkea ja kapea. Sopii sivupalkkeihin.
- Keskikokoinen (680 px): oletus. Tasapainoinen varaussivuille.
- Koko leveys: venyy 100 %:iin säiliöstään.
Vaihe 8: Tallenna
Napsauta yläreunassa Tallenna widgetti. Widgetin välimuisti päivittyy heti. Kun päivität sivustosi upotussivun, uusi ulkoasu näkyy muutamassa sekunnissa.
Mitä tästä puuttuu
Muutama asia, jota voisit odottaa mutta jota ei tällä hetkellä ole:
- Omat fontit: widgetti käyttää omaa kirjasintaan, etkä voi antaa omaasi.
- Oma CSS: mielivaltaisille tyyleille ei ole takaporttia.
- Automaattinen / järjestelmän värimoodi: vain kiinteä vaalea tai tumma.
- Selausnuolten piilotus: ne näkyvät aina.
Kerro meille, jos jokin näistä auttaisi oikeasti. Pidämme listaa.
Ongelmanratkaisu
| Oire | Syy | Ratkaisu |
|---|---|---|
| Heksasyöte ei muuta värinäytettä | Kirjoittamasi ei ole kelvollinen heksakoodi (esim. ylimääräisiä merkkejä, ei-heksakirjaimia) | Käytä visuaalista värinvalitsinta tai kirjoita tarkasti muodossa #rrggbb |
| Esikatselu on tyhjä | Widgetin kohteella ei ole vielä kausia tai hinnoittelua | Määritä ensin kausihinnoittelu. Esikatselu tarvitsee hinnat piirtyäkseen |
| Taustavalikosta puuttuu valintani | Jotkin taustavaihtoehdot ovat tilakohtaisia (esim. musta tausta vain tummassa tilassa) | Vaihda ensin tila ja valitse sitten tausta |
| Muutokset eivät näy julkisessa widgetissä tallennuksen jälkeen | Selaimen välimuisti vieraan päässä | Päivitä sivu kokonaan (Ctrl+Shift+R / Cmd+Shift+R) sivulla, jolle widgetti on upotettu |
| Valitun päivän korostus näyttää näkymättömältä | Pääväri on hyvin lähellä taustaa | Valitse selvemmin erottuva pääväri tai vaihda tausta |
Aiheeseen liittyvät oppaat
- Upotettava widgetti — Upotettava varauswidgetti
- Oma varauslomake — Oma varauslomake
- Useita widgettivariaatioita — Useita widgettivariaatioita