How do I add the booking system to my website?

Add a Book now link or button that opens your booking page; there is no embed code or plugin.

Setup & 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 does not 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 and content system lets you link text or a button to an address, so use the 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 target match the 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 is no widget, iframe or script that places the calendar inside your page. If you need that, a link is currently the only route.

Test it from a phone. Open your site, click the button and make a test request, then confirm or reject it in the Bookings section. Remember that the language of the page depends on the link, so check it before you publish the button.

Key points

  • ✓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
  • ✓The booking page uses your name, logo and colour

Frequently asked questions

Can I embed the calendar inside my own page?+

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

Can I change the colour of the button on 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.

Related guides

Add booking to your website

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

Try 4appointments