You can customize where the Pickeasy date and time picker appears on the product page.
How to position the booking widget
1. Go to BookX “Settings” and click “Edit” on Widget Configuration.
2. You can set where the date and time picker should appear:
Default (above Add to cart button): The date and time picker will appear above the “Add to cart” button.
Custom position using CSS selectors: Use a custom CSS selector to position the widget on Desktop and Mobile devices.
- Set the HTML position:
- Before a HTML element
- At the start of HTML element
- At the end of HTML element
- After a HTML element
- Enter the HTML selector accordingly.
3. Set your slot visibility to control how much slot information is shown to your customers.
- Enable the “Hide end times” option to only show the start time for each slot. Best for services in which only start time is necessary.
- Enable the “Hide the number of remaining or total available slots” option to to hide the number of slots remaining.
4. Once you set the widget position, click “Save” to apply the changes.
If you need further help with positioning the booking widget, please contact our customer support.