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.

Brian Hogg

<p><strong>Get your events displayed in a customizable list wherever you need them, with The Events Calendar Shortcode & Block!</strong> This plugin fully integrates with The Events Calendar Plugin (free version) by StellarWP, formerly Modern Tribe.</p>
<p>This plugin adds a shortcode, a WordPress block (Gutenberg editor), and now an <strong>Elementor widget</strong> and a <strong>Bricks element</strong> for use with The Events Calendar WordPress Plugin.</p>
<p>Display a list of your events by either adding a block in the new editor, or adding a shortcode to any post, page, or widget.</p>
<p>Here’s a quick video showing you what you can do:</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/_hpfuoa6MZM?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>
<blockquote><p>
If you need extra design and functionality, <a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">Get The Events Calendar Shortcode & Block Pro</a>! The Pro version offers seven designs, additional filtering options, and full control over how your events display.</p>
<p>You get the same full integration with The Events Calendar, plus premium support, show multiple shortcodes on one page, a filter bar so users can find what events they want to see, and it works with any WordPress theme.</p>
<p><a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">Check out the Pro version today</a>
</p></blockquote>
<p>Trusted by 20,000+ WordPress sites and a 4.7 star rating on WordPress.org, The Events Calendar Shortcode & Block is the solution you’ve been after 🙂</p>
<h3>How to use The Events Calendar Shortcode & Block</h3>
<p>You can use the shortcode or block to add a list of your events, filtered by various options. Here’s an example of how you’d show the next 8 events in the category festival:</p>
<pre><code>[ecs-list-events cat="festival" limit="8"]
</code></pre>
<p>With the WordPress block editor, just add a block and search for The Events Calendar Shortcode.</p>
<p>When editing a post or page with Elementor, you can add The Events Calendar Shortcode widget (under “General”) and customize the display options.</p>
<p>You can also filter the events in the shortcode and choose from the following options:</p>
<ul>
<li>Category: show events from specific categories.</li>
<li>Number of events: choose the number of events to show.</li>
<li>Event order: Order in which your events are shown (latest first or last).</li>
<li>Event dates: Show or hide the date.</li>
<li>Event venue: Show or hide the venue.</li>
<li>Event excerpt: Show or hide the event excerpt, and set an excerpt length.</li>
<li>Event content details: Change the order the event details are displayed.</li>
<li>Thumbnail: Show or hide a thumbnail image.</li>
<li>View all events link: Choose whether to include a “view all events” link or not.</li>
<li>Events from a specific month: show only events from specific months (including current or next month).</li>
<li>Previous events: Show previous events.</li>
<li>Hide started events: Hide events when their start time passes.</li>
</ul>
<p>This gives you full control over how your events are displayed, and is perfect for non-profits, charities, businesses, conferences, and anyone with a WordPress website showing events.</p>
<p>You’ll find a full list of how to use these options in the shortcode below in the plugin’s FAQs or <a href="https://eventcalendarnewsletter.com/events-calendar-shortcode-pro-options/?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">on our documentation page</a>.</p>
<blockquote>
<h3>With Pro, choose your design and get even more control</h3>
<p><a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">The Events Calendar Shortcode & Block Pro</a> adds extra designs, including a true calendar view, compact and column-based designs, and advanced features like events grouped by day.</p>
<p>Plus, get advanced control over how your events display:</p>
<ul>
<li><strong>Events in the next week:</strong> Show events happening in the next X days, for example tomorrow, next week, or next month.</li>
<li><strong>Only specific days:</strong> Show only events on specific days.</li>
<li><strong>Display events by location:</strong> Choose to show events by city, state, or country!</li>
<li><strong>Only featured events:</strong> Show only events you mark as featured.</li>
<li><strong>Full event description:</strong> Show the full event description, instead of just a short excerpt.</li>
<li><strong>Only show start time:</strong> Just show the start time of your event.</li>
<li><strong>Hide recurring events:</strong> Only show the first instance of a recurring event.</li>
<li><strong>Filter bar:</strong> Allow visitors to choose what events they want to see.</li>
<li><strong>Pagination:</strong> Let visitors view additional pages of events.</li>
<li><strong>Custom design:</strong> Create your own using Shortcode Variables or templates, or use one of the seven built-in options.</li>
<li><strong>Plus much more:</strong> <a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">check out The Events Calendar Shortcode & Block Pro details here</a>.</li>
</ul>
<p><a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">The Events Calendar Shortcode & Block Pro</a> is ideal for non-profits, charities, businesses, conferences, developers, and WordPress agencies who need the extra control and support straight from the plugin developer. <a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">Check it out here</a>.
</p></blockquote>
<h3>Who’s using The Events Calendar Shortcode?</h3>
<p><strong>William Penn University</strong> is a private liberal arts university located in Oskaloosa, Iowa. The university offers more than 20 majors through seven academic divisions, with a focus on leadership, technology, and inspired potential. As an institution that hosts various events throughout the year, William Penn University needed an efficient way to display and manage its event calendar on its website. The university chose to implement The Events Calendar Shortcode plugin to streamline event management and improve the overall user experience.</p>
<p>The university decided to use The Events Calendar Shortcode plugin, which integrates seamlessly with The Events Calendar WordPress Plugin. The plugin allows the university to display a list of events using a shortcode or a WordPress block. This makes it easy for technical and non-technical users to add events to the website without any coding knowledge.</p>
<p><strong>365Austin</strong> is a popular website that curates and shares the best events, activities, and experiences in Austin, Texas. With a comprehensive event calendar, the platform aims to make it easier for locals and tourists alike to discover and participate in exciting events happening in the city. To improve event management and user experience, 365Austin chose to implement The Events Calendar Shortcode plugin on its website.</p>
<p><strong>CREST</strong> (Center for Research in Economics and Statistics) is a renowned research center that brings together researchers from various fields, including economics, finance, sociology, and statistics. To facilitate collaboration and knowledge sharing among its members and the wider academic community, CREST hosts various seminars, workshops, and conferences. A comprehensive event calendar on the CREST website plays a crucial role in keeping researchers informed and engaged.</p>
<p>Each event listing includes essential information such as the title, date, time, speaker, and a brief description of the topic. The calendar is designed to be user-friendly and easily accessible, allowing researchers to stay informed about upcoming events relevant to their fields of interest.</p>
<h3>Documentation</h3>
<p>The full list of options you can use can be found <a href="https://eventcalendarnewsletter.com/events-calendar-shortcode-pro-options/?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">on our documentation page</a>.</p>
<p>We also have a full course on setting up The Events Calendar, our The Events Calendar Shortcode & Block plugin, and more: <a href="https://eventcalendarnewsletter.com/the-events-calendar-course/?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">Getting Started Promoting Events with The Events Calendar plugin for WordPress</a></p>
<p>If you have any other questions about the plugin, you can post a thread <a href="https://wordpress.org/support/plugin/the-events-calendar-shortcode/" rel="ugc">in the WordPress.org forum</a>. If you’re looking for premium, personalized support, consider upgrading to <a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">The Events Calendar Shortcode & Block Pro</a>.</p>
<p>Still have a question? You can send us an email at info@eventcalendarnewsletter.com.</p>
<p>This plugin is not developed by or affiliated with The Events Calendar WordPress plugin, StellarWP or Modern Tribe in any way.</p>


The Events Calendar Shortcode & Block

Wonderful plugin and the author provides excellent support.

Great Plugin Works as Advertised

nice


Provides functionality otherwise missing from TEC core. I use this on many client sites and appreciate it. Thanks!


Works great and reliably

Add shortcode, block and Elementor widget functionality to The Events Calendar Plugin, so you can easily list and promote your events anywhere.

Fair Calendar Button vs The Events Calendar Shortcode & Block