Het boekingsformulier op je website zetten
Een sleutel maken voor je website, de code plakken of de WordPress-plugin gebruiken, en controleren of het werkt.
Wanneer gebruik je dit
Je wilt dat gasten op je eigen website een tafel kunnen boeken, rechtstreeks in je tafelplanning. Of je formulier werkt niet meer en je wilt de sleutel nakijken.
Waar het staat
Instellingen › Reserveringen, blok Widget, kaart Inbouwen. De kaart heeft drie stappen: een sleutel maken, de code op je website zetten en controleren.
Stap 1 — Maak een sleutel
Een sleutel geeft je website toegang tot de beschikbaarheid en het boeken bij deze vestiging, en alleen vanaf de websites die jij opgeeft. Maak één sleutel per website.
- Vul bij Label een naam in die je herkent, bijvoorbeeld
Website. - Kies bij Soort voor Live. Lees eerst de waarschuwing over Test onder Let op.
- Vul bij Toegestane websites het adres van je website in, precies zoals
het in de adresbalk staat: met
https://en zonder pad erachter, bijvoorbeeldhttps://www.cafemorris.nl. Is je site met en zonderwwwbereikbaar, zet dan beide adressen erin, gescheiden door een komma. - Klik op Nieuwe sleutel.
- De volledige sleutel verschijnt één keer, met de code voor je website erbij. Kopieer hem en bewaar hem op een veilige plek. Morris bewaart alleen het begin ervan; je kunt hem later niet meer opvragen.
- De sleutel blijft in beeld staan, ook als je intussen iets anders op het tabblad doet. Klik pas op Ik heb hem gekopieerd, sluiten als je hem echt hebt bewaard. Daarna is hij weg.
Een adres dat niet met https:// begint of een pad heeft, zoals
https://www.cafemorris.nl/reserveren, laat Morris zonder melding weg. Blijft
er geen geldig adres over, dan zie je "Vul minstens één website in".
Onder de knop staat de lijst met je sleutels: het Label, het begin van de
Sleutel, de Soort (live of test), de Websites en de Status
(active of revoked).
Een sleutel intrekken
Klik op het kruisje achter de sleutel. Morris vraagt Sleutel intrekken?; bevestig met Intrekken. Websites die deze sleutel gebruiken, kunnen daarna niet meer boeken; de gast ziet "Reserveren lukt op dit moment niet online". Een ingetrokken sleutel blijft in de lijst staan en is niet terug te zetten. Wil je een ander adres toevoegen, maak dan een nieuwe sleutel en trek de oude in als de nieuwe werkt.
Stap 2 — Zet de code op je website
Er zijn drie varianten. Adres en locatie staan al ingevuld; in de voorbeelden
staat pk_live_… waar jouw volledige sleutel moet komen.
- Zwevende knop (aanbevolen) — rechtsonder op elke pagina verschijnt een
knop die het formulier opent. Op een telefoon loopt de knop over de volle
breedte. Plak de code één keer per pagina, bijvoorbeeld onderaan vlak voor
</body>. - Eigen knop of link — je plaatst zelf een knop of link die het formulier opent. Het script hoeft maar één keer op de pagina, ook bij meer knoppen.
- Paneel vast in de pagina — het formulier staat meteen zichtbaar in de pagina, zonder knop. Handig voor een aparte reserveerpagina.
Werk je met Wix, Squarespace, Webflow of Jimdo, voeg dan een blok voor eigen code of HTML toe en plak de code daarin. Laat je je website door iemand anders bouwen, stuur hem dan de code met je sleutel erin.
WordPress
- Klik op Download WordPress-plugin (zip).
- Ga in WordPress naar Plugins › Nieuwe plugin › Plugin uploaden, kies het zipbestand en activeer de plugin.
- Ga naar Instellingen › Morris reserveren en plak je sleutel bij Sleutel. Locatie en API-adres staan al ingevuld; laat die staan.
- Zet
[morris_reserveren]op een pagina voor een knop die het formulier opent, of[morris_reserveren weergave="inline"]voor het formulier in de pagina.
De sleutel zit bewust niet in de download. Zo geeft een doorgestuurd zipbestand niemand toegang.
Stap 3 — Controleer het
- Open je website en klik op de knop. Het formulier moet de naam van je zaak en je kleur tonen.
- Maak een proefboeking voor twee personen.
- Zoek hem op in het reserveringenscherm. Hij staat erin met kanaal Widget.
- Annuleer de proefboeking, zodat er geen tafel voor niets bezet blijft.
Het formulier werkt op je eigen website zolang het adres waarop de pagina
draait precies bij Toegestane websites van de sleutel staat. Staat het
er niet of net anders in, bijvoorbeeld zonder www, dan weigert Morris de
website.
Blijft de knop een gewone link die niets opent, dan laadt het script niet.
Kijk of de code volledig is geplakt, of een cookie- of scriptblokker het
tegenhoudt. Ziet de gast "Reserveren lukt op dit moment niet online", kijk
dan of het adres bij Toegestane websites precies klopt, inclusief www.
Zie ook Een gast kan online geen tafel boeken.
Let op
- Een testsleutel maakt echte boekingen. Het scherm zegt dat je met
Test kunt proberen zonder echte boekingen, maar dat klopt niet. Een
sleutel die met
pk_testbegint, werkt precies als een live sleutel: elke boeking komt als gewone reservering binnen, bezet een tafel en de gast krijgt mail. Annuleer proefboekingen dus altijd zelf. - Ben je een nieuwe sleutel kwijt voordat je hem bewaarde, dan kun je hem niet meer opvragen. Trek hem in en maak een nieuwe.
- Sleutels maken en intrekken vraagt twee rechten: Reserveringen én Instellingen & integraties. Zie Wie reserveringen mag beheren.
- Eén sleutel hoort bij één vestiging. Heb je meer vestigingen, dan maak je per vestiging een eigen sleutel.
- Kleur, knoptekst en velden stel je in op hetzelfde tabblad. Zie Het boekingsformulier instellen.
Verwante artikelen
Meer over Reserveringen op morris-horeca.nl.
Bijgewerkt op 18 oktober 2026