Naar de inhoud
yourreservation

Online boeken

Je reserveerpagina, de QR-code, de pop-up op je eigen site per sitebouwer, de regels voor gasten en de talen waarin ze boeken.

Je reserveerpagina en de QR-code

Elke zaak heeft een eigen reserveerpagina. Die werkt ook zonder eigen website: deel de link op Instagram, in je Google-bedrijfsprofiel of in een mail.

  1. Ga naar Online boeken.

    Bovenaan staat Je reserveerpagina met de knoppen Kopieer en Bekijk.

  2. Klik op Kopieer en plak de link waar je hem wilt delen.

    Je ziet Link gekopieerd.

  3. Klik bij QR-code op Download als afbeelding.

    Je krijgt een afbeelding om op tafel, de kaart of het raam te zetten. Gasten scannen hem en komen op je reserveerpagina.

De pop-up op je eigen website

Op je eigen website zet je een knop die je reserveerpagina als pop-up opent. Bij Op je eigen website kies je bij Mijn site is gemaakt met je sitebouwer; dan zie je de stappen die daar werken, met de code die je nodig hebt. Hieronder dezelfde stappen per sitebouwer.

Kies je sitebouwer

WordPress

Met de plugin YourReservation Booking

  1. Download de plugin hieronder.
  2. Ga in WordPress naar Plugins, Nieuwe plugin, Plugin uploaden, kies het bestand en installeer het.
  3. Activeer de plugin.
  4. Ga naar Instellingen, YourReservation en plak je sleutel. Sla op.
  5. De zwevende knop staat nu op elke pagina. Een eigen knop of menu-item opent de pop-up met de link #tablehost, of met de shortcode [yourreservation_button].

Geen plugins mogelijk (bijvoorbeeld op WordPress.com zonder plugins)? Zet dan deze regel onderaan elke pagina, of maak een knop naar je reserveerpagina.

Wix

De regel code via Custom Code

  1. Open het dashboard van je site en ga naar Settings.
  2. Kies Custom Code in het blok Development & integrations en klik rechtsboven op + Add Custom Code.
  3. Plak de regel hieronder en geef hem een naam, bijvoorbeeld YourReservation.
  4. Kies bij Add Code to Pages de optie All pages en bij Place Code in de optie Body end.
  5. Klik op Apply.

Custom Code werkt bij Wix alleen op een gepubliceerde site met een gekoppeld eigen domein. Zet de regel niet in een HTML-element: Wix toont dat in een klein afgeschermd kader, en daar past de pop-up niet in.

Squarespace

De regel code via Code Injection

  1. Open in Squarespace het paneel Code Injection.
  2. Plak de regel hieronder in het veld Footer.
  3. Klik op Save.

Code Injection zit in de abonnementen Core, Plus en Advanced, niet in Basic.

Op Basic: voeg een knopblok toe, klik op het potlood, kies bij Content de optie Attach Link en plak deze link bij URL.

Webflow

De regel code in de eigen code van je site

  1. Open de instellingen van je site in Webflow en zoek het onderdeel voor eigen code.
  2. Plak de regel hieronder in het veld voor de footer.
  3. Sla op en publiceer de site.

Eigen code zit niet in het gratis abonnement Starter; je hebt een betaald abonnement nodig.

Shopify

Een knop of menu-item naar je reserveerpagina

  1. Voeg in je thema een knop of een menu-item toe.
  2. Plak de link hieronder als adres.
  3. Sla op.

De pop-up op elke pagina kan ook: je webbouwer zet de regel code dan vlak voor </body> in layout/theme.liquid (Online Store, bij je thema het menu met de drie puntjes, Edit code). Shopify waarschuwt dat zulke wijzigingen kunnen verdwijnen bij een update van het thema, dus test het eerst op een kopie.

De regel code voor je webbouwer:

Jimdo

Een knop naar je reserveerpagina

  1. Voeg op je pagina een knop toe.
  2. Plak de link hieronder als adres van de knop.
  3. Publiceer de pagina.

Bij sommige abonnementen kun je ook eigen code in de pagina zetten. Dan kan het formulier ook vast in de pagina staan met de code hieronder.

Het formulier vast in de pagina:

Framer

