Where do I find the booking widget?
Go to Administration > Booking widget. You'll find it in the sidebar under Business.
On the left there are four tabs: Appearance, Text, Booking flow and Embed. On the right you see a preview of the widget. That preview changes as you adjust things, so you see straight away what a customer will see. Above the preview you click through the steps of the widget, from Service to Confirmed.
Turning online booking on or off
At the top is the Online booking card with a switch. If you turn it off, Stippa first asks whether you're sure. After that customers can no longer make an appointment online and the card turns orange.
Your settings are kept. If you turn online booking back on later, everything is still the way you had it.
Appearance
Here you decide what the widget looks like.
- Style direction: choose a base style that suits your business: Stippa (default), Warm & beauty, Clean & clinical or Professional & business. Your brand colour goes on top. View examples shows the styles on a sample website.
- Font: Modern, Classic, Sharp or Soft. If you click the chosen font again, the widget goes back to the font of the style direction.
- Colour scheme: Light, Dark or Automatic. Automatic follows the setting on your customer's device.
- Primary colour: the colour of buttons and accents. Pick one of the sample colours or set a colour yourself.
- Accent colour: the colour of the labels.
- Corners: how square or round cards and buttons are.
- Logo: turn on Show logo and upload your logo (PNG, JPG or WEBP). It then appears above the widget.
- Cover image: a banner at the top of the widget and on your public page. If you don't upload anything, Stippa leaves the banner out altogether.
If a colour is so light or so dark that the text on it becomes hard to read, you see a warning under the colour picker. Choose another shade then, or your customers will struggle to read the buttons.
Text
Here you change the text customers read along the way. First choose the step: Service, Date / time, Details or Confirmed. If you have the Products module on, Products is in there too.
For each step you see the fields that belong to it, such as the Welcome heading, the Confirm button label and the Success description. If you leave a field empty, the widget uses the default text. Next to each field you see how many characters you have left.
If your business offers the widget in more than one language, choose the language you're editing at the top. Each language has its own text.
Booking flow
Here you decide what customers see and have to fill in.
Service details
- Show prices and Show duration: whether customers see the price and duration when choosing a service. Both are on by default.
- Show language picker: customers choose the widget's language themselves. You only see this if you offer more than one language.
Booking steps
- Staff selection: customers choose themselves who they book with. If you have only one staff member, you can't turn this on.
- Confirmation step: customers see an overview before they send the booking.
- Smart suggestions: returning customers see their favourite times and services.
- Show products step: customers add products while booking. That only works if the Products module is on and you have at least one active product.
Contact & security
- Phone required: customers have to fill in a phone number. This is on by default. If you turn it off, a customer without a phone number gets no WhatsApp reminder.
- Bot protection: a Cloudflare Turnstile check that stops spam and automated bookings.
Category display For Services and Products separately, you choose how customers move through your categories: Drill-down (default), Headers only or Flat list.
A waitlist sign-up link for when there's no room left isn't turned on here. That's Direct sign-up from booking widget under Administration > Waitlist, if you have the Waitlist module on.
Embed
Here you put the widget on your own website.
- Under Allowed websites, add your website's address, for example
https://mijnsalon.nl. The widget only appears on addresses listed here. - Under Embed code, choose how the widget sits on your site: Inline, as a Popup button or as a Floating button.
- Under Language, choose which language the widget opens in. Automatic follows your website's language and then that of your customer's browser. If you offer more than one language, Show language picker decides whether customers on your site can choose another language themselves.
- Copy the code and paste it into your website.
Want to keep track of how many bookings come in through your website? The widget sends the event stippa:booking_completed as soon as a booking is complete. Your web developer can listen for it.
When Appearance and Embed are locked
Appearance and Embed belong to the Widget design module. You can always change Text and Booking flow.
- If Widget design isn't in your subscription, both tabs show a lock with the plan it does come with, plus Compare plans. Customers then see the widget in the default style, with a "Powered by Stippa" label.
- If it is in your subscription but the module is off, it says Widget design is switched off, with a Go to modules link. Turn the module on there and the tabs work again.
Sharing and checking
At the top right, above the preview, there are two cards.
Can a customer book you? checks whether customers really can make an appointment and names the first free moment. If something is wrong, for example because there's no active service or no opening hours have been set, the card says why and Resolve takes you to where you fix it. Check now checks again.
Share your widget shows your booking link, with:
- Copy link and Open widget
- QR code: download the QR code, a Poster (A4) or Cards (8 per sheet). If Can a customer book you? reports a problem, you can't download the poster and the cards. That way you don't print fifty cards that point to an empty calendar.
- Targeted link: a link with a service already filled in, and a staff member or a fixed time too if you like.
Saving happens by itself
There's no save button. As soon as you stop typing or clicking, Stippa saves your change. Under the share card you briefly see Saving… and then Saved. Customers see the new settings the next time they open the widget.
Booking window and time slots
How short notice and how far ahead customers may book isn't set here. That's under Administration > Online booking, on the When tab (Minimum notice and Maximum advance booking). There you also set how many minutes apart new times start, under Slot intervals.
More on that in setting up online booking.
