Skip to main content

How to create a custom scheduling page?

Step-by-step guide on creating custom scheduling page

Andrey Gadashevich avatar
Written by Andrey Gadashevich
Updated this week

Besides adding a Book appointment button to your product pages, you can create a dedicated scheduling page in your Shopify store.

Example:

Step 1: Choose 'Create a custom scheduling page' option

  1. In the SLOT Appointment Booking app, go to Scheduling pages in the left sidebar.

  2. Under Other pages, click Add page.

Alternatively: If you’re in the setup wizard (the Choose booking setup screen), click Create a custom scheduling page.

Step 2: Set up basic booking info

  1. Enter the Title and Introductory text for your page.

  2. Click Next.

You’ll be taken to the Calendar settings page to continue configuration.

Use a clear, descriptive title and a short welcome line that explains what customers can book on this page.

Step 3: Set up calendar

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:

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 4: 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 5: 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 6: Save 🥳

Click save.

Note: By default, the URL slug for the custom page is /custom-scheduling-page.
We recommend changing the slug to something more descriptive.

To change the URL slug:

  1. In your Shopify admin, go to Online Store → Pages.

  2. Click the page you want to edit.

  3. Scroll to the Search engine listing section and click Edit website SEO.

  4. In URL and handle, update the slug.

  5. (Optional) Check Create a URL redirect to avoid broken links, then click Save.

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?