Book Timeslot Button

Book Timeslot Button Widget

The Book Timeslot Button Widget provides a customizable button that integrates with Bilberry’s timeslot booking system. This widget is perfect for activities, classes, or services that operate on scheduled time slots.

Key Features

1. Customizable Button Adaptable button styling and size to match your site’s design.

2. Buy or Book Mode Can be configured for either “Book” or “Buy” modes depending on your use case.

3. Responsive Design Automatically adjusts to different screen sizes with configurable mobile sizing.

How to Use

Add the widget to your webpage using the HTML snippet below.

Basic Example:

<bilberry-book-timeslot-button></bilberry-book-timeslot-button>

Advanced Example:

<bilberry-book-timeslot-button
    buy-or-book="buy"
    size="m"
    xs-size="s"
></bilberry-book-timeslot-button>

Widget Properties

Property	Description	Default Value	Required
buy-or-book	Type of button to display. Options: buy, book	book	No
size	Size of the button on desktop/tablet. Options: xs, s, m, l, xl	m	No
xs-size	Size of the button on mobile devices. Options: xs, s, m, l, xl	Same as size	No
language	The language code for localization	Auto-detected	No
lazy-load	Set to yes to defer loading the widget content until it is visible in the viewport	no	No

Setting Up on Wix

If you’re using Wix as your website builder, follow these steps to configure the widget:

1. Access the Configuration Guide: Refer to the relevant guide in these docs for general widget setup on Wix.
2. Use the Following Values:
   • Server URL: https://bilberry-widgets.b-cdn.net/v4/wix-wrappers/WixBilberryBookTimeslotButton.js
   • Tag Name: wix-bilberry-book-timeslot-button

Tips for Effective Integration

1. Clear Call to Action: Use appropriate sizing and the buy-or-book setting to create a clear call to action for your users.
2. Strategic Placement: Position the button prominently where users would expect to take action.
3. Consistent Styling: Choose sizing that complements your site’s design for a cohesive look and feel.
4. Mobile Optimization: Set an appropriate xs-size to ensure good mobile usability.

By integrating the Book Timeslot Button Widget effectively, you provide your users with a simple and intuitive way to book time-based services on your website.