Satinder Singh

CoolHappy

Cool Plugins

Events Calendar Addons

<h3>The Events Calendar Divi Integration</h3>
<a href="https://eventscalendaraddons.com/plugin/the-events-calendar-modules-for-divi/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_description" rel="nofollow ugc">Events Calendar Modules for Divi</a> is an addon for <a href="https://stellarwp.pxf.io/tec" rel="nofollow ugc">The Events Calendar</a> WordPress plugin that provides custom Divi event modules to display upcoming events inside the Divi Builder.
If you are looking for a simple way to use The Events Calendar with Divi Theme, this plugin makes it easy to design modern event list sections directly inside your Divi pages. You can control event query settings, filter events by date, and fully style your event calendar layout using Divi’s module built-in design controls.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Z9s-7RgxZu8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Live Demos</h3>
<ul>
<li>
View FREE Demos: <a href="https://eventscalendaraddons.com/divi/minimal-list-styles/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_free&utm_content=below_video" rel="nofollow ugc">Events List – Minimal</a> | <a href="https://eventscalendaraddons.com/divi/modern-list-styles/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_free&utm_content=below_video" rel="nofollow ugc">Events List – Modern</a>
</li>
<li>
<a href="https://eventscalendaraddons.com/demos/the-events-calendar-modules-for-divi/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">View PRO Demos</a>: Create advanced Events Grid and Carousel layouts inside Divi Builder.
<ul>
<li>Events Grid Layout: <a href="https://eventscalendaraddons.com/divi/minimal-grid-styles/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">Minimal Grid</a> | <a href="https://eventscalendaraddons.com/divi/modern-grid-style/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">Modern Grid</a></li>
<li>Events Carousel Layout: <a href="https://eventscalendaraddons.com/divi/minimal-carousel/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">Minimal Carousel</a> | <a href="https://eventscalendaraddons.com/divi/modern-carousel/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">Modern Carousel</a></li>
</ul>
</li>
</ul>
<h3>Plugin Features</h3>
<ul>
<li>Divi Events Calendar Module: Adds a dedicated Events module inside Divi Builder to display The Events Calendar events directly on any page or section.</li>
<li>Event List Layout: Show upcoming or past events in a clean and professional list layout. Choose from pre-designed list styles to match your Divi website design.</li>
<li>Event Query & Design Controls: Control how many events to display, manage event order, and customize colors, fonts, and other styling options directly inside Divi module settings.</li>
<li>Responsive & Mobile Friendly: All event layouts automatically adjust for desktop, tablet, and mobile devices. Simply drag and drop the Events module inside Divi Builder.</li>
</ul>
<h3>Premium Features</h3>
<a href="https://eventscalendaraddons.com/plugin/the-events-calendar-modules-for-divi/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=pro_features" rel="nofollow ugc">Upgrade to the Pro version</a> to unlock advanced Divi event calendar layouts and design controls.
<ul>
<li>
<a href="https://eventscalendaraddons.com/doc/events-calendar-modules-for-divi-layouts/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Events Grid & Carousel Layouts</a>: 
Display The Events Calendar events in beautiful Grid, Carousel, or Slider layouts inside Divi Builder. Perfect for conferences, workshops, classes, community programs, and business events. Choose from modern and minimal design styles for List, Grid, and Carousel layouts.
</li>
<li>
Advanced <a href="https://eventscalendaraddons.com/doc/events-calendar-modules-for-divi-content-settings/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Event Query</a> & Design Controls: 
Filter events by featured status, date range, categories, or tags. Display only upcoming, past, or specific events exactly the way you need. Get extended design settings for spacing, alignment, typography, background, and layout structure inside Divi Builder.
</li>
<li>
Load More Functionality: 
Add an AJAX Load More button to dynamically load additional events without page refresh, improving performance and user experience.
</li>
</ul>
<h4>Why Use Events Calendar Modules for Divi?</h4>
If you are building an event website with Divi and using The Events Calendar plugin, the default event templates may not match your branding or layout needs. This plugin allows you to create a fully customized event showcase directly inside Divi Builder without editing theme files. You can design modern event listing sections, highlight featured events, and control how your event calendar appears across your website.
Whether you manage ticket booking events, workshops, conferences, webinars, training programs, or community meetups, you can display event schedules, venue details, and upcoming programs in a structured and professional layout. It is perfect for event organizers, educational institutes, agencies, and businesses that want more design flexibility while still using The Events Calendar for event management.
<h3>More Addons for The Events Calendar</h3>
<ul>
<li><a href="https://eventscalendaraddons.com/plugin/events-shortcodes-pro/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Shortcodes For The Events Calendar</a>: Display events anywhere using shortcodes. Show events in list, grid, carousel, timeline, slider, or accordion layouts.</li>
<li><a href="https://eventscalendaraddons.com/plugin/event-single-page-builder-pro/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Event Single Page Builder For The Events Calendar</a>: Create fully custom single event page layout and replace default template of The Events Calendar.</li>
<li><a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Widgets For Elementor And The Events Calendar</a>: Insert dynamic event widgets inside Elementor sections with advanced layout styling.</li>
<li><a href="https://eventscalendaraddons.com/plugin/events-speakers-and-sponsors/?utm_source=ecmd_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Speakers & Sponsors</a>: Add speakers and sponsors sections inside your event pages. Showcase keynote speakers, guest presenters, partners, or sponsors.</li>
</ul>
<h4>Other Plugins by Cool Plugins</h4>
<ul>
<li><a href="https://cooltimeline.com/plugin/timeline-module-for-divi/" rel="nofollow ugc">Timeline Module for Divi</a>: Create beautiful vertical and horizontal timelines in Divi theme.</li>
<li><a href="https://coolplugins.net/product/contact-form-extender-for-divi-builder/" rel="nofollow ugc">Contact Form Extender for Divi</a>: Extend Divi Contact Form with file upload field, country code selector, and option to save form submissions in your WordPress dashboard.</li>
<li><a href="https://coolformkit.com/" rel="nofollow ugc">Cool FormKit</a>: Add advanced fields and powerful features to Elementor forms.</li>
<li><a href="https://coolplugins.net/product/autopoly-ai-translation-for-polylang/" rel="nofollow ugc">AutoPoly</a>: Automatic translate addon for Polylang multilingual plugin.</li>
<li><a href="https://locoaddon.com/" rel="nofollow ugc">LocoAI</a>: Automatically translate plugin and theme strings inside Loco Translate.</li>
</ul>
Third-Party Services: This plugin connects to the Cool Plugins feedback server only for opt-in usage data sharing and voluntary feedback submission. Data is transmitted strictly after explicit user consent. No hidden tracking is performed, and no frontend visitor or site user data is collected. For complete details, please review our <a href="https://my.coolplugins.net/terms/usage-tracking/" rel="nofollow ugc">Data Usage Policy</a>, <a href="https://my.coolplugins.net/terms/" rel="nofollow ugc">TOS</a>, and <a href="https://my.coolplugins.net/terms/privacy-policy/" rel="nofollow ugc">Privacy Policy</a>.
Disclaimer: This plugin is developed by <a href="https://coolplugins.net" rel="nofollow ugc">Cool Plugins</a> as a third-party addon for The Events Calendar and Divi Theme. It is not developed, affiliated with, or endorsed by The Events Calendar, StellarWP, or Elegant Themes. Some links inside this plugin or its readme may be affiliate links, which means we may earn a small commission at no additional cost to you.
Important Notice: Migration from Divi 4 to Divi 5 is supported only up to Divi 5 Public Alpha 14. If you plan to upgrade your site or plugins, please complete the migration before Alpha 14. After that version, direct migration from Divi 4 will not be available and may cause compatibility issues.

