Voeg een reserveringswidget toe aan uw website

Welke stijl moet u gebruiken?

Inline is het best als u een pagina „Reserveren” heeft of een vrije sectie op uw homepage. Het formulier staat in de pagina, past zichzelf aan terwijl de gast erdoorheen gaat en ziet eruit als onderdeel van uw site. Knop is het best als u uw opmaak niet wilt veranderen: hij zet een knop waar u het script plakt en het formulier opent over de pagina heen. Iframe is voor websitebouwers die scripts verwijderen maar embeds toestaan. Link is voor al het andere.

Alle vier leiden naar dezelfde reserveringspagina, dus een gast heeft precies dezelfde ervaring, hoe hij er ook komt. U kunt er meerdere tegelijk gebruiken, bijvoorbeeld inline op uw reserveringspagina en een knop in de header.

Hoe het onder de motorkap werkt

Het script maakt een iframe aan dat naar uw reserveringspagina wijst in embedmodus, waarbij de header en footer verborgen zijn en een transparante achtergrond wordt gebruikt. De reserveringspagina geeft de hoogte door aan de bovenliggende pagina terwijl de gast erdoorheen gaat, zodat er nooit een schuifbalk in een schuifbalk zit. Verder wordt niets op uw pagina aangeraakt. Het script is kleiner dan 4 KB, laadt na uw inhoud en plaatst geen cookies op uw site.

Omdat het formulier op tablez.uk draait, verwerkt u nooit klantgegevens op uw eigen site en hoeft u niets bij te werken als wij de reserveringspagina verbeteren. Uw widgetcode blijft voorgoed hetzelfde.

Werkt het met mijn websitebouwer?

Ja, als u HTML kunt plakken. Dat is bijna alles:

• WordPress: plak het in een Custom HTML-blok. Geen plugin nodig.
• Squarespace: een Code-blok op elke pagina.
• Wix: een Embed HTML-element, of een knop die naar uw pagina linkt.
• Shopify: een Custom Liquid-sectie of een pagina in HTML-weergave.
• Webflow, GoDaddy, Weebly, Jimdo, Carrd, Framer: hun embed- of HTML-element.
• Gewone HTML die iemand jaren geleden bouwde: plak het in een teksteditor en upload.

Google Sites en een paar gratis bouwers verwijderen scripts. Gebruik daar het iframe of de link.

Laat het eruitzien als het uwe

Stel in uw Tablez-dashboard een accentkleur in en upload een logo. Het ingesloten formulier gebruikt ze. De reserveringspagina heeft verder zeer weinig eigen opmaak, dus hij staat prettig op lichte en donkere sites. Wilt u dat de knop „Tafel reserveren” precies bij de eigen knoppen van uw site past, sla dan de gegenereerde knop over en gebruik de klasse tablez-open op een van uw eigen knoppen.

Mobiel

Het formulier is eerst voor telefoons gemaakt, want daar gebeuren de meeste reserveringen. Inline neemt het de volledige breedte van een telefoonscherm in. De knop-overlay vult het scherm op een telefoon en staat in een gecentreerd paneel op een desktop. Test het op uw eigen telefoon nadat u het heeft toegevoegd; de livedemo toont wat u kunt verwachten.