Skip to main content

Step-by-step guide to creating booking for a product page

Learn how to set up booking for listed products in Shopify

Andrey Gadashevich avatar
Written by Andrey Gadashevich
Updated yesterday

With appointment booking, your Shopify store becomes more than just a place to sell products. Instead of just adding items to a cart, your customers can book time slots for services, consultations, or unique experiences.

Let's set up booking for a product step by step:

Step 1: Choose your booking setup

When you open SLOT, you'll see two options:

  1. Link to a product: Connect bookings to an existing Shopify product

  2. Create custom page: Make a standalone booking page (Pro feature)

For creating a booking for for product, continue with 'Link to a product'.

  1. Click on the "Select product" dropdown field

  2. Choose the product/service you want to enable booking for

  3. Click "Next" to continue

Step 2: Calendar Settings

  1. Select the schedule type (weekly, biweekly, etc.) from the dropdown

  2. Toggle the "With breaks" switch if you want to add breaks during your working hours (optional)

  • Sunday & Saturday: These are set to "Unavailable" by default

  • Monday through Friday: Set your working hours

    • Use the time dropdowns to adjust start and end times for each day

    • Use "Apply to all" to copy Monday's schedule to all weekdays

  • Click the "X" button to set an unavailable day:

Step 3: Exceptions & Scheduling Conditions

  1. Days of Unavailability: Toggle this setting if you want to make specific timeframes unavailable (Pro feature)

  2. Number of Appointments per Time Slot:

    • Select "Limited" from dropdown

    • Set "Max number of appointments per slot" (default is 1)

  3. Number of Appointments per Day: Keep as "Not limited" or set a daily limit

  4. Advance Notice:

    • Toggle this setting to prevent last-minute bookings

    • Set the minimum time (e.g., "1 Minutes" before appointment starts)

Step 4: Appointment Settings

  1. Duration:

    • Keep "All day event" toggle OFF for timed appointments

    • Set Hours: 0, Minutes: 30 (for 30-minute appointments)

    • OR toggle "All day event" ON for full-day bookings

  2. Block Off Time:

    • Before Appointment: Set buffer time before each booking (Hours: 0, Minutes: 0)

    • After Appointment: Set buffer time after each booking (Hours: 0, Minutes: 0)

  3. Payment Options: Select "Payment is required" from the dropdown

Step 5: Save πŸ₯³

Click save.

After you publish the scheduling widget, Slot App's menu will appear on the left side. Here, you can manage and customize the scheduling widget:

Note: Make you have enabled the app in the theme.

To switch on the app:

  1. Click "Go to theme"

  2. Find "Appointment scheduler" in the left sidebar

  3. Toggle the switch to ON (turns green)

  4. Click "Save" in the theme editor

Did this answer your question?