If the Select a Time button doesn’t appear correctly, you don’t need to code! Try this:
Step 1: Integrate 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.
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: 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'
To market your event from the homepage, please see this article
Step 3: Make sure the app is enabled
In the Easy Appointment Booking app, go to Settings > General.
Next to "Showing on Storefront", ensure it says "Easy Appointment Booking is Enabled"
If it doesn't show this, click on the "Enable" button > "Save"
Step 4: Just reach out, we will help you!
Sometimes the app doesn't quite find your add-to-cart button, but 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 :)
Step 5: 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 (if you're feeling brave): 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
Is there a way to launch the Easy Appointment Booking app on a draft theme/site?
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.
Email us at hey@getservicify.com and we will take care of it for you! Or you can chat with us on the bottom-right of this article :)