βΉοΈ 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, rather than just the product page. This is ideal for
β
π€ Consultations or estimates on a Contact Us page
π― Booking tours or classes right from the Homepage for fast conversion
π Styling appointment on a featured designer page
π οΈ Support or installation for a physical product
Embedded calendar on any page
Show calendar popup from a button
Add a featured product
Add a redirect link to your event or service
Witness these in action here π https://yogababble.myshopify.com/
If you have many services to offer and highlight, you can
5. Show a collection of various events and services
6. Use the Book Now widget to appear on every page of your Shopify store
We will go through the different solutions below.
Solution #1: Embed the calendar to a Shopify page
Available on Pro Plus
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.
Find your event, click on "Edit" and then "Advanced" tab
Scroll down to the section "Add this calendar to your Shopify page".
Copy the section below π
5. 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!
Note: Sometimes, the theme editor preview is not accurate, so you will have to save your changes and preview it on your website.
Solution #2: Show calendar popup from a button
Available on Pro Plus
This solution launches the calendar from any button on your Shopify page. Here's an example of what it looks like. π
Open the Easy Appointment Booking app.
Find your event, click on "Edit" and then "Advanced" tab
Scroll down to the section "Add this calendar to your Shopify page".
Copy the section below π
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 URL that you copied in here. Don't worry if it says no results! Press Save. View it on your website.
Note: Sometimes, the theme editor preview is not accurate, so you will have to save your changes and preview it on your website.
Solution #3: Add a featured product
Available on Pro and above
You can show a featured product with the "Select a Time" button visible on it. It looks like this: π
Open the Easy Appointment Booking app.
Find your event, click on "Edit" and then "Advanced" tab
Scroll down to the section "Add this calendar to your Shopify page".
Copy the section below π
5. Open your Theme Editor (Online Store > Themes > Customize).
6. Select "Featured Product"
7. Select a product that you have created an event or service for on Easy Appointment Booking.
8. Add a "Custom Liquid" section inside the Featured Product section (see screenshot below).
β
9. Copy and paste the contents from the Featured Product (Custom Liquid) section above into this section
10. 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. Additionally, please note the app is designed to look at one 'Select a Time' button per page and in turn you should not have more than 1 featured product per page.
Solution #4: Add a redirect link to your event or service
Available on free and above
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.
Find your event, click on "Edit" and then "Advanced" tab
Scroll down to the section "Add this calendar to your Shopify page".
Copy the section below π
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!
Solution #4: Add a collection of events or services to your Shopify page
Currently available on Pro and above
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 #6: Enable the Book Now widget to appear on every page of your store
Currently available on Pro and above
Looking for something that takes up less space yet promotes your events? Consider the Book Now widget! A small, floating widget that appears on the corner of every page on your store!
See the 'Option 2' of this article for the different layouts available and how to set this up!