Events Calendar Modules for Divi

Integrate The Events Calendar with Divi Theme and use Divi event calendar modules to design and display event listings easily inside Divi Builder.

Thorsten Frommen

Use the new Text Modules custom post type and display a text module by either shortcode or widget.
Have you ever wanted to use some pieces of text information more than once? For instance, contact information such as a postal address? Or some slogan, motto or claim?
This is exactly when Text Modules kicks in.
<h4>Usage</h4>
This plugin registers a simple post type for text modules. A text module can be accessed either via shortcode (by means of the text module’s ID or slug) or via a new Tex Modules widget.
Filters
In order to customize certain aspects of the plugin, it provides you with several filters. For each of these, a short description as well as a code example on how to alter the default behavior is given below. Just put the according code snippet in your theme’s <code>functions.php</code> file or your customization plugin, or to some other appropriate place.
<code>text_modules_after_widget_content</code>
This filter lets you alter the HTML after the widget content.
<pre><code>/**
 * Filter the HTML after the widget content.
 *
 * @param string $after_widget_content Some HTML after the widget content.
 */
add_filter( 'text_modules_after_widget_content', function() {

 return '';
} );
</code></pre>
<code>text_modules_before_widget_content</code>
This filter lets you alter the HTML before the widget content.
<pre><code>/**
 * Filter the HTML before the widget content.
 *
 * @param string $before_widget_content Some HTML before the widget content.
 */