De regel code via Custom Code

  1. Open Project Settings en kies links Custom Code.
  2. Klik op Add Script of op het plusteken.
  3. Plak de regel hieronder, kies het einde van de body en alle pagina's.
  4. Publiceer de site en kijk op de gepubliceerde site: in de voorvertoning van de editor werkt eigen code niet.

Een eigen domein vraagt bij Framer een betaald abonnement.

Google Sites

Het formulier in de pagina

  1. Klik rechts op Insert en kies Embed.
  2. Kies By URL en plak het adres hieronder.
  3. Klik op Insert en maak het blok zo hoog dat het hele formulier zichtbaar is.
  4. Klik op Publish.

Google Sites heeft geen plek voor code op elke pagina, dus de zwevende knop met pop-up kan hier niet.

Liever een knop: kies Insert, Button, geef hem een naam en plak deze link.

Hostinger

De regel code via Integrations

  1. Open de websitebouwer en klik op More (de drie puntjes).
  2. Kies Integrations.
  3. Plak de regel hieronder in het veld Custom code en sla op.
  4. Werk je website bij. In de editor zie je de knop niet; in de voorvertoning en online wel.
one.com

Een knop naar je reserveerpagina

  1. Voeg op je pagina een knop toe.
  2. Plak de link hieronder als adres van de knop.
  3. Publiceer de site.

Bij sommige abonnementen kun je ook eigen code plaatsen; dan kan de regel code voor de pop-up erbij.

De regel code, als je abonnement eigen code toelaat:

IONOS

De regel code via Custom Head Code

  1. Ga in je IONOS-account naar Menu, Web Projects, Manage project, en open Website, Website Editor.
  2. Kies Settings, Custom Head Code.
  3. Plak de regel hieronder.
  4. Kies bij de toestemming No consent required. Met Consent required laadt de knop pas nadat een bezoeker toestemming gaf.
  5. Klik op Save.

Niet elk MyWebsite Now-pakket laat eigen code toe.

Strato

Het formulier in de pagina via het Embed-element

  1. Kies WEBSEITE BEARBEITEN, Inhaltselemente, Standardelemente, Embed, en sleep het element naar de plek op de pagina.
  2. Klik rechtsboven op het tandwiel en kies Internetadresse (iFrame).
  3. Plak het adres hieronder.
  4. Stel de hoogte zelf in, zodat het hele formulier zichtbaar is.

De Homepage-Baukasten van Strato laat geen eigen code toe, dus de zwevende knop met pop-up kan hier niet.

Of een knop naar je reserveerpagina:

Square Online

De regel code via Tracking Tools

  1. Ga in het Square Dashboard naar Channels, Square Online.
  2. Kies Settings, Tracking Tools en klik op Add new code.
  3. Geef hem een naam, plak de regel hieronder en kies End of body.
  4. Klik op Save en publiceer de site.

Eigen code zit alleen in Square Online Plus en Premium.

Op Free: selecteer een knop, kies Add link, plak deze link en klik op Save. Publiceer daarna.

Carrd

De regel code met een Embed-element

  1. Voeg een element Embed toe en kies bij Type de optie Code.
  2. Plak de regel hieronder.
  3. Zet Style op Hidden en kies Body End.
  4. Publiceer de site; in de builder zie je de knop niet.

Embeds vragen bij Carrd om Pro Standard of hoger.

Zonder Pro Standard: zet deze link op een knop.

Lovable, Bolt, v0 of Replit

Vraag het de chat van je tool

  1. Kopieer de opdracht hieronder; je sleutel staat er al in.
  2. Plak hem in de chat van Lovable, Bolt, v0 of Replit.
  3. Open daarna de live site, klik op de knop en kijk of de pop-up opent.

Een eigen domein vraagt bij Lovable en Bolt een betaald abonnement.

Anders of zelf gebouwd

De regel code onderaan elke pagina

  1. Plak de regel hieronder vlak voor </body>, op elke pagina of in het sjabloon dat elke pagina gebruikt.
  2. Heeft je site een Content-Security-Policy, sta dan https://yourreservation.eu toe bij script-src, connect-src, frame-src en img-src.
  3. Publiceer en klik op de knop om te kijken of de pop-up opent.

Liever het formulier vast in de pagina:

Geen website

Je reserveerpagina is je website

  1. Deel de link hieronder op Instagram, in je Google-bedrijfsprofiel en in je mails.
  2. Zet de QR-code van hierboven op tafel, de kaart of het raam.

