Appointo, also called SidePanda – Appointment Booking, is a booking tool that works with your Shopify store. It simplifies the process of setting up appointments for services, classes, or events, making it ideal for businesses like salons, tutors, and event planners.

This tool helps prevent double-bookings and streamlines your scheduling, ensuring a smooth operation. Additionally, Appointo offers features like automated emails and texts for reminders, booking confirmations, rescheduling, cancellations, and collecting customer feedback. This article will help provide instructions on how to use the Appointo app with your PageFly pages.

Install Appointment Booking App

Appointment Booking App must be installed on your Shopify store, in order to use this element.

Install Appointment Booking App
Install PageFly

How To Access Appointo – Appointment Booking App

From PageFly Dashboard

In PageFly dashboard, follow these steps to access Appointo:

Step 1: Click on Extra functions on the left sidebar.
Step 2: Click Manage button next to the Integration
Step 3: Search for “Appointment Booking App” and hit the Activate button.

From PageFly Page Editor

In page editor, follow these steps to access Appointo:

Step 1: In the PageFly page editor, click Add third-party element on the left toolbar.
Step 2: Click Manage integrations or the gear icon on top.
Step 3: Search for “Appointment Booking App” and enable it.
Step 4: Click Close and the element will appear in the Add third-party element menu.

How To Configure Settings For Appointo

Step 1: Add Your Product (Appointment) and Configure in Appointo

Go to Shopify Admin, navigate to the Appointo menu. Then select Appointments > Add Products > Tick the box beside the product you wish to add, and click Save.

To configure product details: Find the product you added and click on the Edit button.

Now you can configure settings for your product:

If all variants of the product have the same settings, check the box for “All the variants have exactly the same configuration”. If they differ, you’ll set each one individually.

To configure variant details, move to Variant Configuration for the following settings and click Save when you finish configuring.

Basic: Setting fundamental aspects of how your appointments will work. Appointment Duration: Choose how long each session should be. Scheduling Cutoff: Decide how far in advance customers need to book or cancel an appointment. Time Increments: Set how often available slots appear in your schedule. Member Allocation: Assign which member or resource will be used for the appointment. Add Preparation Time: Add time you need before an appointment to set up. Add Time After Booking: Add time you need after an appointment for cleanup or preparation for the next client. Meeting Venue / Appointment Mode: Indicate where the appointment will take place. Timezone: Scheduling appointments in the right time zone for your business. Date Range: Select how far into the future you want your schedule to be open for bookings. Internal Calendar Color: Choose a color for this type of appointment on your internal calendar.
Availability: Setting up your weekly availability and special dates. Activate Surge Pricing: Toggle this if you want to charge different rates at different times. Use Custom Hours: Turn this on to set specific hours for appointments, different from your general business hours. Set Your Weekly Hours: Choose the days and times you’re available for appointments each week. Copy Hours: If your availability is the same for multiple days, set it for one day and use this button to copy it to others. Add Date Overrides: Click here to set special availability for specific dates, like holidays or events.
Advanced: Enhancing the functionality of your booking process How many invitees you want per slot? (Group Appointments): Set the number of customers that can book the same time slot. Useful for group sessions. Allow Customers To Reschedule Booking Allow Customers To Cancel Booking Allow Waitlist after slots are filled Send Email Reminder (Pro Plan) Send Text Reminder (Pro Plan) Send WhatsApp Reminder (Pro Plan)
Customer Questions: Ask relevant questions for your appointment
Add Ons: Set relevant products with your service.
Workflows: Send customized notifications to customers, owner or team members.

Step 2: Add Appointment Booking To Your PageFly Page

In the PageFly editor, click Add third-party applications.
Choose Appointment Booking App.
Click on the Appointment Booking element on the right panel.
Drag and drop the element into the specific area of the product page where you want it to appear.

Important Note: The Appointment Booking App element only works once used on the Product page and inside the Product Details element. You can only use this element one time on each product page.

Step 3: Configure Settings in PageFly

Select the booking appointment element you’ve added and navigate to the General/Styling tab for configurations:

Step 3.1 General Settings

Widget Configuration: Here you adjust the basic settings of the booking widget. For comprehensive options, refer to the settings area of the Appointment Booking App app.
Visibility, Attribute & Animation: Read more about these settings here.

Step 3.2 Styling Settings

Customize the appearance of the booking element in your PageFly page with options for spacing, border, and opacity.
For specific style requirements, you can enter custom CSS code.

Common Case

Cannot Add The Appointment Book Element To PageFly

When adding the Appointment Book element by Appointo to PageFly, you might notice the error “This element only works on a Product page and inside product details elements”.

This error occurs because the Appointment Book element is designed to interact with product-specific details, which are only present on a product page within the Product Details element.

To resolve this issue and prevent it from happening again:

Make sure you’re editing a product page when you want to add the Appointo booking element.
Place the Appointo element inside the Product Details section to ensure it can access the necessary product information.
Note that you can only use the booking element once on each product page to avoid confusion and errors.

Frequently Asked Questions

What Plans Does Appointo Offer And How Do They Differ?

Appointo offers 2 pricing plans: 2-week free trial and Pro plan subscription.

How Does Appointo Integrate With PageFly?

Appointo integrates with PageFly through a widget that you can drag and drop onto your product pages.

Additional Resources

Thank you for your feedback!

Did this answer your question?

Yes Not really

How to Use Appointo with PageFly

About Appointo – Appointment Booking App