Skip to content

Integration overview

All methods use the same calendar and the same rules. When the business changes a price or opening hours in the panel, the change applies everywhere.

Method For What you get
Booking link No developer needed A ready booking page; works without a website
Booking dialog Any website A “Book” button opens a dialog over the site; full screen on phones
Inline form Any website The same form embedded in a page, e.g. /book
Ready-made sections Any website Price list, team, opening hours, contact and portfolio in the business’s theme
JSON Developers Published data for your own design
  • No website or the fastest start: link.
  • A website that just needs a button: dialog.
  • A dedicated booking page: inline form.
  • Always-accurate price list and team on the site: sections.
  • A fully custom design: JSON, plus the dialog or link for booking itself.

Methods can be combined. The most common combination is sections for content and the dialog for booking.

Add the site’s domain to the list of connected sites in the panel, under Website integration. Without it, the dialog and inline form will not run on that domain. See Security.

  1. In the panel open Site connection and fill in the New connection form.
  2. Name: for you, for example “Main site”.
  3. Mode: Link, Dialog over the site, Inline form, JSON data or Four ready sections.
  4. Optionally choose a Location, Staff member or Service to preselect.
  5. Enter your site’s domains, for example https://yourbusiness.com. If the site also works with www, add https://www.yourbusiness.com too. See how to enter a domain.
  6. Click Save connection.
  7. In Connected sites click Copy and paste the code into your site, or send it to your site builder.
  8. Click Check connection.

If someone else maintains your site, you have two options:

  • Invite them as a partner. They take the code from the panel themselves and see the connection status, without seeing clients or bookings. See Roles and permissions.
  • Send them the code from the panel and a link to this page. The code already contains your firm’s link name and the system addresses; nothing needs changing.

In Connected sites each site has two separate statuses.

Connection tells whether the code works on the site:

Status Meaning
Saved, not checked The connection is saved, but not checked yet.
Checked The check passed.
Check out of date after a change You changed the mode, domain or a choice; check again.
The check failed The code was not found on the site, or the domain is not entered exactly.

Freshness tells whether the site shows the latest publication:

Status Meaning
The form always reads the server (live) The link, dialog and form are always current; nothing needs refreshing.
Published in the system · the site has not confirmed the version yet Published, but the site has not reported which version it shows.
Confirmed up to date The site shows the latest publication.
Site awaiting refresh The site shows an older publication. Sections refresh on their own; a static site must be rebuilt.
Refresh failed The site could not load the new publication.