If the Select a Time button doesn’t appear correctly, you don’t need to code! Try this:
Step 1: Verify that you have integrated Easy Appointment Booking with your Theme
✅ This is the most common reason why the Select a Time button is not showing.
In the Easy Appointment Booking app, go to Settings > Theme Integration.
Click "Go to theme editor" which will pre-select this app to embed on your theme.
Make sure Appointment Booking switch is turned on like below. Click Save.
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: Make sure you're viewing your product page (/products)
Make sure you are looking 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'
To market your event from the homepage, please see this article
Step 3: 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. 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 button appears
Alternative: 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 can do this for you!
If this still doesn't work, you will have to define the button class of your Add to Cart button in the app. class name of your Add to Cart button governs the style of that button.
Right click on that button, 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, 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. See your event and the Select a Time button appears
If you need further assistance with this, please email us at hey@getservicify.com and we will take care of it for you!