Satinder Singh

CoolHappy

Cool Plugins

Events Calendar Addons

<h3>The Events Calendar Divi Integration</h3>
<p><strong><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></strong> 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.</p>
<p>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.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><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></span></p>
<h3>Live Demos</h3>
<ul>
<li>
<p><strong>View FREE Demos:</strong> <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></p>
</li>
<li>
<p><strong><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>:</strong> Create advanced Events Grid and Carousel layouts inside Divi Builder.</p>
<ul>
<li><strong>Events Grid Layout:</strong> <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><strong>Events Carousel Layout:</strong> <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><strong>Divi Events Calendar Module:</strong> Adds a dedicated Events module inside Divi Builder to display The Events Calendar events directly on any page or section.</li>
<li><strong>Event List Layout:</strong> 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><strong>Event Query & Design Controls:</strong> Control how many events to display, manage event order, and customize colors, fonts, and other styling options directly inside Divi module settings.</li>
<li><strong>Responsive & Mobile Friendly:</strong> 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>
<p><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.</p>
<ul>
<li>
<p><strong><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>:</strong><br />
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.</p>
</li>
<li>
<p><strong>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:</strong><br />
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.</p>
</li>
<li>
<p><strong>Load More Functionality:</strong><br />
Add an AJAX Load More button to dynamically load additional events without page refresh, improving performance and user experience.</p>
</li>
</ul>
<h4>Why Use Events Calendar Modules for Divi?</h4>
<p>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.</p>
<p>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.</p>
<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>
<p><strong>Third-Party Services:</strong> 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>.</p>
<p><strong>Disclaimer:</strong> 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.</p>
<p><strong>Important Notice:</strong> 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.</p>


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.

<h3>What does it do?</h3>
<p>If you have a site with multiple subpages, you might have some positions in your template where you probably want to manage individual content (like a sidebar, a footer, a banner or whatever). The WordPress widgets can display content in specific widget-positions, but you can’t tell WordPress to only display your content on a certain page – That’s where my plugin comes in.</p>
<p>You can create different module positions, assign content and choose on which pages it will be shown. If you use WordPress as a CMS, this will be very helpful.</p>
<h3>Create Module Positions</h3>
<p>First, you can create different module positions. Rename these as you want. To put a module position in your template you can easily copy & paste the shortcode right next to the positions’s name. if you have already created content, you can drag and drop these around to change their order.</p>
<h3>Create Content</h3>
<p>Now, you can create content for your module positions. You can choose on which pages, categories or posts your content will be displayed. For this information your <a href="https://codex.wordpress.org/Appearance_Menus_Screen/" title="custom menus" rel="nofollow ugc">custom menus</a> will be loaded (which are defined in your template).</p>
<p>If there are categories with posts in your custom menu, click the “+”-button to show them. You also can choose on which posts your content will be displayed here.</p>
<h3>Define your HTML-markup</h3>
<p>In the little metabox on the right side, you can simply define your HTML-markup. Try writing <code>{{post_content}}</code> for your content and <code>{{post_title}}</code> for your title – A list of all values can be <a href="https://codex.wordpress.org/Function_Reference/get_post#Return" title="get_post" rel="nofollow ugc">found here</a>. To reset your markup just click on “Reset”, that will load the standard markup (which can be changed on the settings page).</p>
<h3>Settings</h3>
<ul>
<li>Change your standard HTML-markup. If you click on “Reset” in your moduleposition-posts, this will be loaded.</li>
<li>Change the order of posts in the drop-down menus of your categories. That may be useful if you have a lot of posts in a category and you want to find a special post.</li>
</ul>
<h3>Missing something? Send me an e-mail!</h3>
<p>I’m open to new ideas! Write me: kontakt@philipp-kuehn.com</p>


Module Positions

A simplified equivalent to Joomla's module positions. Create module positions, assign content and choose on which pages it will be shown.

Events Calendar Modules for Divi vs Module Positions