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 over 2 months ago

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 (specific days, or weekly, biweekly, etc.) from the dropdown.
    You can toggle the "repeat the schedule".


    Once you select "Specific days", you can add days:

  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:

This is how booking button on the product page will be:

You can update the button text in the widget customization settings.

To preview the booking, click the eye icon near the appointment title:

Note: Make sure 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

Need Help?

If you have any questions, please contact our support team.

📩 Contact Support: Reach out to us via live chat or send an email to [email protected]

Did this answer your question?