Divi Events Calendar

Documentation

Home » Docs » Getting Started

Still Need Help?

If you have a question not covered here in the docs, or if you face any technical issue, you can reach out to us.

Visit Our Support Page

Divi Events Calendar Modules Plugin by Pee Aye Creative 2.2

Ready To Purchase?

Visit the product page to get all the details and make your purchase.

View Product

Getting Started

Overview

Welcome to the documentation for the Divi Events Calendar plugin! On this page, you will find all the steps you need to set up and use our plugin. Each step provides a summary of information related to that step in the process. You will also notice links to separate documentation guides and videos in the steps below. Please be sure to follow all of these steps and access the additional documentation links as needed.

Overview Video

This video provides a brief summary overview of the written steps outlined in the document below. You are welcome to follow the video and written steps together.

1. Install The Dependencies

Install And Activate Divi

Before you begin, make sure you have the Divi Theme by Elegant Themes installed and active. This is necessary since our product is completely based on Divi.

Install And Activate The Events Calendar

Our plugin is also completely based on The Events Calendar, the popular free calendar plugin for WordPress. This plugin must be installed first before installing our Divi Events Calendar plugin! Otherwise, our plugin wouldn’t know what to do. Please check our Compatibility document to learn more about the relationship of our two plugins.

Disclosure: The links to Elegant Themes and The Events Calendar are “affiliate links” which means if you click on the links and purchase anything, we will receive a commission.

2. Download Divi Events Calendar

After completing the purchase of our Divi Events Calendar plugin, download the file to your computer. The plugin file ends with “.zip” at the end of the file name.

Purchased From Pee-Aye Creative

If you purchased the plugin here on our website, you can download the file from your Account page at https://www.peeayecreative.com/account/ or click the download link in your purchase confirmation email and save the file to your computer.

Purchased From Divi Marketplace or Divi Cake

If you purchased this product from a 3rd party marketplace such as the official Divi Marketplace or Divi Cake, the process of downloading the file may vary slightly. You will always be able to download the file from your account, no matter where you made the purchase.

3. Install The Plugin

Now that you have Divi and The Events Calendar installed, you are ready to install our Divi Events Calendar plugin. Installing our plugin works the same as installing any other WordPress plugin. From your WordPress Dashboard, go to Appearance>Plugins>Add New and click on Upload Plugin. Locate the plugin .zip file on your computer, which selects the file to up, and click Install Now.

Once the file upload is finished, you can click on Activate. You will then see Divi Events Calendar as an active plugin in your Installed Plugins list.

NOTE: Installing or updating this plugin may require you to clear your cache before the settings take place. This may include your browser cache, any caching plugin, and possibly even your CDN if you are using one.

4. Add Your License Key

It is important to activate the plugin license key now in order to ensure that you get automatic updates and support.

Purchased From Pee-Aye Creative

If you purchased this plugin from our own website, then you can find your license keys in your Account area. Please review the Product License Key Management documentation for all the information you could need about this step.

Purchased From Divi Marketplace or Divi Cake

License keys are handled by the marketplace. Updates are validated using your Username and API Key, so be sure to add these credentials to the Divi> Theme Options> Updates tab on your website. You can refer to the Divi Marketplace Customer FAQs for more info.

5. Add Events

Before you can display events in our modules, you first need to have some events to display! As a reminder, all event management is handled by The Events Calendar (not to be confused with our Divi Events Calendar). You can refer to our guide on Adding & Managing Events to set those up. Once the event details are entered in their plugin, you can use our plugin modules to display and style the events in Divi  as instructed in the steps below.

6. Add Divi Events Modules To Your Layouts

Our plugin creates new Divi modules, which you can find in the Divi Builder. Everything works just like any other Divi modules, so our plugin will be very easy to use for anyone already familiar with how Divi works.

Go to the Divi Builder and click the gray plus button to add new modules to your Divi layout. The quickest way to find them is to use the search bar and type “events.” You will then see our custom modules which are named “Events Calendar,” “Events Filter,” “Events Feed,” “Events Carousel,” “Events Page,” and “Events Tickets.”

NOTE: Sometimes the names of the modules get translated differently depending on your site language. If some are missing, please be sure to check the entire list of modules thoroughly without using search. 

6 modules in the Divi Events Calendar
Events Feed Module Icon

Events Feed Module

The Events Feed module was our very first module, and it is still probably the most versatile of them all, allowing you to display a feed of events in many different layouts with a ton of features, options, and design settings. There are so many possibilities with this module, and it can be used on any page or archive page on your Divi website. This module is also great for displaying dynamic event categories, related events on single event pages, event archives of past events, and event search results.

Events Filter Module Icon

Events Filter Module

