How can 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 connections
Adding booking to your own website takes a few minutes, and you don’t need any programming skills. 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 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 your site. The booking page shows your business name, your logo (given as a web address) and your primary color, all set under “Branding”. Choose a color 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. Test it from a phone: click the button, make a test request, then confirm or reject it in the bookings section. The language of the page 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
- ✓No embed code, plugin or API is available at present
- ✓The booking page uses your name, logo and color
Common questions
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 that your link points to.
Can I change the booking button’s color to match my site?+
The button belongs to your website, so you style it with your own tools. The color of the booking page itself is set under “Branding” in the panel.
More guides for you
Put booking on your website
Copy one link, place it on a button and you’re done. The first 12 months are free, with no card.
Start with 4appointments