Dokumentation Bookingflix Calendar

Um den Bookingflix-Buchungskalender auf der eigenen Website zu integrieren, gibt es mehrere Varianten.

Vorbereitung

$3

Benötigt wird immer ein _DATA_STRING_, den man via bookingflix.com/sign-in.html erhällt. Dieser setzt sich wie folgt zusammen:

_DATA_STRING_ via Javascript-Code erzeugen:

``js
Buffer.from(
JSON.stringify({
load: {
user: USER_ID,
ID: CALENDAR_ID,
lang: "de",
},
}).toString("base64")
);
`

Alternative via Javascript-Code:

`js
btoa(
JSON.stringify({
load: {
user: USER_ID,
ID: CALENDAR_ID,
lang: "de",
},
})
);
`

_DATA_STRING_ via PHP-Code erzeugen:

`php
base64_encode(json_encode(array("load" => array("user" => USER_ID, "ID" => CALENDAR_ID, "lang" => "de"))))
`

---

1. Integration in HTML

`html










data="DATA_STRING"
callback="calendarSettings"
>


`

---

2. Integration in Nuxt

Installation

`
npm i bookingflix_calendar --save
`

nuxt.config.js

`js
head: {
script: [
{
src: 'https://cal.bookingflix.com/vendor/save/de.js',
mode: 'client'
}
]
},
plugins: [
{ src: '~/plugins/calendar.js', ssr: false, client: true }
]
`

~/plugins/calendar.js

`js
import Vue from "vue";
import calendar from "bookingflix_calendar";

Vue.use(calendar);
`

Component

`html


`

---

3. Integration in Wordpress

Installation via Wordpress-Plugin

4. Integration via Einbettungs-Code

`html

``