De pop-up ontwerpen

  1. Kies bij Pop-up ontwerpen onder Kleuren je Merkkleur, Achtergrond en Tekst.

    Haalt je kleur te weinig contrast, dan worden knoppen in de pop-up iets dieper van kleur zodat ze leesbaar blijven.

  2. Kies een Lettertype voor de tekst en de Koppen, en een Formaat.

    Op een telefoon vult de pop-up altijd het hele scherm.

  3. Zet bij Knop op je website Zwevende knop in de hoek tonen aan of uit, en kies Tekst op de knop, Plek, Knopkleur en Tekstkleur knop.

    Is de tekst slecht leesbaar op de knopkleur, dan krijgt de knop op je site witte tekst, zoals in het voorbeeld.

  4. Sla op en kijk bij Voorbeeld, of klik op Bekijk op een testpagina.

    Het voorbeeld is je echte pop-up: boekingen die je daar doet zijn echt.

Regels voor gasten

Bij Regels voor gasten bepaal je hoe kort van tevoren en hoe ver vooruit gasten online boeken, en tot wanneer ze zelf annuleren of verzetten.

  1. Vul Annuleren kan tot in, in uren voor de reservering.

    Daarna moet de gast bellen.

  2. Zet Gasten kunnen zelf verzetten aan en vul eventueel Verzetten kan tot in.

    Met de link in de bevestiging en de herinnering kiest een gast een andere dag of tijd. Je krijgt een melding met de oude tijd erbij.

  3. Vul Reserveren kan vanaf, Minimaal van tevoren en Hoe ver vooruit in.

    Leeg bij Reserveren kan vanaf betekent vanaf vandaag. Aan de balie kan het altijd.

  4. Restaurant: kies bij De eindtijd van een dienst is tussen De laatste aankomst en Het moment dat je dichtgaat, en klik op Regels opslaan.

    Je ziet Regels opgeslagen.

Talen voor gasten

Je reserveerpagina, de pop-up en de mails zijn er in het Nederlands, Engels, Duits en Zweeds. Een gast krijgt de taal van zijn browser als je die aanbiedt, anders de standaardtaal.

  1. Zet bij Talen voor gasten de talen aan die je wilt aanbieden.

    Bij elke taal zie je of hij aan staat.

  2. Kies de Standaardtaal.

    Die krijgen gasten met een browser in een taal die je niet aanbiedt.

Berichten aan gasten

  1. Vul bij Berichten aan gasten de Afzender en Antwoorden van gasten naar in.

    Antwoordt een gast op een mail, dan komt dat op dat adres binnen.

  2. Vul bij Melding van een nieuwe reservering naar in waar jij de meldingen wilt krijgen.

    Leeg betekent het mailadres van de zaak.

  3. Vul eventueel Link naar je voorwaarden in en kies bij Herinnering vooraf hoeveel uur voor de reservering de herinnering vertrekt.

    0 betekent geen herinnering.

  4. Zet Vraag om een review aan, vul Uren na het bezoek en je Link naar je Google-reviews of Link naar TripAdvisor in en klik op Berichten opslaan.

    Na het bezoek krijgt de gast een mail met die links. Deze schakelaar zie je alleen als reviews in je pakket zitten.

Zo boekt een gast

Restaurant: de gast kiest de datum, het aantal personen en een tijd, vult zijn gegevens in en klikt op reserveren. Daarna krijgt hij een mail. Pas als hij op de knop in die mail klikt, staat zijn tafel vast; doet hij dat niet binnen 24 uur, dan vervalt de aanvraag. Tot die tijd staat de reservering in Vandaag als Onbevestigd.

Activiteiten: de gast kiest het uitje, het aantal personen, de duur, de datum, een begintijd en eventueel extra opties. Moet hij vooraf betalen of aanbetalen, dan betaalt hij meteen via Mollie. Zonder betaling houden we de plek vast en bevestigt hij via de link in de mail.

Salon: de klant kiest een behandeling, een medewerker of geen voorkeur, en een tijd. Moet hij vooraf betalen, dan staat de afspraak pas vast na de betaling; betaalt hij niet binnen 20 minuten, dan komt de tijd weer vrij.

Met de link in de mail kan de gast annuleren, en verzetten als je dat aanzet.

Kom je er niet uit? Zo vraag je hulp