add_filter( 'text_modules_before_widget_content', function() {

 return '';
} );
</code></pre>
<code>text_modules_post_type</code>
Yes, you can alter the post type (slug).
<pre><code>/**
 * Filter the post type.
 *
 * @param string $post_type Post type.
 */
add_filter( 'text_modules_post_type', function() {

 return 'exotic_stuff';
} );
</code></pre>
<code>text_modules_post_type_args</code>
If you want to alter a specific post type argument but you can’t find a fitting filter, there’s <code>text_modules_post_type_args</code>, which provides you with the complete args array.
<pre><code>/**
 * Filter the post type args.
 *
 * @param array $args Post type args.
 */
add_filter( 'text_modules_post_type_args', function( $args ) {

 // Use hierarchical external content
 $args[ 'hierarchical' ] = TRUE;

 return $args;
} );
</code></pre>
<code>text_modules_post_type_description</code>
The post type description can be customized by using the <code>text_modules_post_type_description</code> filter.
<pre><code>/**
 * Filter the post type description.
 *
 * @param string $description Post type description.
 */
add_filter( 'text_modules_post_type_description', function() {

 // Provide a description
 return 'Simple post type for text modules.';
} );
</code></pre>
<code>text_modules_post_type_labels</code>
In case you don’t like the labels, easily adapt them to your liking.
<pre><code>/**
 * Filter the post type labels.
 *
 * @param array $labels Post type labels.
 */
add_filter( 'text_modules_post_type_labels', function( $labels ) {

 // A little more horror, please...
 $labels[ 'not_found' ] = 'ZOMG, no text module found!!1!!1!!oneone!!!1!eleven!1!';

 return $labels;
} );
</code></pre>
<code>text_modules_post_type_supports</code>
This filter provides you with the post type supports.
<pre><code>/**
 * Filter the post type supports.
 *
 * @param array $supports Post type supports.
 */
add_filter( 'text_modules_post_type_supports', function( $supports ) {

 // Let's add revisions for our post type
 if ( ! in_array( 'revisions', $supports ) ) {
 $supports[] = 'revisions';
 }

 return $supports;
} );
</code></pre>
<code>text_modules_shortcode_apply_do_shortcode</code>
By default, do_shortcode() will be called on the shortcode output. Of course, you can change that.
<pre><code>/**
 * Filter if the shortcode should apply do_shortcode() to the output.
 *
 * @param bool $do_shortcode Should the shortcode apply do_shortcode()?
 */