The Events Filter module is extremely versatile and customizable. The module works in tandem with the Events Feed module and allows you to choose and build your filters however you want. This includes the ability to add, remove, rearrange the filters and style them with tons of design settings. There are design settings for all the filters in general, active filters, and each individual filter, including the dropdown menus, giving you complete control over every aspect of the filters design.

Events Calendar Module Icon

Events Calendar Module

The Events Calendar module is the traditional month style calendar view. This module allows you to display a calendar with all the events shown on the day with a handy tooltip that appears on hover. Everything is customizable with a huge amount of content features, display options, and design settings. There are so many possibilities with this module, and it can be used on any page or archive page on your Divi website.

Events Page Module Icon

Events Page Module

The Events Page module is the game-changer that unlocks the power of the Divi Builder on single event pages! That’s right, with this module you can now customize the event data and build your event pages entirely with Divi using a combination of standard modules and this Events Page module. Enjoy the power to dynamically display and customize everything related to the individual event pages with all the features, display options, and design settings. This module can be used to create beautiful dynamic Theme Builder templates that can instantly transform all of your event pages on your Divi website.

Events Carousel Module Icon

Events Carousel Module

The Events Carousel module is a combination of our Events Feed module with a carousel. It is a fun way to display events and take up less vertical space than a long grid. The module includes all the expected layout options and design settings, but also includes features and settings for adjusting the carousel like navigation arrows and dots, auto scroll settings, and design settings for everything.

7. Create An Events Archive Page

By default, The Events Calendar creates a page to display all the events. This page has the slug like “/events/” after your website domain name, so it is easy to find at www.yourdomain.com/events. But it is impossible to change this layout or use the Divi Builder on this page without our plugin. One of the main reasons for purchasing our plugin is to build and style all event related layouts using Divi modules and layouts. So, the next step is to replace the default events page with one that you can build and customize using the Divi Theme Builder. It is very easy to do, and we have a full guide and video about the Events Archive Page to help walk you through the setup. Mix and match our event modules with any Divi modules to create the perfect event display!

8. Create Dynamic Single Event Page Templates

Thanks to our plugin, you can now use our custom Divi modules to build the single event pages! This is the first and only way to do this in Divi, and we are very proud to offer this as one of the main features of our plugin. We even have free demo layouts to get you started! You can use regular Divi modules along with our event modules. You will definitely want to use our Events Page module inside a Divi Theme Builder template. To learn more, please visit our Single Events Page documentation and start building beautiful custom single event pages with Divi modules!

9. Create Dynamic Event Category Templates

Another great step to take is to build a Theme Builder template for event categories. If you are using event categories to organize your events in The Events Calendar, then this is a very nice way to display the events per category. The best part is that you can create a Divi layout once as a template and apply it dynamically to all event categories to automatically display the events in each category.

10. Questions

If you have followed our guides and still have a question, please check our Frequently Asked Questions page.

11. Troubleshooting

If something is not going as described in our documentation, you can check out our Troubleshooting page to see some common mistakes that users make and how to solve them.

12. Customization

Our modules have tons of features, and we are adding new settings all the time! But sometimes you may want something unusual or custom, and that’s the beauty of WordPress. In this case, we recommend checking our Bonus Customization Resources to see some snippets and tutorials for some common customization items that other users have asked about.

13. Plugin Updates

Any time we push out an update with new features, improvements, and bug fixes, all customers with an active license will see a notification in your WordPress dashboard. The update process is exactly the same for our plugins as it is for any other WordPress plugin. Learn more about product updates in our documentation. There are some important steps to take, including making a backup, testing on a staging site, and clearing your cache.

Blog Posts/Videos

Every time we release a major new update, we also create a written post and video highlighting all the new features. Be sure to keep an eye on our blog for all the exciting updates! You can check out the past updates on our blog as well.

IMPORTANT: Besides the normal update information, we also have some additional important update information specifically related to our plugin. This information is often critical to read before making an update to an existing Divi Events Calendar plugin on your site.

14. Other Resources

This main page of our product documentation and the additional links provide everything you need to know to get started. But don’t forget to take advantage of our other resources as well. Take a moment to browse and reference all the documentation links such as the frequently asked questions, the product changelog, known issues, troubleshooting steps, and the roadmap. We want you to be able to easily find everything you could need, so we spend a lot of time continually updating everything for your convenience.

Getting Help & Support

We hope you enjoy using Divi Events Calendar! Please be sure to browse all the documentation links, and if you can’t find what you need, we’re happy to help! You can reach out to us by completing the form on our support page. We are confident that most questions you face are already covered here in the documentation. Please let us know if you have a general question not covered here, or if you face any technical issue.

Last updated Apr 6, 2022 @ 1:42 am GMT-0400

Is This Article Helpful?