ℹ️ Before continuing to the steps below, you need to verify that:
Easy Appointment Booking is integrated with your theme. View steps.
You have at least 1 created event or service. Watch a 2-minute tutorial here.
Easy Appointment Booking gives you different ways to take bookings on any page.
Add an embedded calendar
Show a collection of various events and services
Show a featured event or service
Have a direct link that customer can click to book an appointment
We will go through the different solutions below.
Solution #1: Add the calendar to a Shopify page
This feature is in beta and is slowly rolling out to all customers.
This solution embeds the calendar directly on your Shopify page. Customers can select a time and book a timeslot. Here's an example of what it looks like. 👇
Open the Easy Appointment Booking app.
Click on "Edit" beside the event or service that you want to add to your shopify page.
Scroll down to the "Add this calendar to your Shopify Page" section.
Copy the section under Calendar Embed Code
5. Now go to your Theme Editor (Online Store > Themes > Customize).
6. Click on "Add Section" and then choose "Custom Liquid".
7. Paste the content you had copied earlier in the box. You should see a live preview.
8. Click Save on the top-right. You're done!
Solution #2: Add a collection of events or services to your Shopify page
You can add a collection of popular events and services on any Shopify page. It looks like this.👇
Follow this detailed tutorial to understand how to setup the Event Collection widget.
Solution #3: Add a featured product
You can show a featured product with the "Select a Time" button visible on it. It looks like this: 👇
Open your Theme Editor (Online Store > Themes > Customize).
Select "Featured Product"
Select a product that you have created an event or service for on Easy Appointment Booking.
Add a "Custom Liquid" section inside the Featured Product section (see screenshot below).
5. Copy and paste the contents from the Featured Product (Custom Liquid) section into the box (see screenshot below).
6. Click Save on the top-right. You're done.
Note: Sometimes, the theme editor preview is not accurate, so you will have to save your changes and preview it on your website.
Solution #4: Add a direct link to your event or service
You can add a direct link to your calendar through any button that you have setup on your homepage. It looks like this 👇 (you can customize the text)!
Open the Easy Appointment Booking app.
Click on "Edit" beside the event or service that you want to add to your shopify page.
Scroll down to the "Add this calendar to your Shopify Page" section.
Copy the section under Direct Link.
5. Now go to your Theme Editor (Online Store > Themes > Customize).
6. Click on any button that you have created. In this example, we created a Rich Text section and put a button inside it.
7. Paste the link you copied in step (4) as the button link.
8. Press Save on the top-right. You're done!