Marcin Wosinek

<p>A Gutenberg block for calendar integration. The block displays a button with a calendar integration with support for Google Calendar, Outlook, Yahoo Calendar, and ICS downloads. With a clean, professional dropdown interface, visitors can add events to their preferred calendar application.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li><strong>Multiple Calendar Providers:</strong> Google Calendar, Outlook, Yahoo Calendar, and ICS download</li>
<li><strong>Modern UI:</strong> Clean dropdown with Font Awesome icons and smooth animations  </li>
<li><strong>Server-side Rendering:</strong> SEO-friendly with proper WordPress block architecture</li>
<li><strong>Automatic URL Inclusion:</strong> Event descriptions automatically include the page URL for reference</li>
<li><strong>Responsive Design:</strong> Works beautifully on desktop and mobile devices</li>
<li><strong>Multilingual Support:</strong> Available in English, Polish, German, Spanish, and French</li>
<li><strong>Fair Pricing Model:</strong> No premium tiers or hidden features – everything is included</li>
</ul>
<p><strong>Supported Calendar Providers:</strong></p>
<ul>
<li>🌐 Google Calendar – Opens directly in Google Calendar</li>
<li>🏢 Microsoft Outlook – Compatible with Outlook.com and Office 365</li>
<li>🟣 Yahoo Calendar – Direct integration with Yahoo Calendar</li>
<li>💾 ICS Download – Universal calendar file for any calendar application</li>
</ul>
<p><strong>Perfect For:</strong></p>
<ul>
<li>Event organizers and venues</li>
<li>Businesses hosting webinars or meetings</li>
<li>Content creators with scheduled events</li>
<li>Anyone wanting to make it easy for visitors to save events</li>
</ul>
<p>The plugin uses server-side rendering for better performance and SEO, while providing a smooth user experience with JavaScript enhancements.</p>
<h3>1.5.2</h3>
<h3>Patch Changes</h3>
<ul>
<li>7e7ea9c: Update version tested up to version to 6.9.</li>
</ul>
<h3>1.5.1</h3>
<h3>Patch Changes</h3>
<ul>
<li>4ed3721: Add location to fair-events</li>
</ul>
<h3>1.5.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>13fb665: Integrate button with Fair Events content type</li>
</ul>
<h3>1.4.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>f901aa2: Add support to Plausible integration</li>
</ul>
<h3>1.3.2</h3>
<h3>Patch Changes</h3>
<ul>
<li>84fe629: Set correctly supported version</li>
</ul>
<h3>1.3.1</h3>
<h3>Patch Changes</h3>
<ul>
<li>Add missing translation</li>
</ul>
<h3>1.3.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>Add translations to PL, DE, ES and FR</li>
</ul>
<h3>1.2.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>Fix multiple UX issues in block</li>
</ul>
<h3>1.1.1</h3>
<h3>Patch Changes</h3>
<ul>
<li>Update dependencies to the newest version</li>
</ul>
<h3>1.1.0</h3>
<h3>Minor Changes</h3>
<ul>
<li>99a2038: Change format of recurrence description in block attributes.</li>
</ul>
<p>All notable changes to this project will be documented in this file.</p>
<p>The format is based on <a href="https://keepachangelog.com/en/1.0.0/" rel="nofollow ugc">Keep a Changelog</a>,<br />
and this project adheres to <a href="https://semver.org/spec/v2.0.0.html" rel="nofollow ugc">Semantic Versioning</a>.</p>
<h3>[1.0.0] – 2025-01-30</h3>
<h3>Added</h3>
<ul>
<li>Initial release of Fair Calendar Button</li>
<li>Gutenberg block for calendar event integration</li>
<li>Support for multiple calendar providers:
<ul>
<li>Google Calendar</li>
<li>Microsoft Outlook</li>
<li>Yahoo Calendar</li>
<li>ICS file download</li>
</ul>
</li>
<li>Modern dropdown UI with Font Awesome SVG icons</li>
<li>Server-side rendering for better SEO performance</li>
<li>Automatic URL inclusion in event descriptions</li>
<li>Responsive design for all device sizes</li>
<li>WordPress 5.8+ compatibility</li>
<li>PHP 8.0+ requirement</li>
</ul>
<h3>Features</h3>
<ul>
<li>Clean, professional dropdown interface</li>
<li>Brand-specific hover effects for each calendar provider</li>
<li>Smooth animations and transitions</li>
<li>Uses WordPress core button block for maximum theme compatibility</li>
<li>No external API dependencies</li>
<li>GDPR compliant (no data collection)</li>
</ul>
<h3>Technical</h3>
<ul>
<li>Built with modern WordPress block development practices</li>
<li>Uses block.json for block registration</li>
<li>Font Awesome SVG icons (tree-shaken for performance)</li>
<li>ES6+ JavaScript with webpack compilation</li>
<li>Follows WordPress PHP and JavaScript coding standards</li>
<li>Server-side rendering with render.php</li>
<li>Namespace isolation to prevent conflicts</li>
</ul>
<h3>Developer Notes</h3>
<p>This plugin is built with modern WordPress development practices:</p>
<ul>
<li>Uses WordPress’s block.json for block registration</li>
<li>Server-side rendering with render.php</li>
<li>Font Awesome SVG icons (not CSS) for better performance</li>
<li>ES6+ JavaScript with webpack compilation</li>
<li>Follows WordPress PHP and JavaScript coding standards</li>
</ul>
<p>The plugin is open source and contributions are welcome on GitHub: https://github.com/marcin-wosinek/fair-event-plugins</p>


