Skip to main content

Adding the Bookings Button to Your Website

Discover how to easily add a 'Book Now' button to your Durable website, allowing customers to effortlessly schedule appointments directly from your site.

Written by Mark

Making your services easily accessible to customers is key! With Durable, you can add a 'Book now' button directly to your website, providing a seamless scheduling experience.

When to Use the Booking Button

Use the booking button to allow customers to easily schedule services directly from your website without back-and-forth communication.

This is especially helpful for:

  • Service-based businesses offering appointments

  • Businesses that want to automate scheduling

  • Improving customer convenience and conversion rates

The booking button works best when it is visible across your site so customers can access it anytime.

Add the Booking Widget

To add the booking widget to your website, you can:

  • Go to the Booking product page in the sidebar and follow the setup instructions

  • Go to the calendar icon in the website editor (top right) and follow the setup instructions

Once booking is enabled, the "Book now" button will appear on your website.

Updating Booking Services

Enabling the booking feature in Durable makes 'Booking' an available link type for buttons across your website, including in your header, Call to Action sections, and other button elements.

From your Durable dashboard:

  1. Click Website in the left-hand navigation menu

  2. Navigate to any page to view the booking button

  3. Click Edit on the "Book now" button to adjust the linked booking services

This will open the Booking services panel, where you can confirm or update which services are available through the button.

To set an existing button's link type to Booking:

  1. Navigate to the section containing the button you wish to edit.

  2. Click the edit icon on the button.

  3. In the 'Call to Action' modal, under 'Link Type', select the Booking tab.

  4. You will see a message: 'Visitors can book appointments from this button'. Click 'Settings' to configure your booking services if needed.

  5. Update the 'Button label' (e.g., 'Schedule', 'Book Now').

  6. Click 'Done' to save your changes.

Customer Booking Experience

Here's what your customers will experience when they use the 'Book now' button on your website:

  1. Pick a Service: After clicking the 'Book now' button, a 'Pick a service' modal will appear. Customers will see a list of your available services, including their duration and price. They select their desired service and click Continue.

  2. Pick a Time: Next, a 'Pick a time' calendar will display your available dates and time slots based on the weekly schedule you configured. Customers can navigate through months and select a suitable time. Once a time is chosen, they click Continue.

  3. Share Details: Finally, the 'Share details' form will appear. Customers will fill in their personal information (First name, Last name, Email address, optional Phone number, and Address) and answer any custom questions you've set up (e.g., selecting an option for a custom question you've set up like 'Preferred Service Time').

  4. Confirm Booking: After reviewing their details, the customer clicks Confirm Booking.

  5. Confirmation: A "You're all set! Booking Confirmed!" message will appear, summarizing their scheduled service, date, time, location, and total cost. A confirmation email will also be sent to their provided email address.

Best Practices

  • Keep your services clearly named and easy to understand

  • Ensure your availability is accurate and up to date

  • Add helpful descriptions or custom questions when needed

  • Test the booking flow from a customer's perspective

If you need help setting up your booking widget or managing your services, you can always connect with our team for further assistance. We are happy to help.

Did this answer your question?