Servicify integrates with Shopify through a set of app extensions — modular pieces of UI that appear in specific places across your store, your admin, and your customers' accounts. None of them require editing theme code, and they update automatically when Servicify ships improvements.
Here's a map of every extension, where it lives, and what it does.
Storefront (theme) extensions
These are App Blocks that you add to your theme in the Shopify Theme Editor. They control how the booking calendar appears on your storefront.
Select a Time button
The most important block. It replaces the standard Add to Cart button on any product page linked to a service. When a customer clicks it, the booking calendar opens so they can choose a date and time before adding to cart.
Where it appears: Product pages on a dedicated Events template.
How to set it up: The "Select a Time" Button
Popup Calendar Button
A standalone Book now button you can place anywhere in your theme — your homepage hero, a landing page, a blog post sidebar, or inside any existing section. Clicking it opens the booking calendar in a full-screen overlay.
Where it appears: Any page you choose in the Theme Editor.
Settings in the block:
- Product — the Shopify product linked to your event (optional on product pages, required everywhere else)
- Event Unique ID — copy this from Events > [your event] > Marketing
- Button label — defaults to "Book now"; change it to match your copy
- Additional CSS classes — for custom styling if needed
Inline Calendar
Embeds the full booking calendar directly on the page — no button click required. The calendar renders inline wherever you drop the block, making it ideal for dedicated booking pages.
Where it appears: Any page you choose in the Theme Editor.
Settings in the block:
- Product — the Shopify product linked to your event
- Event Unique ID — copy from Events > [your event] > Marketing
Use the Inline Calendar for pages where booking is the primary action — for example, a "Book a Consultation" landing page. Use the Popup Calendar Button where booking is secondary, so it doesn't compete with other page content.
Featured Service Card
Displays a product image, title, and a Select a Time button as a self-contained card. Useful for showcasing a single service on your homepage or in a sidebar without building a full section from scratch.
Where it appears: Any page you choose in the Theme Editor.
Settings in the block:
- Product — the service you want to feature (auto-fills on product pages)
- Variant ID — optional; leave blank to use the first available variant
How to use storefront blocks on non-product pages: Taking Bookings on Any Page
Admin extensions
These extensions appear inside Shopify Admin and make it faster to act on booking information without switching apps.
Booking Details block
Adds a Booking Details panel directly on the order details page in Shopify Admin. When you open any order that contains a booking, you'll see the service name, booked date and time, attendee count, and booking status — without leaving the order.
Where it appears: Shopify Admin > Orders > [any order] — in the right-hand column.
View Booking link
Adds a View Booking action link on the order details page. Clicking it takes you directly to that booking in the Servicify app.
Where it appears: Shopify Admin > Orders > [any order] — in the order actions menu at the top right.
Customer account extension
Manage Booking
Adds a Manage Booking option to your customers' order history in their Shopify account. Customers can view their booking details and, if you've enabled it, reschedule or cancel directly from their account — no need to email you.
Where it appears: Customer Accounts > Order detail page — as an action button on any order containing a booking.
This extension requires the new customer accounts experience in Shopify (not the legacy accounts). You can check or switch this under Shopify Admin > Settings > Customer accounts.
POS extension
Book appointments from POS
Adds a Book Appointment tile to the Shopify POS home screen. Staff can look up a service, choose a date and time, and create a booking on behalf of a walk-in or phone customer — all from the POS device.
Where it appears: Shopify POS home screen as a tile.
How to use it: Point of Sale
Managing your extensions
To see all active extensions in one place, go to Settings > App Extensions in the Servicify app. From there you can:
- Confirm which extensions are installed and active.
- Open the Theme Editor directly to add or configure storefront blocks.
- Run Cleanup scripts to remove any legacy embed code left over from older setups.
If you switch to a new Shopify theme, your storefront blocks (Select a Time button, Popup Calendar Button, etc.) need to be re-added in the Theme Editor — theme customizations are stored per theme and do not carry over. The admin, customer account, and POS extensions are unaffected by theme changes.
Next steps
- The "Select a Time" Button — set up the booking button on product pages
- Taking Bookings on Any Page — add the Popup Calendar Button or Inline Calendar to your homepage or landing pages
- Point of Sale — take bookings from Shopify POS