About Shop Events Calendar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
What Is The Shop Events Calendar App?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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 Calendar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Before using this element in PageFly, you’ll need to install the “Shop Events Calendars” app to your store and configure all its options.
- Install Shop Events Calendar
- Install PageFly
How To Access Shop Events Calendar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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 Configure Shop Events Calendar The Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
From PageFly![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Add Shop Events Calendar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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.
The Shop Events Calendar item has 2 elements:
- Original Calendar
- List Calendar
Configure Shop Events Calendar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
- 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 Calendar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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.![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Step 2: Click On Create New Event > Customize All The Settings > Hit Save.![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
- 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.![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Step 4: Scroll Down To The Copy This Code Section > Original Calendar > Copy The Code.![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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.![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Frequently Asked Questions![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
What Is The Pricing Of The Shop Events Calendar?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
From $9/month. 7-day free trial.
Are Calendar Widgets Of Shop Events Calendar Mobile-friendly?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Yes
Why Should I Use Shopify Calendar – Shop Events Calendar By The Shop Apps?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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 Resources![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
- PageFly Styling tab
- What apps does PageFly integrate with?