Fair Calendar Button

A Gutenberg block for calendar integration.

Satinder Singh

CoolHappy

Cool Plugins

<p><iframe loading="lazy" title="Ultimate Events Widget Plugin to display events in Elementor" width="750" height="422" src="https://www.youtube.com/embed/2m74nSrEo0g?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong><a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_description" rel="nofollow ugc">Events Widget for The Events Calendar</a></strong> is a powerful addon that lets you display your events directly inside your Elementor pages. It works perfectly with The Events Calendar plugin, giving you more layout options and control over how your events appear.</p>
<p>The Events Calendar is great for managing events, but its default layout option is a limitation. This addon solves that problem by giving you multiple layout options. With just a few clicks, you can filter events, choose layouts, and style your event sections to match your site perfectly.</p>
<p><strong><a href="https://eventscalendaraddons.com/demos/events-widgets-pro/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=check_demos" rel="nofollow ugc">Check Plugin Demos</a></strong></p>
<h3>Key Features</h3>
<ul>
<li><strong>Elementor Compatibility:</strong> Easily use the Events Widget inside Elementor, just drag and drop it into your design and customize the layout.</li>
<li><strong>Event Type:</strong> Display only upcoming events, past, or show all events according to your preference.</li>
<li><strong>Style Customization:</strong> Apply predefined style options to personalize the appearance of your events widget.</li>
<li><strong>Multiple Layout Options:</strong> Choose a layout from the available options, List, Minimal List, or Calendar, according to your website’s theme.</li>
<li><strong>Category-based Events:</strong> Use filters to help visitors find events from a specific category or multiple categories on your website.</li>
<li><strong>Event Time Filter:</strong> Choose to display all events or events within a specific date range.</li>
<li><strong>Style Customization:</strong> Apply predefined style options to personalize the appearance of your events widget.</li>
<li><strong>Event Display Limit:</strong> Set how many events to show at one time in the widget.</li>
<li><strong>Custom Date Format:</strong> Choose how event dates are displayed (e.g., DD/MM/YYYY, MM-DD-YYYY) to match your regional preferences or branding style.</li>
<li><strong>Event Ordering Options:</strong> Display events in ascending or descending order based on their date.</li>
<li><strong>Show or Hide Venue Details:</strong> Display or hide the venue details of your events.</li>
<li><strong>Display Descriptions and Categories:</strong> Display or hide event descriptions and category labels alongside each event.</li>
<li><strong>Schema Markup Control:</strong> Enable or disable schema.org markup to align with your SEO strategy and site optimization preferences.</li>
</ul>
<h3>Free Version Demos</h3>
<p><a href="https://eventscalendaraddons.com/the-events-calendar-list-widget-for-elementor/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=events_list" rel="nofollow ugc">Events List</a><br />
<a href="https://eventscalendaraddons.com/elementor-event-calendar-widget-designs/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=events_calendar" rel="nofollow ugc">Events Calendar</a><br />
<a href="https://eventscalendaraddons.com/events-list-minimal-styles-for-elementor/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=minimal_list" rel="nofollow ugc">Events Minimal List</a></p>
<h3>Upgrade to Pro!</h3>
<p>Upgrading to Events Widget Pro unlocks the advanced features, like:</p>
<ul>
<li><strong>Custom Loop Builder:</strong>Design custom event items using Elementor’s Loop feature. Create personalized layouts that include only the elements you need.</li>
<li><strong>Multiple Layout Options:</strong>Display events in stunning layouts: Grid, List, Carousel, or Calendar format.</li>
<li><strong>Category Filters & Search Bar:</strong>Add a search bar to your event pages and allow visitors to filter category-based events.</li>
<li><strong>Pagination & Load More:</strong>Include “Load More” buttons and pagination to handle multiple events.</li>
<li><strong>Date Ranges & Sorting:</strong>Control event display based on date (e.g., upcoming or past events) and choose ordering (ascending or descending).</li>
<li><strong>Venue & Event Info Control:</strong>Show or hide venue, description, categories, and other event metadata based on your design preferences.</li>
</ul>
<p><strong><a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=events_widget_pro#pricing" rel="nofollow ugc">Get Pro!</a></strong></p>
<h3>Pro Version Demos</h3>
<p><a href="https://eventscalendaraddons.com/the-events-calendar-grid-widget-for-elementor/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=events_grid" rel="nofollow ugc">Events Grid</a><br />
<a href="https://eventscalendaraddons.com/elementor-widget-display-events-by-category/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=events_category" rel="nofollow ugc">Events Category</a><br />
<a href="https://eventscalendaraddons.com/elementor-add-ajax-load-more-pagination-events-list/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=events_pagination" rel="nofollow ugc">Events With Pagination</a><br />
<a href="https://eventscalendaraddons.com/elementor-widget-list-all-events-by-venue/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=events_venue" rel="nofollow ugc">Events by Venue</a></p>
<h3>More Addons For The Events Calendar</h3>
<ul>
<li><strong><a href="https://eventscalendaraddons.com/plugin/event-single-page-builder-pro/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=epta_more_addons" rel="nofollow ugc">Events Single Page Builder Pro</a></strong> – Design stunning single event pages with Elementor using pre-built templates and 20+ customizable widgets.</li>
<li><strong><a href="https://eventscalendaraddons.com/plugin/events-shortcodes-pro/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=ect_more_addons" rel="nofollow ugc">Events Shortcodes Pro</a></strong> – Events Shortcodes Pro For The Events Calendar adds the missing shortcode functionality to The Events Calendar plugin. With this plugin, you can easily display your events on any page or post in a list, grid, carousel, slider, masonry, accordion, or even a timeline format.</li>
<li><strong><a href="https://wordpress.org/plugins/events-calendar-modules-for-divi/" rel="ugc">Events Calendar Modules for Divi</a></strong> – Display The Events Calendar Events directly inside Divi with Customizable List or Grid Layouts.</li>
</ul>
<h3>Explore Our Other Elementor Addons</h3>
<ul>
<li><strong><a href="https://coolplugins.net/cool-formkit-for-elementor-forms/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=cfkef_elementor_addons" rel="nofollow ugc">Cool FormKit</a></strong>: Extend your Elementor, Hello Plus, and Cool FormKit form widget, with advanced features like conditional fields, range sliders, country code, and more.</li>
<li><strong><a href="https://cooltimeline.com/plugin/elementor-timeline-widget-pro/?utm_source=ectbe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=twae_elementor_addons" rel="nofollow ugc">Timeline Widget For Elementor</a></strong>: Create stunning vertical and horizontal timelines to showcase your achievements, personal journey, or company history directly inside Elementor.</li>
</ul>
<p><strong>DISCLAIMER:</strong> Events Widgets For Elementor & The Events Calendar plugin is developed by the Cool Plugins team and is not affiliated with or developed by the official team of The Events Calendar plugin, which is a part of StellarWP, the software arm of Liquid Web. Some of the links in this content may be affiliate links, which means we may earn a commission at no extra cost to you if you purchase through these links.</p>


Events Widgets For Elementor And The Events Calendar

Display events in list, grid, or carousel layouts directly inside Elementor Using The Events Widgets.

Fair Calendar Button vs Events Widgets For Elementor And The Events Calendar