Divi Events Calendar combines the facility of The Events Calendar plugin and the Divi Builder, permitting you to show and magnificence occasions to your web site with the whole capability and customizability that incorporates Divi’s visible builder. This product provides new modules to the Divi Builder. You’ll upload match pages, calendars, carousels, feeds, filters, and tickets in your layouts and entirely customise the design of each and every module.

For those who’re uninterested in feeling restricted through The Occasions Calendar plugin’s customization choices, or in the event you’re on the lookout for a good way to control and show match data to your web site with the whole design flexibility of Divi, the Divi Occasions Calendar could also be simply the answer. On this submit, we’ll check out the Divi Occasions Calendar to assist making a decision if it’s the fitting product for you.

Let’s get began!

Putting in Divi Occasions Calendar

Divi Occasions Calendar works with the unfastened WordPress occasions plugin, The Events Calendar. First, make certain the plugin is put in and activated to your web site.

To put in the Divi Occasions Calendar, navigate to the Plugin web page and Click on Upload New. Click on Make a choice Report, make a selection the .ZIP plugin document out of your pc, then click on Set up Now. As soon as the plugin is put in, click on turn on.

Divi Occasions Calendar

The plugin provides seven new modules to the Divi builder that paintings along with The Occasions Calendar to show match data to your web site. Let’s check out each and every of the modules.

Occasions Calendar

The occasions calendar module presentations a calendar of your entire occasions. Here’s what the calendar module looks as if earlier than any further customization. The tabs on the most sensible proper help you transfer between other calendar perspectives. The development main points seem in a card on hover, and the development web page opens on click on.

Content material Settings

Now, let’s check out the module settings.

Content material

Within the content material tab, you’ll be able to make a selection the kind of occasions to show, the collection of occasions according to day, make a selection to restrict loading previous or long term occasions previous a definite collection of months, and prohibit the navigation vary.

You’ll additionally make a selection to turn or disguise canceled or postponed occasions, digital occasions, hybrid occasions, or habitual occasions, providing you with numerous regulate over what’s displayed.

Perspectives

Below the perspectives tab, you’ll be able to set the default calendar view, set the checklist view vary, make a selection to turn or disguise thumbnails within the calendar, and make a selection which perspectives are to be had.

Moreover, you’ll be able to set the order identical day occasions are displayed, set the time structure, display or disguise the development time for various match varieties, disable positive days of the week, and set the day the week begins.

Main points

The main points tab is the place you’ll be able to regulate what match main points are displayed. Here’s a checklist of the main points you’ll be able to display or disguise: tooltip, symbol, identify, date, time, finish time, time zone, venue, location, side road cope with, comma after cope with, locality, comma after locality, state, comma after state, postal code, comma after postal code, nation, comma after nation, organizer, value, class, web site, and excerpt. Moreover, you’ll be able to set the date and time structure and make a selection to turn the postal code earlier than the locality.

Hyperlinks

The hyperlinks tab provides you with some regulate over how pieces within the calendar are related. You’ll permit or disable the one match web page hyperlinks, or you’ll be able to make a selection to switch them with a customized hyperlink or redirect to a web site. You’ll additionally permit or disable class hyperlinks, organizer hyperlinks, and venue hyperlinks, and you’ll be able to make a selection whether or not any of those hyperlinks open in the similar window or open in a brand new tab.

Design Settings

Within the design tab, you’ll be able to regulate the glance of with regards to each and every side of the development calendar module. There are design settings to change the heading textual content, days of the week, calendar days, occasions, thumbnails in calendar days, navigation buttons, view buttons, tooltip, main points symbol, main points labels textual content, main points identify textual content, main points textual content, main points excerpt textual content, and naturally, lots of the default Divi design settings reminiscent of sizing, spacing, border, field shadow, filters, develop into, and animation. The intensive design choices to be had with this module make it simple to customise the calendar to check the design of your web site.

Occasions Carousel

The Occasions Carousel module provides a carousel with match data to the web page. It is a nice strategy to show a couple of occasions on a web page in a condensed structure. Here’s what the module looks as if with none design customization.

