Please follow the below steps for the "Select a Time" button to appear on your event page.
Step 1: Integrate Easy Appointment Booking with your Theme
✅ This is the most common reason why the button does not show.
In the app, go to Settings > Theme Integration.
Click "Go to theme editor" which will pre-select this app to embed on your theme.
Ensure Appointment Booking is turned on like below. Click Save on top right.
Back to the app, go to Dashboard > View in Store to verify that the button loads.
If your theme has been integrated and you still cannot see the Select a Time button, follow the instructions below.
Step 2: Ensure the app is enabled
A) Navigate to the Settings tab in our app > General Settings.
B) Ensure the app is enabled, as shown below. If not, click on Enable.
Step 3: Make sure you're viewing your product page (/products)
Look at the product page for the event that is tied to the app. The webpage URL should contain “/products/” in it. For example, it can be found when you click 'View' next to the event name from the Dashboard tab in our app > Show All Events.
If "Add To Cart" appears on your collection or search view, you can hide it in a few quick steps, please see this article.
Step 4: Make sure your product template has buttons visible
If you're on the product page and the button does not appear at all, check your theme template:
1. From the left-hand menu on Shopify Admin, go to Online Store > Theme > Customize
2. On the top dropdown, click on products and the main template
3. Go to the left-hand side and ensure that Buy Buttons are enabled
4. Click Save, go back to your event (App Dashboard, View) and verify the "Select a Time" button appears.
Step 5: Check Product Settings
Please ensure the following properties are set
You have published your product on your Online Store sales channel.
Track quantity is disabled.
Product is a digital product or service
This ensures your page is visible and you don't have a "Sold Out" message.
Switched themes and the button disappeared?
When you switch to a new Shopify theme, the app embed needs to be re-enabled on the new theme. Follow Step 1 above to integrate with your new theme.
Tip: After any theme change, always go to Settings > Theme Integration and click "Go to theme editor" to verify the app embed is enabled on your active theme.
Button disappears when switching variants?
Some themes don't update the page URL when a customer switches between variants. Our app relies on the URL changing to detect which variant is selected and load the correct calendar.
Symptoms:
The "Select a Time" button shows for the first variant but disappears when switching to another
The wrong calendar loads after switching variants
Solution: Reach out to us at support@getservicify.com — we can add a small script to your product page that refreshes the calendar when the variant changes. This is a quick fix we do regularly!
Conflict with Dynamic Checkout Buttons?
Shopify's dynamic checkout buttons (e.g., "Buy it now", Apple Pay, Google Pay) can sometimes interfere with our "Select a Time" button. If you notice the button is missing or positioned incorrectly:
Go to your Shopify theme editor (Online Store > Themes > Customize)
Navigate to your product page template
In the product section settings, try disabling "Show dynamic checkout buttons"
Click Save and check if the "Select a Time" button appears correctly
If you need dynamic checkout buttons enabled, reach out to us and we can help with a custom fix for your theme.
Want the button on non-product pages (home page, landing pages)?
The "Select a Time" button only loads automatically on product pages (/products/...). To show your calendar on other pages like your home page, landing pages, or store locator, use our Storefront Widget. See this article for setup instructions.
If you're using app blocks on non-product pages and they're not loading, make sure:
The app embed is enabled in your theme (Settings > Theme Integration)
You've added the correct Event ID from the Marketing section of your event
The page template supports app blocks (some custom templates may not)
Step 6: Just reach out, we will help you!
Sometimes the app doesn't quite find your add-to-cart button; our team is available to help!
Email us at hey@getservicify.com and we will take care of it for you! Or you chat with us on the bottom-right of this article :)
Alternative 1: If your button says "Add to Cart", then update the button class in the app
NOTE: This is a technical step. If you are not comfortable, reach out in the chat app for help and we would be happy help you!
If this still doesn't work, you will need to define the button class of your Add to Cart button in the app. The class name of your Add to Cart button governs the style of that button. To do this, please:
Right-click on the "Add To Cart" button from your product page > Inspect, find that button’s class, and copy the class name.
If the class name has spaces in between them, replace those spaces with periods (.) and place a period before the first class. For example, if your class name is
add-to-cart main
Copy and tweak that to be
.add-to-cart.main
3. In the app, head to Settings tab > General, scroll to the Advanced section, Add to Cart Selector, and replace the text with the string you created with periods
( .add-to-cart.main ). Click Save
4. Check your event and that the "Select a Time" button appears
Is there a way to launch the Easy Appointment Booking app on a draft theme/site?
Yes! You can have the app embed enabled (Online Store > Theme > Customize > left-hand side App Embed > enable Easy Appointment Booking).
Then, when creating an event, you can do so with a draft product. To view the event and test it, you can go to the Shopify product and test/show it in preview.
Alternative 2: If your button loads slowly from "Add to Cart" to "Select a Time", then use metafields
NOTE This is a technical step. If you are not comfortable, reach out in the chat app for help and we can help you!
This approach disables the Add to Cart button so it is not clickable, and customers do not mistakenly book without a date and time. This helps prevent Orders without bookings as well.
Please see this article on how to disable the "Add To Cart" button from your product page!