Je kunt op verschillende manieren op je eigen website reserveringen aanmaken voor Nappkin.

• De eenvoudigste manier is om een link op te nemen naar https://reserveren.nappkin.nl/?id=XXX. Het juiste id krijg je van Nappkin.

• Als je WordPress gebruikt kun je de Nappkin reserveer plugin installeren.

• Als je je website in eigen beheer hebt en volledige controle wilt over het uiterlijk van de reserveerpagina of -sectie dan kan je als basis het script js/nappkin_api.js gebruiken.

Installatie instructie:

• installeer de plugin amr shortcode any widget Met deze plugin kun je widgets opnemen in een willekeurige pagina
• comprimeer de inhoud van de map WordPress/ tot nappkin.zip
• kies in WordPress: Add new plugin
• upload nappkin.zip
• ga naar Appearance widgets
• sleep de Nappkin plugin naar het panel Widgets for Shortcodes
• vul het id in dat je van Nappkin hebt ontvangen
• maak een nieuwe pagina aan en neem daarin de code [do_widget nappkin] op

index.html is een referentie implementatie die gebruik maakt van js/nappkin_api.js. Je kunt dit bestand en de inhoud van js/ en css/ overnemen op je website.

Het script js/nappkin_api.js bevat de basiscode die nodig is voor de communicatie met de Nappkin server. Om de code te gebruiken instantieer je het Nappkin object als volgt:

var locationId = 2; //  demo locatie - vraag de juiste code op bij Nappkin
var nappkin = new Nappkin(locationId);

Het object Nappkin bevat twee functies:

// Opvragen beschikbaarheid per dag en per tijdslot over de maand van de  opgegeven datum
getAvailablityForMonth(date, success, failure);

//  Aanmaken nieuwe reservering
createNewReservation(reservation, success, failure)

Retourneert een object met daarin per datum en per section (lunch of diner) de beschikbaarheid per tijdslot. Het veld available bevat het aantal beschikbare plaatsen in het betreffende tijdslot.

{"result":
    {"dates":
        [
            {
            "date":"2015-11-01",
            "sections":
                [
                    {
                    "start":"12:00",
                    "name":"Lunch",
                    "countGuests":0,
                    "slots":
                        [
                            {
                            "start":"12:00",
                            "available":50
                            },
                            {
                            "start":"12:30",
                            "available":50
                            }
                         ]
                    },
                    {
                    "start":"18:00",
                    "name":"Dinner",
                    "countGuests":0,
                    "slots":
                        [
                            {
                            "start":"18:00",
                            "available":50
                            }
                        ]
                    }
                ]
            }
        ],
        "maxGroupSize":6
    }
}

createNewReservation(reservation, success, failure)

reservation = {
    date: new Date(),
    pax: 2,
    name: "Jansen',
    email: "email@domain.com",
    phone: "06221123",
    notes: "Graag bij het raam",
    langauge: "nl"
}

Voor vragen en opmerkingen kan je contact opnemen met de servicedesk via support@nappkin.nl