Now, let’s check out the module settings.

Content material Settings

First, let’s discover the content material tab.

Content material

Within the content material settings, you’ll be able to permit or disable dynamic match content material. If enabled, this selection lets you position the module in a Divi Theme Builder format and dynamically show match classes for the present class or web page. You’ll additionally regulate the collection of occasions and the types proven, customise the date and time structure and excerpt duration, set the occasions offset quantity, and make a selection to just display previous occasions.

Parts

The weather tab is the place you’ll be able to make a selection the weather proven within the carousel. You’ll permit or disable the next: featured symbol, identify, date, time, time zone, venue, location, organizer, value, class, web site, excerpt, extra data button, prepositions and dividers, and match main points.

Carousel Choices

You’ll display or disguise navigation arrows and dots within the carousel choices tab. You’ll additionally permit or disable mouse drag and contact drag.

Extra Information Button and No Effects Message

The extra data button and no effects message settings help you regulate the textual content this is proven.

Design Settings

Within the design tab, you’ll be able to alternate the design of the format, occasions, symbol, carousel, identify textual content, main points textual content, excerpt textual content, and extra data button, in addition to the standard sizing, spacing, border, field shadow, filters, develop into, and animation choices.

Occasions Feed

This module provides a feed of occasions to the web page. Here’s the way it appears with none design customization.

Within the module settings, you’ll be able to customise the development feed content material and design. Let’s have a look.

Content material Settings

First, let’s take a look at the settings within the content material tab.

Content material

Right here, you’ll be able to set the kind of occasions proven within the feed. You’ll choose between all occasions, dynamic occasions, similar occasions, featured occasions, or a customized occasions variety.

Right here, you’ll be able to set the occasions standing (long term, previous, or each), the cutoff level for ongoing occasions, the occasions order, and the occasions rely. You’ll specify the standing of occasions (upcoming, earlier, or each), the cutoff level for ongoing occasions, the order of occasions, and the collection of occasions to show. You’ll disguise canceled and postponed, digital, hybrid, or habitual occasions within the feed, prohibit the collection of habitual occasions proven, and set an occasions offset quantity.

Parts

Within the parts choices, you’ll be able to display or disguise the featured symbol and identify.

Format

Within the format settings, you’ll be able to alternate between the grid format, checklist format, or duvet format. With the grid format, you’ll be able to make a selection between 1-4 columns.

Right here’s the checklist format. You’ll alternate the checklist kind, choose between 1 or 2 columns, and permit or disable appearing the occasions through month with headings.

That is the quilt format. It makes use of the development’s featured symbol because the background and lines the development data above. You’ll choose between 1-4 columns.

Callout Field

The callout field is the place the date and time data will also be displayed, to the left of the picture on this format. You’ll make a selection to turn or disguise the callout field. You’ll additionally make a selection to turn or disguise the date, month, day of the week, 12 months, and time. For each and every component you permit, you’ll be able to specify the date structure.

Main points

In the main points tab, you’ll be able to display or disguise the next match parts: date, multi-day dates, finish date, time, finish time, time zone, venue, location, side road cope with, comma after cope with, locality, comma after locality, state, comma after state, postal code, comma after postal code, nation, comma after nation, organizer, value, class, web site, and excerpt.

Excerpt

Right here, you’ll be able to display or disguise the excerpt, display the outline or the excerpt, and set the excerpt duration.

Extra Information Button

Within the extra data button settings, you’ll be able to alternate the button textual content and make a selection to turn or disguise the button.

Pagination

Right here, you’ll be able to permit or disable pagination and set the pagination kind.

No Effects Message

The no effects message tab is the place you’ll be able to set the textual content that looks when no effects will also be proven.

Hyperlinks

The hyperlinks tab is the place you’ll be able to make a selection what parts are related and the way related pieces behave. You’ll set the development web page hyperlink, make all the match clickable, permit class, organizer, and venue hyperlinks, and set the web site hyperlink.

Connection

