Calendar Widget

This guide explains the functionality and setup process for the Calendar Widget in BookThatApp (BTA).

Overview

The Calendar Widget is an updated version of the Event Calendar and can be added to your store navigation or any custom page. Features include:

• Modern, user-friendly look
• Ability to display multiple classes within a Course term
• Customizable calendar views without coding
• Can be added to any page, such as the home page or custom pages

Note: Only products with scheduled events (classes, tours, events, activities) will appear on the calendar.

Step 1: Create the Calendar Widget

1. Navigate to Widgets → Store Wide Widgets → Events Calendar in the BTA admin.
   
   
2. Click Add Widget in the pop-up window.
3. Configure the widget settings as desired:
   • Preview the calendar on the right side
     
     
   • Adjust display options on the left side
      

4. Configure Translation Settings

   The Events Calendar Widget includes a Translations tab where you can customize the text labels displayed to your customers
   Example:
   
   In the Translations tab, the Spaces Remaining field defaults to spaces remaining, which displays on the calendar as "3 spaces remaining". You could change this to spots left so it reads "3 spots left" instead.

   
   The following fields below, are available :
   

   To update any label, navigate to the widget's Translations tab and replace the default text with your preferred wording. This is useful for stores operating in languages other than English or those wanting custom terminology. 
    

5. Copy the embed code using the Copy button under Code.
   
   

Step 2: Embed the Calendar Widget in Shopify

Option A: Custom Page

1. Create a custom page in Shopify (e.g., titled "Calendar") or select an existing page.
   
   
2. In the page settings, switch to HTML view.
   
   
3. Paste the Calendar Widget embed code.

Option B: Home Page

1. Add a new section using the Custom Liquid section type.
   
   
2. Paste the Calendar Widget embed code.

Your Calendar Widget is now live and will display scheduled events according to the configuration selected in the widget preview.