Tafelreserveringen op Squarespace

De eigen opties van Squarespace

Squarespace heeft een afsprakenproduct voor salons en consultants. Het boekt één persoon voor één tijdvak, en zo werkt een restaurant niet: u heeft twintig tafels van verschillende groottes, bezettingstijden die afhangen van de groepsgrootte en een keuken die niet iedereen om 19:30 kan bedienen. De andere route die Squarespace-gebruikers nemen is de widget van een marktplaats, die kosten per gast en een maandabonnement meebrengt. Zie onze vergelijking met OpenTable voor wat dat kost.

Nabsie is gebouwd rond tafels, bezettingstijden en tempo, en is gratis tot 50 reserveringen per maand, daarna £14.99 per maand, zonder kosten per gast.

Het reserveringsformulier op een pagina zetten

1. Open de pagina in de editor en klik op Bewerken.
2. Voeg een blok toe op de plek waar u het formulier wilt en kies Code.
3. Laat het type op HTML staan en plak uw widgetcode:

<script src="https://my.nabsie.com/embed.js" data-venue="your-venue"></script>

4. Klik op Toepassen en daarna op Opslaan.

Het formulier verschijnt in het blok en groeit mee terwijl gasten erdoorheen gaan. Code-blokken zijn beschikbaar bij alle huidige Squarespace-abonnementen. Zit u op een heel oud abonnement zonder, gebruik dan het Embed-blok met de iframe-versie van de widgetpagina.

Een knop „Tafel reserveren” in de header

De meeste restaurants willen een knop in de navigatie in plaats van een formulier verstopt op een pagina. Het simpelst is een knop in de header toevoegen in Site-stijlen, of een navigatielink, die verwijst naar uw reserveringspagina op https://your-venue.nabsie.com/. Stel hem in om in een nieuw tabblad te openen. Er is geen code voor nodig en het werkt ook in mobiele menu's.

Wilt u liever dat de knop het formulier in een overlay boven uw pagina opent, plak dan de knopversie van het script in een Code-blok in de footer of op de pagina:

<script src="https://my.nabsie.com/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>

Pas de kleur aan zodat hij bij uw site past. Om een bestaande Squarespace-knop de overlay te laten openen, zou u hem de klasse nabsie-open moeten geven, wat Squarespace niet toestaat bij eigen knoppen, dus de gegenereerde knop of een gewone link zijn de praktische keuzes.

Laat het passen

Stel in uw Nabsie-dashboard een accentkleur in en upload uw logo. Het formulier gebruikt ze. Het heeft een transparante achtergrond en neemt dus de kleur aan van het gedeelte waarin het staat. Gebruikt uw site een donker gedeelte, zet het formulier dan in een licht gedeelte; het is ontworpen voor lichte achtergronden.

Fluid Engine en mobiele weergave

In Fluid Engine (Squarespace 7.1) kunt u een Code-blok vrij van grootte veranderen. Geef het op mobiel de volle breedte van het gedeelte, en op desktop ongeveer 600px, zodat het formulier niet wordt samengedrukt. Controleer de mobiele weergave in de editor: het formulier is mobile first en hoort er goed uit te zien zonder gepruts.

Waar u op moet letten

• Plak de code niet in een Tekstblok. Dan wordt hij als tekst getoond. Het moet een Code-blok zijn.
• De Code-injectie van Squarespace (in de instellingen) is voor scripts voor de hele site. U kunt het knopscript daar plaatsen om een knop op elke pagina te hebben, maar gebruik voor een formulier op één pagina een Code-blok.
• Gebruikt u de cookiebanner van Squarespace in strikte modus, dan blijft de widget onaangetast, omdat hij geen cookies op uw domein plaatst.