In spite of everything, within the connection tab, you’ll be able to upload a key phrase that may attach the feed module to every other module. For instance, you’ll be able to use this to attach the feed module to the occasions clear out module, making it so you’ll be able to clear out the occasions proven within the feed. Notice that the relationship ID is best essential if there are a couple of match clear out and match feed modules at the web page. If there are best one among each and every, the clear out will connect with the feed module routinely. We’ll duvet the occasions clear out module intimately under.

Design Settings

Within the design tab, you might have complete regulate over the design of the occasions feed. You’ll regulate the occasions, symbol, main points, callout, identify textual content, main points textual content, main points labels textual content, excerpt textual content, callout date, month, day of the week, 12 months, and time textual content, no effects message textual content, extra data button, load extra button pagination, paged pagination, numeric pagination, sizing, spacing, border, field shadow, filters, develop into, and animation. 

Occasions Filter out

Let’s check out the occasions clear out module. You’ll use this module to clear out different Divi Occasions Calendar modules, enhancing the content material proven. Lately, this module best works with the Occasions Feed module, however the plugin writer has indicated that give a boost to for the Occasions Calendar module is coming. Here’s the Occasions Filter out module at the entrance finish, with the date vary clear out decided on, filtering the contents of the Occasions Feed module under.

Let’s take a better take a look at the module settings.

Filter out Merchandise Settings

The clear out pieces help you clear out the content material proven within the Occasions Feed module in numerous tactics. Each clear out merchandise is added as a kid merchandise inside the Occasions Filter out module settings, and each and every clear out merchandise has its personal settings web page.

There are 16 other filters you’ll be able to upload to the module: seek, habitual, class, tag, organizer, venue, town, nation, state/province, location, price, 12 months, month, day, standing, time, date vary, order through, and long term/previous.

Inside each and every merchandise’s clear out settings, you’ll be able to set the clear out kind, label, and make a selection to turn related long term, previous, or each match varieties. Relying on the kind of clear out you select, further choices could also be proven, reminiscent of variety manner (unmarried or a couple of pieces), display/disguise a dropdown icon, display dropdown pieces alphabetically, and seek standards.

Lots of the clear out varieties will also be made full-width within the design settings, as observed right here with the hunt clear out.

You’ll additionally customise the clear out textual content, sizing, spacing, border, and field shadow design choices for each and every clear out merchandise, permitting for a lot of design flexibility. Within the instance under, I’ve added a dropdown icon to the Organizer clear out.

Content material Settings

Again within the content material tab of the Occasions Filter out module settings, you’ll be able to set the relationship to the clear out module within the content material tab. That is best essential when you have a couple of set of occasions feed and occasions clear out modules at the identical web page. You’ll additionally set a background colour for the clear out.

Additionally within the content material tab is the format environment. Lately, the horizontal format is the one format to be had. On the other hand, the plugin writer has stated that there are plans for a vertical format to be added.

Design Settings

Within the design tab of the occasions clear out module settings, you’ll be able to regulate the design for all the clear out format. You’ll customise the types of the filters, lively filters, filters dropdown, filters dropdown textual content, cave in filters, clear out seek button, sizing, spacing, border, field shadow, develop into, and animation.

One notable possibility this is cave in filters. With this environment, you’ll be able to show a “disguise filters” possibility that permits you to display or disguise the filters from view. You’ll additionally permit this selection through default.

Occasions Web page

The occasions web page module lets you utterly customise how the development pages glance through permitting you to dynamically show match parts and construct customized occasions web page layouts with the Divi Theme Builder. You’ll create Theme Builder layouts the usage of the Occasions Web page module, providing you with general design flexibility.

Occasions Web page Format Examples

First, I’m going to create a Divi Theme Builder template for all occasions.

Within the theme builder template, I added a picture module this is set as much as dynamically display the featured symbol for the submit, a dynamic submit identify module, and the occasions web page module.

Here’s what this elementary format looks as if at the entrance finish, with none styling.

