Bookinda Booking Widget

Deskripsi

The Bookinda Booking Widget plugin embeds the Bookinda online booking natively into any WordPress site, and puts the right booking on every page: the full booking, selected categories or services, one service’s free slots, packages or memberships, narrowed to a location or staff member. You pick everything from your own lists, with a live preview of the real booking in the block editor and in Elementor.

It supports four embed methods (Gutenberg block, Elementor widget, Classic editor toolbar button, shortcode) and two display modes (inline, or a button that opens the booking full screen).

The plugin is a thin client for the Bookinda SaaS booking platform (https://bookinda.hu). Since 1.2.0 it loads the Bookinda booking widget script from bookinda.hu, the same booking flow as on the Bookinda site, so every new Bookinda booking feature appears on your site without a plugin update. The older iframe embed is still available with engine="iframe". Booking lifecycle events are bridged to the host page as native DOM CustomEvents.

You need an active Bookinda account to use this plugin. The plugin itself is free.

Features

• Gutenberg block in the Widgets category with a live preview in the editor: the real booking widget, started with exactly the settings your page gets.
• Choose from your own lists: locations, categories, services, staff, packages and memberships are loaded from your Bookinda account, no IDs to copy.
• Filters: show the full booking, selected categories, selected services, one service’s free slots, packages, memberships, group classes or gift vouchers; narrow it to locations and staff. With one location the location step is skipped.
• Titles and texts: hide or rewrite the header (salon name, language, sign in), hide the step titles and descriptions. Everything is shown by default.
• Category image cards: guests first pick a category from picture cards, then see only that category’s services, with an “All categories” link back.
• Detailed services: each service with its description and reference photos, which open full size on click.
• Saved widgets: paste the ID of a widget you set up in Bookinda (Settings > Widgets), and its colours and content appear.
• Elementor widget with the same lists and options in the sidebar, and a live preview.
• Classic editor (TinyMCE) toolbar button with a dialog that inserts the appropriate shortcode.
• Shortcode [bookinda] / [bookinda mode="lightbox"] for any template, widget area, or content block.
• Inline mode: the booking flow is embedded directly in the content and grows with it.
• Lightbox mode: a button opens a fullscreen modal with the booking flow (mobile-optimized with sticky continue button, ESC and backdrop click to close).
• Preselection and deep links: services, staff, category, promo, location, plus view (skip the “what would you like to book” step: services, packages, memberships, groupClasses, giftVouchers), package and membership (open a specific package or membership purchase).
• Slug from any URL: paste bioskin, bioskin.bookinda.hu or https://bioskin.bookinda.hu, the plugin reads the slug from it.
• Host DOM events: bookinda:complete, bookinda:error, bookinda:step, bookinda:resize CustomEvents dispatched on document for custom integrations.
• Optional GA4 and Meta Pixel tracking: if the host page already loads gtag or fbq, the plugin can fire a purchase event on booking completion. Configured via plugin settings (off by default).

Where to find your tenant slug

Your tenant slug is the prefix of your Bookinda URL: https://YOUR-SLUG.bookinda.hu/manager/calendar. The slug is the part before .bookinda.hu.

External Services

This plugin connects to Bookinda (https://bookinda.hu), a third-party SaaS booking platform operated by Bookinda Kft. The connection is required for the plugin to function: the booking widget script is loaded from https://bookinda.hu/embed/v2/bookinda-widget.js and talks to the Bookinda API (https://api.bookinda.hu). With engine="iframe" the booking flow is loaded in an iframe from your tenant subdomain instead.

What is sent to Bookinda:

• When a visitor opens a page containing the booking widget, their browser loads the booking widget script from https://bookinda.hu/embed/v2/bookinda-widget.js, which requests your salon’s public booking data (services, free slots, staff, locations) from https://api.bookinda.hu. The request includes the embed settings you chose (what to show, filters, preselected IDs, language) and an analytics-only source=wp-plugin parameter so Bookinda can distinguish WordPress plugin traffic from other embed sources. With engine="iframe" the browser loads https://{your-tenant-slug}.bookinda.hu/embed/{your-tenant-slug} in an iframe instead.
• When the visitor proceeds with a booking, the data they enter (name, email, phone, payment details) is sent directly to Bookinda’s servers, not to your WordPress site. The plugin does not collect or store visitor data on the WordPress site.
• In the block editor and Elementor, your WordPress site fetches your salon’s public lists (locations, categories, services, staff, packages, memberships) from https://api.bookinda.hu so you can pick from them. These are cached for 10 minutes.

What is received from Bookinda:

• The booking widget HTML, CSS, and JavaScript, served from the Bookinda CDN.
• Booking lifecycle events (completion confirmation, step changes, height changes). The plugin re-broadcasts these as DOM CustomEvents on the host page.

Service documentation:

• Bookinda website: https://bookinda.hu
• Privacy Policy: https://bookinda.hu/adatkezeles
• Cookie Policy: https://bookinda.hu/cookie-szabalyzat
• Terms of Service: https://bookinda.hu/aszf
• Data deletion request: https://bookinda.hu/adatok-torlese

By installing and activating this plugin you acknowledge that visitor interactions with the embedded widget are subject to Bookinda’s Privacy Policy and Terms of Service. Please review them and ensure your site’s privacy notice reflects the data flow described above.