Voer uw widget-link in en selecteer uw land.
De reserveringsmodule van TheFork kan rechtstreeks op jouw eigen website geïnstalleerd worden zodat gasten altijd en overal kunnen reserveren. De reserveringsmodule kan gasten omleiden naar een nieuwe pagina met de kalender of hen toestaan op de huidige pagina te reserveren door de iframe-reserveringsmodule te installeren, die meteen een kalender met opties toont. Het installatieproces is snel en gemakkelijk en werkt op alle apparaten zoals desktops, tablets, smartphones, etc.
Hieronder vind je de stappen om de reserveringsmodule te installeren.
Doorverwijzen naar nieuw tabblad via tekst
Doorverwijzen van de widget naar nieuw tablad, link via tekst. Bekijk het volgende voorbeeld.
Plak deze code in het gedeelte van de website code waar u de hyperlink wilt hebben:
Zwevende knop
Deze knop stuurt de widget door naar nieuw tablad, is vast en altijd zichtbaar. Bekijk het volgende voorbeeld.
Plak deze code in de <body> tag van uw website:
Geïntegreerd op uw site via iframe
Bekijk het volgende voorbeeld.
Plak deze code in de <body> tag van uw website:
Link in de kalender, aangepast aan de grootte van het scherm (dankzij Media Queries)
Het formaat van het scherm kan variëren per pagina. Om de beste ervaring te bieden aan de gast, past onze reserveringsmodule zich aan de grootte, lengte en hoogte van het scherm aan.
Widget during the reservation process
Om een vaste lengte te vermijden en om te voorkomen dat een scroll optie verschijnt, gebruiken we Media Queries om deze aan te passen aan de verschillende schermformaten van een bepaald apparaat.
Gebruik een Class in het frame:
Plak de volgende stijlen vóór de tag </head>:
<style type="text/css">
.thefork{
width: 100%;
border:none;
overflow: scroll;
}
/* Media queries widget */
@media only screen and (max-width : 320px) {
.thefork{
min-height: 840px;
}
}
@media only screen and (min-width : 321px) and (max-width : 516px){
.thefork{
min-height: 650px;
}
}
@media only screen and (min-width : 517px) {
.thefork{
min-height: 550px;
}
}
</style>
Vanaf nu verandert de hoogte van het frame afhankelijk van de breedte van het scherm en het html-blok dat het bevat. De relatie tussen deze afmetingen werkt als volgt.
| Breedte scherm | Hoogte reserveringsmodule | Breedte reserveringsmodule |
|---|---|---|
| Tot 320px | 840px | 100% |
| Van 321 tot 516px | 650px | 100% |
| Vanaf 517px | 550px | 100% |