How to use Sesami Appointment Booking app with PageFly

About Sesami: Appointment Booking

What Is Sesami: Appointment Booking?

The Sesami: Appointment Booking app allows you to offer scheduling for services, events & classes online & in-store. It’s particularly useful for businesses requiring bookings, integrating well with Shopify POS and Google Calendar.

Install Sesami: Appointment Booking

Before using this element in the PageFly Page Builder app, you’ll need to install the Sesami: Appointment Booking app to your store and configure all its options.

• Install Sesami: Appointment Booking
• Install PageFly Page Builder

How To Access Sesami: Appointment Booking Element

In the page editor, follow these steps to access the Sesami: Appointment Booking element in PageFly:

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

How To Configure Sesami: Appointment Booking Element

From PageFly

Add Sesami: Appointment Booking Element

Before starting to set up the Sesami: Appointment Booking element, you will need to add this element to your page canvas:

• Step 1: Click “Add third party element” on the left menu bar
• Step 2: Look for “Sesami: Appointment Booking” element
• Step 3: Click on the element to see it variant
• Step 4: Drag and drop the variant onto the page canvas

The Sesami: Appointment Booking element comes in one variant which is the Appointment Booking by Sesami Inc.

Configure Sesami: Appointment Booking

General Settings

After adding the Sesami: Appointment Booking to the Editor, you’ll see the General tab on the right sidebar.

You can get further information about Attributes, Visibility, and Animation parameters.

Note: All configuration of the element must be done in the Sesami: Appointment Booking app before using PageFly.

Styling Settings

You can customize the styling of the Sesami: Appointment Booking elements in the Styling tab.

You can get further information about Styling settings.

From Sesami: Appointment Booking App

Before using the Sesami: Appointment Booking elements in PageFly, you’ll need to create and configure your bundles in the Sesami: Appointment Booking app:

• Step 1: Go to your Shopify admin > Apps > Choose Sesami and enable it.

• Step 2: On the Services screen, click on the Add service button > You will be able to choose the product you’d like to assign the service

• Step 3: Click the Manage button to edit the service > Fill in the fields you want > Click the Save button. And now, Sesami: Appointment Booking is ready to go!

• Step 4: Back the PageFly editor to drag and drop the element on the canvas. Publish the page to view the results in the live view.

Frequently Asked Questions

Overview

How Can I Style The Button?

You need to use the custom code here on the PageFly page using the Custom Code Editor window

Additional Resources

• PageFly Styling tab
• What apps does PageFly integrate with?