How do I add the booking system to my website?

Add a “Book now” link or button that opens your booking page; there’s no embed code or plugin.

Setup and integrations

Adding booking to your own website takes a few minutes and no programming. What you add is a link or button that opens your 4appointments booking page. The tool doesn’t offer embed code, a plugin or an API at the moment, so the calendar opens on its own page rather than inside yours.

Copy your booking link in the panel using the copy button. The business has one link, and each provider has their own, so you can send visitors to the whole business or straight to one person’s calendar.

Add a button or link on your site. Every website builder lets you link text or a button to an address, so use wording that suits you, such as “Book now” or “Book an appointment”. Place it in the menu, the header and next to your services, so visitors see it wherever they decide.

Make the page match your site. The booking page shows your business name, your logo (given as a web address) and your primary colour, all set under “Branding”. Choose a colour close to your site’s own so the move between the two feels natural.

Know what to expect. The booking page opens on 4appointments’ own address, not on your domain, and there’s no widget, iframe or script that places the calendar inside your page, so a link is currently the only route. Test it from a phone: click the button, make a test request, then confirm or reject it in the bookings section. The page’s language depends on the link, so check it before you publish the button.

What to remember

  • ✓A link or button is all you need on your site
  • ✓One link for the business and one for each provider
  • ✓No embed code, plugin or API is available at present

Common questions

Can I change the colour of the booking button to match my site?+

The button belongs to your website, so you style it with your own tools. The colour of the booking page itself is set under “Branding” in the panel.

Is it possible to embed the calendar inside my own page?+

No. There’s no widget or iframe, so the calendar always opens on the 4appointments page your link points to.

More guides to read

Bring booking to your website

Copy one link, place it on a button and you’re done. The first 12 months are free, with no card.

Give 4appointments a go