How to use Shop Events Calendars with PageFly

About Shop Events CalendarClick to copy

The Shop Events Calendar provides a user-friendly widget for displaying events, promotions, announcements, and product releases.

Users can create multiple customizable calendars for different locations or event types, choosing from three designs.

Before using this element in PageFly, you’ll need to install the “Shop Events Calendars” app to your store and configure all its options.

How To Access Shop Events CalendarClick to copy

In page editor, follow these steps to access “Shop Events Calendar” element in PageFly:

  • Step 1: In the PageFly editor, click Third-party element on the left menu.
  • Step 2: Click the Manage integrations icon on top
  • Step 3: Search for Shop Events Calendar and active it.
  • Step 4: Click Done and the element will appear in the Third-party element menu.

How To Configure Shop Events Calendar The ElementClick to copy

Important note: The Original Calendar and List Calendar elements can be used on all page types and once a page.

From PageFlyClick to copy

Add Shop Events CalendarClick to copy

Before starting to set up for the “Shop Events Calendar” element, you will need to add this element onto your page canvas:

  • Step 1: Click Third party element on the left menu bar.
  • Step 2: Look for Shop Events Calendar element.
  • Step 3: Click on the element to see its variant.
  • Step 4: Drag and drop the variant onto the page canvas.

The Shop Events Calendar item has 2 element variants:

  • Original Calendar
  • List Calendar

Configure Shop Events CalendarClick to copy

  • Short code

Note: Regarding adding Short code, you can obtain them in the “Configure Shop Events Calendar” section below.

  • After adding the element, click on it to see different ways to change how it looks, like adjusting the space around it, changing its border, or adding special effects. Use the “Styling” tab in PageFly to explore your options.

Note: All element configuration must be done in the Shop Events Calendar app before using in PageFly.

From Shop Events CalendarClick to copy

Before using the “Shop Events Calendar” elements in PageFly, you’ll need to create and configure your product in the “Shop Events Calendar” app. Here’s how:

Step 1: Go To Your Shopify Admin > Apps > Choose The Shop Calendar.Click to copy

Step 2: Click On Create New Event > Customize All The Settings > Hit Save.Click to copy

  • In the Navigate menu, please click on the ‘Create New Event‘ button.

  • Next, please adjust the parameters such as ‘Event Title‘ and ‘Event Duration‘ to fit your plan.

  • Finally, you need to click on the ‘Save‘ button to save your changes.

Step 3: Go To Install Section > Manual Install.Click to copy

Step 4: Scroll Down To The Copy This Code Section > Original Calendar > Copy The Code.Click to copy

Note: There are two tabs here, “Original Calendar” and “List Calendar“, corresponding to the “Short code” used for the two elements Original Calendar and List Calendar in the previously written “From PageFly” section.

Step 5: Back To The Editor > Head To Short Code Section > Paste The Code.Click to copy

Tips & Best PracticesClick to copy

We strongly recommend using the Shopify App Block Element for Shop Events Calendar integration. Available for Shopify theme OS 2.0, this feature simplifies adding Shop Events Calendar functionality to your PageFly pages or sections. It offers greater flexibility, easier updates, and an improved user experience. While limited to one per page, the App Block is a valuable tool to enhance your store’s capabilities.

For detailed setup guidance, refer to our App Block article. This simple change can substantially improve your Shop Events Calendar integration and overall store performance.

Frequently Asked QuestionsClick to copy

1. What is the pricing of the Shop Events Calendar?

From $9/month. 7-day free trial.

2. Are calendar widgets of Shop Events Calendar mobile-friendly?

Yes

3. Why should I use Shopify calendar – shop events calendar by the shop apps?

There are many benefits to using Shop Events Calendar, including:

  • Increase visibility: Your calendar will be displayed on your store’s homepage, making it easy for customers to find your events and promotions.
  • Improve engagement: Customers can easily click on events to learn more about them, which can help to increase engagement and sales.
  • Enhanced brand image: A well-designed calendar can help to enhance your brand image and make your store look more professional.

Additional ResourcesClick to copy

Thank you for your feedback!

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 ☝️