EN
PortuguêsEnglishEspañol
All tools
Developer tools 100% free

WhatsApp booking widget for websites (service, day and time)

Write your services, tick the opening days and add the time slots. The preview really works: pick a time to see the message.

How to use

Thank you so much for helping!

Every donation helps pay for the servers and keeps the tools free for everyone. Pick or type an amount:

Secure payment by Stripe. Opens in a new tab.
Back to Ready-made site blocks

Booking request in three taps

Opening days

Available in: PortuguêsEnglish

Advertisement

WhatsApp booking widget for websites (service, day and time): what it is for

Add a simple booking widget to your website: the customer picks the service, the day and the time, types their name and sends the request, fully written out, to your WhatsApp. You set the services, with duration or price, the opening weekdays, the time slots, how many days ahead are shown, the minimum notice and closed dates such as holidays.

Today only shows the times that have not passed yet, and days without service are left out. Since there is no server, the slot is not reserved on its own: you confirm or reschedule in the WhatsApp chat. The code is lightweight HTML, CSS and JavaScript, with big buttons for phones.

How to use

  1. Write the services and time slots.
  2. Tick the opening days and closed dates.
  3. Test it in the preview and copy the code.

When to use it

  • Hair salons and barbershops.
  • Beauty clinics and nail studios.
  • Repair shops, pet shops and studios.

Frequently asked questions

Is the time slot reserved automatically?

No. The customer sends a booking request on WhatsApp and you confirm it in the chat. Since there is no server, the tool cannot know which slots are already taken. For many businesses that is even better: you confirm, reschedule or offer another time in the same place where you already talk to customers.

Can I block holidays and days off?

Weekdays without service are already left out. For specific dates, such as holidays and vacations, write them in the Closed dates field, one per line, in day/month format.

How many days ahead can the customer choose?

You decide. The default is 14 days. Today only shows the times that have not passed yet, counting the minimum notice you choose.

Is it really free?

Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 tools are free and run right in your browser.

Similar tools

Delivery area checker for websites (neighborhood and fee)Add a field to the website of your delivery business, pizzeria, grocery store or shop where customers type their neighborhood and instantly see whether you deliver there, the fee and the delivery time. You write the list of areas you serve and get ready-made HTML, CSS and JavaScript, with no server and no monthly fee, plus an order-on-WhatsApp button.Open →
Announcement bar for websites (top banner)Create the announcement bar that sits at the top of your website to promote a sale, free shipping, holiday hours or news: text, link, colors, a close button that remembers the choice and an option to show it only until a date.Open →
Progress steps bar for websites (HTML and CSS stepper)Generate a steps bar (stepper) for checkout, multi-part sign-up, order tracking or how it works sections: numbered steps, the current step highlighted, completed ones with a check mark, horizontal or vertical. Semantic HTML with aria-current, pure CSS and your brand colors.Open →
Free shipping progress bar for online storesGenerate the "you are $30 away from free shipping" progress bar for your online store cart: minimum amount, messages before and after reaching it, colors and a function to update it with the cart total. Plain HTML, CSS and JavaScript.Open →
Reading progress barGenerate the thin bar at the top of the page that shows how much of the article has been read: built with CSS scroll-driven animations and a fallback script for browsers without support. Choose the color, height and position.Open →
Dark mode toggle button for websitesGenerate the light and dark theme toggle for your website: it follows the system theme by default, remembers the visitor's choice, does not flash the wrong theme on load and uses CSS variables and color-scheme to switch every color at once.Open →

The tools are provided as is, without warranty. We are not responsible for the results or for how they are used.