On a product page for one of your services, customers see a Select a time button. It opens the booking calendar. The button comes from one switch in your theme, the Appointment Booking app embed. You do not need to edit your theme or change product templates.
Turn on the app embed
- In Easy Appointment Booking, click Settings > Theme integration.
- Look at the label next to Theme app embed:
- Active — it is already on. You are done.
- Not active — follow the steps below.
- Click Go to theme editor. Your theme editor opens with the app embeds showing.
- Switch on Appointment Booking.
- Click Save in the top right of the theme editor.
- Go back to the app and click I've saved—check status. The label changes to Active.
To check the result, open a service from the Dashboard and click View in your store.
The app embed belongs to one theme. When you publish a new theme, turn it on again in the new theme. The Theme integration page shows Not active until you do.
Where the button shows
The button shows on the product pages of your services. It does not show on collection pages or search results. To take bookings on your home page or another page, see Take bookings on any page.
To make sure customers cannot skip the booking step, hide the normal Add to cart button. See Hide the Add to cart button.
If the button still does not show
Work through The calendar is not showing on my store first. It covers the common causes.
The app cannot find your Add to cart button
The app puts Select a time where your theme's Add to cart button is. Some custom themes build that button in an unusual way, and the app cannot find it. You can tell the app where it is.
This is a technical step. If you are not comfortable with it, click Support in the app menu and we will do it for you.
- On your product page, right-click the Add to cart button and choose Inspect.
- Find the button's
classand copy the class names. - Put a period before each class name and remove the spaces. For example,
button add-to-cartbecomes.button.add-to-cart. - In the app, go to Settings > Theme integration > Theme overrides.
- Paste it into Add to Cart Selector.
- Click Save and reload your product page.
The same section has Buy Now Button Selector for your theme's Buy it now button.
The button disappears when a customer changes the product option
Some themes do not tell the app when a customer picks another variant. Contact support and we will fix it for your theme.