Um den Bookingflix-Buchungskalender auf der eigenen Website zu integrieren, gibt es **mehrere Varianten**.
npm install bookingflix_calendarUm den Bookingflix-Buchungskalender auf der eigenen Website zu integrieren, gibt es mehrere Varianten.
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"))))
---
`html
---
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
``