How to use Shop Events Calendars with PageFly

About Shop Events CalendarClick to copy

What Is The Shop Events Calendar App?Click 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.

Install Shop Events CalendarClick to copy

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 “Add third-party element” on the left menu.
  • Step 2: Click “Manage integrations” or the gear icon on top.
  • Step 3: Search for “Shop Events Calendar” and enable it.
  • Step 4: Click “Close” and the element will appear in the “Add third-party element” menu.

How to use Shop Events Calendars with PageFly

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 “Add third party element” on the left menu bar.
  • Step 2: Look for “The Shopify Apps- 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.

How to use Shop Events Calendars with PageFly

The Shop Events Calendar item has 2 elements:

  • Original Calendar
  • List Calendar

How to use Shop Events Calendars with PageFly

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.

How to use Shop Events Calendars with PageFly

  • 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.

Shop Events Calendar

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

Shop Events Calendar

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

Shop Events Calendar

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.

Shop Events Calendar

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

Shop Events Calendar

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

Shop Events Calendar

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

Shop Events Calendar

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.

Shop Events Calendar

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

Shop Events Calendar

Frequently Asked QuestionsClick to copy

What Is The Pricing Of The Shop Events Calendar?Click to copy

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

Are Calendar Widgets Of Shop Events Calendar Mobile-friendly?Click to copy


Why Should I Use Shopify Calendar – Shop Events Calendar By The Shop Apps?Click to copy

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

  • PageFly Styling tab
  • What apps does PageFly integrate with?
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us