Whilst this elementary format is excellent, the facility within the Occasions Web page module lies within the talent to make use of a couple of Occasions Web page modules in combination to create extra attention-grabbing, distinctive layouts. In the main points tab of the module settings, you’ll be able to permit or disable any of the weather. Through simply enabling one or a few the weather in each and every module, you’ll be able to position them all through your design in numerous tactics. Right here’s an instance of a extra complicated format the usage of a number of Occasions Web page modules.

And right here’s the format define within the Divi Theme Builder. As you’ll be able to see, there are a couple of match web page modules on this format that upload other match main points to the web page.

Right here’s a better take a look at the Tournament Web page module showing the time and date on the most sensible of the format. In the main points environment for this module, best the time and date modules were enabled.

Content material Settings

Within the content material tab of the Tournament Web page module, you’ll be able to permit the main points you want to show.

Content material

Below content material, you’ll be able to permit the development description. Within the notices choices, you’ll be able to permit other notices that seem in keeping with match standing or kind.

Main points

Below main points, you’ll be able to permit or disable the next: date, time, finish time, time zone, location, venue, venue telephone, venue location, organizer, organizer telephone, organizer e mail, organizer web site, value, class, tags, web site, prepositions and dividers, and excerpt. You’ll additionally stack match main points, permit labels/icons, and stack labels/icons.

Google Maps

Below the Google Maps tab, you’ll be able to permit the Google Maps hyperlink, permit the Google Map, and upload your Google Maps API Key.

Digital Occasions

Within the Digital Occasions tab, you’ll be able to permit hyperlinks to a Zoom assembly, Webex assembly, Fb reside video, or YouTube reside video. You’ll additionally alternate the textual content for the digital match button.

Upload to Calendar

The Upload to Calendar settings help you permit the button and regulate the button textual content proven.

Hyperlink

Within the Hyperlink tab, you’ll be able to set how the web site hyperlink seems and alter the hyperlink goal for various match pieces. You’ll additionally customise the Background and the Admin label within the settings under this.

Design Settings

Within the design tab, you’ll be able to absolutely customise the glance of each and every component. You’ll regulate the design settings for the next: previous match realize, match standing realize, description textual content, main points textual content, main points labels textual content, map, upload to calendar button, upload to calendar hyperlinks, digital match button, sizing, spacing, border, field shadow, filters, develop into, and animation.

Occasions Subscribe

The Occasions Subscribe module is an easy module that permits you to upload a calendar subscription button in your format. On hover, the button presentations a number of other how you can subscribe to the occasions calendar, together with iCal, Google Calendar, Outlook, .ics document, and extra.

This module does no longer include many added choices, however you’ll be able to absolutely taste the button the usage of the customized types possibility within the design tab.

Occasions Price ticket

The Occasions Price ticket module works with the unfastened Event Tickets addon from The Occasions Calendar plugin to show tickets and RSVP sections to your match pages. Within the module content material settings, you’ll be able to permit match tickets, match RSVP, person confirmations, checkout, and a good fortune message.

The plugin writer has indicated that this module is new and has restricted options on the time, then again, they hope so as to add design settings one day. For now, this is how the RSVP phase presentations up on one of the crucial match pages.

Acquire Divi Occasions Calendar

Divi Occasions Calendar is to be had within the Divi Marketplace. It prices $45 for limitless web site utilization and 1 12 months of give a boost to and updates. The associated fee additionally features a 30-day money-back ensure.

Ultimate Ideas

Divi Events Calendar brings in combination the capability of The Events Calendar plugin and the design flexibility of the Divi Builder in a plugin that makes it simple to show occasions to your web site and magnificence the modules to check your web site design. Every module is simple to make use of and configure, and maximum of them have complete design choices you’ll be able to use to create gorgeous match web page layouts. For those who’re on the lookout for a good way to show occasions to your web site whilst having complete regulate over the design the usage of Divi, this can be a really perfect product for you.

We would really like to listen to from you! Have you ever attempted Divi Occasions Calendar? Tell us what you consider it within the feedback!

The submit Divi Product Highlight: Divi Events Calendar gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more