Ugrás a fő tartalomhoz
Ha van saját weboldala, megjelenítheti rajta az Overviu naptárát. A vendégek kiválasztják a dátumokat és a vendégek számát, látják, hogy szabad-e a szálláshely és mennyibe kerül a tartózkodás, majd a foglalási weboldalán folytatják, ahol már minden ki van töltve. Maga a foglalás, a fizetés és a feltételek a foglalási weboldalán maradnak. Bármelyik weboldalon működik, ahová HTML-t lehet beilleszteni: Wix, Squarespace, Webflow, vagy a fejlesztője által készített oldal. API-token nem kell hozzá. WordPress esetén használja inkább a WordPress-bővítményt.

​
Mielőtt elkezdi

  • A foglalási weboldalának neve: az overviu.app címének első része. A villa-laut.overviu.app esetén ez villa-laut. A címet a Beállítások → Domainek menüpontban, a Kezelt aldomain résznél találja. Ha a foglalási weboldala saját domaint használ, itt akkor is az overviu.app alatti nevet kell megadni.
  • Naptárhoz a szálláshirdetés rövid neve: a hirdetés foglalási weboldalon lévő címének utolsó része. A villa-laut.overviu.app/listings/sea-view esetén ez sea-view.
  • Egy hely a weboldalán, ahová HTML-t illeszthet be. A weboldalkészítők ezt „beágyazás”, „egyéni kód” vagy „HTML” blokknak hívják.

​
Lépések

1

Adja hozzá a scriptet

Illessze be ezt egyszer minden olyan oldalra, amely naptárat vagy keresősávot mutat:
2

Adjon hozzá naptárat egy szálláshirdetéshez

Illessze be ezt oda, ahol a naptárnak meg kell jelennie, a villa-laut és a sea-view helyére a saját neveit írva:
Megjelenik a naptár, a vendégek, a kiválasztott dátumok ára és a foglalás gombja. Épület esetén a vendégek először egy egységtípust választanak.
3

Vagy adjon hozzá keresősávot az összes szálláshirdetéséhez

A vendégek megadják, hová, mikor és hányan utaznak, és a foglalási weboldala a szabad szálláshelyekkel nyílik meg. Ahol kevés a hely, például telefonon, a sáv helyett egy gomb jelenik meg, amely ugyanezeket a választásokat nyitja meg.

​
Mi történik ezután?

  • A naptár a valós elérhetőségét és árait mutatja, és követi az árakat és a tartózkodási szabályokat: a minimális tartózkodást, az érkezésre lezárt napokat és azt, hogy mennyivel előre lehet foglalni.
  • Amikor a vendég a gombra kattint, a foglalási weboldala nyílik meg a dátumokkal és a vendégekkel kitöltve, ugyanazon a nyelven.
  • A weboldalán elkezdett foglalás ugyanolyan foglalás, mint bármelyik másik a foglalási weboldalán.
  • A naptár az arculat színeit és betűtípusát használja. Ha többet szeretne változtatni, lásd: A naptár megjelenésének testreszabása.
Ha átnevezi a csapatát, az overviu.app címe megváltozik. Utána írja át a team nevet a weboldala kódjában, különben a naptár nem töltődik be.

​
Beállítási lehetőségek

Ezek bármelyikét hozzáadhatja a címkéhez:

​
Keretben

Egyes weboldalkészítők az egyéni kódot keretbe teszik. A naptár ott is működik, és a gomb a foglalási weboldalát a teljes ablakban nyitja meg. Adjon a keretnek elég magasságot: naptárhoz körülbelül 650 képpontot, keresősávhoz körülbelül 480-at, mert annak választásai alatta nyílnak meg.

​
Fejlesztőknek

Ugyanezek az elemek elérhetők az npm-en @overviu/widgets néven, típusos komponensekkel Reacthez (@overviu/widgets-react) és Vue-hoz (@overviu/widgets-vue). Mindkét elem overviu-change eseményt küld, amikor a vendég változtat valamit, és overviu-continue eseményt, amikor a gombra kattint; az utóbbi megszakításával a lépést saját maga kezelheti. A részletek a csomagok npm-oldalán találhatók.

​
Kapcsolódó útmutatók