Blog
Adding a booking system to your website: link, button or widget
In short
You can put your online booking system out in three ways: as a link, as a button or as an embedded widget. The link is the address of your booking page, which you can paste anywhere: in your Instagram profile, on a Facebook button, in your Google Business Profile, in your email signature. The button sits on your website and points to this link. The widget is a short piece of code that makes the booking page appear directly on one of your website’s pages, so the client does not go anywhere else.
In WordPress the widget code goes into a “Custom HTML” block; in Wix and most site builders into the “HTML embed” or “Embed” element. If the site builder does not allow your own code, use a button with the link. In your shop, a QR code on the counter or the mirror lets clients book their next appointment on the spot. Start with the link, because it is out everywhere in five minutes, and embed the widget when you have a website that clients actually reach. You only need to paste the widget code once: if you change your services or your opening hours, the embedded booking page shows the latest version by itself.
Three ways
- Link. The address of your booking page, which you can paste anywhere. This is the fastest.
- Button. A “Book an appointment” button on your website that points to the link.
- Embedded widget. The booking page appears directly on one of your website’s pages; the client does not go anywhere else.
Which one should you choose?
If you have no website, or your clients mostly come from Instagram and Google, the link is enough. Your booking page is a standalone page, it works on phones too, and you give the same address everywhere.
If you have a website, and many people look at your prices or your work before they book, it is worth embedding the widget at the bottom of the price list or of the “Booking” page. The client decides there, and books there too.
The button is in between. It is good if there is little space on your website, or if you want to make booking available from several pages, for example from the header and from the bottom of every service page. The button can be a simple link, but it can also open a pop-up window in which the booking page appears.
WordPress
Paste the widget code into a “Custom HTML” block on the page where you want the booking page. If you only want a button, put the booking link in the link of the Button block.
From WordPress 7.0, a <script> or <iframe> written into a Custom HTML block is only kept for users who are allowed to save unfiltered HTML, for example administrators. Without this permission, for example with a contributor account, WordPress filters it out when saving. If the code disappears, paste it in as an administrator.
Step by step: open the page for editing, click the plus sign, find the “Custom HTML” block, paste the code into it, then save and preview the page. If you use a caching plugin, clear the cache after saving, otherwise the old page may stay online.
Wix and other site builders
Wix, Squarespace and most site builders offer an “HTML embed” or “Embed” element. The widget code goes there. If the site builder does not allow your own code, use a button with the link.
Some site builders put the embedded element in a frame of fixed height. In that case, drag the frame high enough for the last step of the booking page to fit, and check it on a phone too.
Instagram, Facebook, Google
- Instagram: put the booking link in the Website field of your profile, and share it in stories with a link sticker.
- Facebook page: set the page button to the “Book now” or “Learn more” type, with the booking link as its target.
- Google Business Profile: when editing the profile, add the address as the booking or appointment link. According to Google’s help, at most 10 links can be added per category, and you can choose which one is the primary link.
The Google Business Profile is especially important, because many people who search for things like “hairdresser near me” would book straight from the map. If your link is there, one tap takes them to your free slots.
A QR code in your shop
With a QR code on the counter, the mirror or the shop window, clients book their next appointment on the spot, from their phone.
Print the QR code at least 3 cm wide, and write next to it what it is for: “Book your next appointment”. You can also put it on your business card, on the back of the receipt or on the label of a product you give the client.
Check it with a client’s eyes
Once your booking page is out, book an appointment with yourself from your own phone, on mobile data. Check whether you can find the button at the top of the page without scrolling, whether it is clear which service to choose, and whether the confirmation email arrives. Then cancel the test booking with the link in the email.
If something is unclear, the problem is usually the name or the description of the services. A client cannot know the difference between “Balayage S” and “Balayage M” if you do not write what hair length each one is for.
In FoglalGo
You find the booking link and the QR code on the dashboard home page, and the widget code in Settings, in the section for embedding the booking page in your own website. You can choose from three variants: the booking page appears where you paste the code; a button goes on your website, and the booking page opens in a pop-up window when it is clicked; or the booking page starts with a single service selected in advance, which suits the bottom of a service page. The frame of the embedded booking page grows by itself as the client moves through the steps, so it has no separate scrollbar. If you get stuck, write to info@foglalgo.com. All the features are here.
Sources
- WordPress documentation: Custom HTML block: using the Custom HTML block
- Wix Help Center: Embedding a Site or a Widget: HTML embeds and the height of the frame
- Google Business Profile Help: Links for local businesses (in Hungarian): a booking link in the Business Profile
Last checked: 12 October 2026