Select a Time on product pages

By default, the app works on product pages, as long as there is an “add to cart” button. Create a product, create an event, and that product’s “add to cart” shows as “Select a Time”.

Screen Shot 2023-12-17 at 12.23.58 PM.png

Select a Time on any page

You can add Easy Appointment Booking on any page if you add the product (which has an event) on that page. In your Shopify theme, go to that page and ****add a section **called "Feature Product" ****on your theme editor.

https://downloads.intercomcdn.com/i/o/910162887/cef7915bf396ef9ffbecc917/FeaturedProduct.gif

Once the "featured product" has been added to your page, your Add to Cart button will be changed to say “Select a Time”. Note: you may not see the "Select a Time” button while editing your website. Please check it on your live website and it should appear!

Customizing the text

You can change the text of the button in the Settings > Storefront section. The default is "Select a Time".

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/42649857-f3b2-4ca5-b779-1251da757bf7/Screen_Shot_2021-04-27_at_10.18.10_PM.png

Customizing the style

By default, Servicify will try to make the button look like the rest of the buttons on your store. It does this by analyzing your theme's CSS. You can change this by going to Settings > Advanced > Custom CSS Classes and entering in any class names that you want to add for your button.

If you are unfamiliar with editing CSS styles, contact us and we'll be happy to help you out.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c0756d47-f20e-4669-bf72-c1f7d1b44596/Screen_Shot_2021-04-27_at_10.18.58_PM.png