How to Use Appointo with PageFly

About Appointo – Appointment Booking AppClick to copy

What Is Appointo – Appointment Booking App?Click to copy

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 AppClick to copy

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

How To Access Appointo – Appointment Booking AppClick to copy

From PageFly DashboardClick to copy

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.

access Appointo

From PageFly Page EditorClick to copy

In page editor, follow these steps to access Appointo:

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

access Appointo

How To Configure Settings For Appointo ElementClick to copy

From PageFlyClick to copy

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 1: Add Appointment Booking To Your PageFly PageClick to copy

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

add Appointment Booking To Your PageFly page

Step 2: Configure Settings In PageFlyClick to copy

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

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.

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.

From AppointoClick to copy

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

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

  1. 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.
basic settings of Appointo
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.
availability settings of appointo
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.

Common CaseClick to copy

Cannot Add The Appointment Book Element To PageFlyClick to copy

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 QuestionsClick to copy

1. What plans does Appointo offer and how do they differ?

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

2. How does Appointo integrate with PageFly?

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

Additional ResourcesClick to copy

Thank you for your feedback!

Navigate this category

Could not find the answer
to your question?

Chat with us
Great news! PageFly Help Center is now available in Japanese 🇯🇵. Explore now by switching the language in the Header section ☝️