add_filter( 'text_modules_shortcode_apply_do_shortcode', '__return_false' );
</code></pre>
<code>text_modules_shortcode_callback</code>
In case you would like to adapt how the shortcode data is handled, you can provide your own shortcode callback. This can either be a string holding the function name, or an array with either a class name or an object, and the according method.
<pre><code>/**
 * Filter the shortcode callback.
 *
 * @param array|string $callback Shortcode callback.
 */
add_filter( 'text_modules_shortcode_callback', function() {

 return 'my_text_modules_shortcode_callback';
} );
</code></pre>
<code>text_modules_shortcode_id_attribute_name</code>
This filter lets you alter the shortcode’s ‘id’ attribute name.
<pre><code>/**
 * Filter the 'id' shortcode attribute name.
 *
 * @param string $name Attribute name.
 */
add_filter( 'text_modules_shortcode_id_attribute_name', function() {

 return 'post_id';
} );
</code></pre>
<code>text_modules_shortcode_output</code>
This filter lets you alter the shortcode output. The second parameter holds the shortcode attributes array.
<pre><code>/**
 * Filter the shortcode output.
 *
 * @param string $output Shortcode output.
 * @param array $atts Shortcode attributes array.
 */
add_filter( 'text_modules_shortcode_output', function( $output ) {

 return $output . ' Over and out.';
} );
</code></pre>
<code>text_modules_shortcode_query_args</code>
Also, there’s <code>text_modules_shortcode_query_args</code>, which provides you with the complete args array for the shortcode’s query.
<pre><code>/**
 * Filter the shortcode query args.
 *
 * @param array $args Shortcode query args.
 */
add_filter( 'text_modules_shortcode_query_args', function( $args ) {

 // Exclude some text modules by ID
 $args[ 'post__not_in' ] = array( 4, 8, 15, 16, 23, 42 );

 return $args;
} );
</code></pre>
<code>text_modules_shortcode_slug_attribute_name</code>
This filter lets you alter the shortcode’s ‘slug’ attribute name.
<pre><code>/**
 * Filter the 'slug' shortcode attribute name.
 *
 * @param string $name Attribute name.
 */
add_filter( 'text_modules_shortcode_slug_attribute_name', function() {

 return 'post_slug';
} );
</code></pre>
<code>text_modules_shortcode_tag</code>
This filter lets you alter the shortcode’s tag.
<pre><code>/**
 * Filter the shortcode tag.
 *
 * @param string $shortcode_tag Shortcode tag.
 */
add_filter( 'text_modules_shortcode_tag', function() {

 return 'text_block';
} );
</code></pre>
<code>text_modules_shortcode_use_slug</code>
By default, text modules are being queried by their post ID first. Of course, you can change that and use the post slug instead.
<pre><code>/**
 * Filter if the shortcode (query) should use the post slug instead of the post ID.
 *
 * @param bool $use_slug Use slug instead of ID?
 */
add_filter( 'text_modules_shortcode_use_slug', '__return_true' );
</code></pre>
<code>text_modules_widget_form_query_args</code>
Also, there’s <code>text_modules_widget_form_query_args</code>, which provides you with the complete args array for the widget form’s query.
<pre><code>/**
 * Filter the widget form query args.
 *
 * @param array $args Query args.
 */
add_filter( 'text_modules_widget_form_query_args', function( $args ) {

 // Exclude some text modules by ID
 $args[ 'post__not_in' ] = array( 4, 8, 15, 16, 23, 42 );

 return $args;
} );
</code></pre>
<h4>Contribution</h4>
To contribute to this plugin, please see its <a href="https://github.com/tfrommen/text-modules" rel="nofollow ugc">GitHub repository</a>.
If you have a feature request, or if you have developed the feature already, please feel free to use the Issues and/or Pull Requests section.
Of course, you can also provide me with translations if you would like to use the plugin in another not yet included language.

Text Modules

Use the new Text Modules custom post type and display a text module by either shortcode or widget.

Events Calendar Modules for Divi vs Text Modules