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

Events Calendar Addons

<p><strong><a href="https://eventscalendaraddons.com/plugin/event-single-page-builder-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_description" rel="nofollow ugc">Event Single Page Builder</a></strong> is an addon for <a href="https://stellarwp.pxf.io/tec" rel="nofollow ugc">The Events Calendar</a> plugin that helps you create custom single event page templates. Instead of using the default event layout, you can design a custom event page template that matches your website style and overall theme.</p>
<p>This extension helps you create a modern event calendar layout with full control over layout, colors, template display condition, and date format. You can replace the default single event page layout of The Events Calendar with your own custom design.</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/50FBrcqoB-M?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>
<p>👉 <strong>View FREE Demo:</strong> <a href="https://eventscalendaraddons.com/event/blood-donation-camp-in-delhi/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_free&utm_content=below_video" rel="nofollow ugc">Single Event Page Template</a></p>
<p>👉 <strong>View PRO Demos:</strong> Design single event, category, venue, and organizer page layouts.</p>
<ul>
<li>
<p><strong>Design page templates in Elementor (PRO)</strong></p>
<ul>
<li><a href="https://eventscalendaraddons.com/event/ghost-music-band-performance/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Single Event Page</a>: Create fully custom single event page templates using Elementor.</li>
<li><a href="https://eventscalendaraddons.com/events/category/training/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Category Page</a>: Build stylish event category archive layouts.</li>
<li><a href="https://eventscalendaraddons.com/venue/rotary-blood-bank-delhi/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Venue Page</a>: Customize venue pages and display all events of that venue.</li>
<li><a href="https://eventscalendaraddons.com/organizer/xyz-club/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Organizer Page</a>: Design organizer detail pages and show related events.</li>
</ul>
</li>
<li>
<p><strong>Pre-built templates for Non-Elementor sites (PRO)</strong></p>
<ul>
<li><a href="https://eventscalendaraddons.com/event/womens-marathon-in-london/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Single Event Page Template</a>: Use ready-made templates for single event pages.</li>
<li><a href="https://eventscalendaraddons.com/events/category/wedding/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Category Page Template</a>: Quick setup with pre-designed event category layouts.</li>
<li><a href="https://eventscalendaraddons.com/venue/cc-venue-oakland/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Venue Page Template</a>: Ready-to-use venue page design.</li>
<li><a href="https://eventscalendaraddons.com/organizer/ride-it-up/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Organizer Page Template</a>: Structured organizer page layout with event listing.</li>
</ul>
</li>
</ul>
<p><strong><a href="https://eventscalendaraddons.com/demos/event-single-page-builder-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">View All PRO Demos</a></strong></p>
<h3>Plugin Features</h3>
<ul>
<li><strong>Custom Single Event Page Template:</strong> Replace the default single event page layout of The Events Calendar with a clean and modern event template design.</li>
<li><strong>Apply Template to All Events:</strong> Automatically apply the same custom event page layout to all your published events without editing them individually.</li>
<li><strong>Date & Time Format Control:</strong> Choose how the event date and time should appear on your single event page based on your country format and preference.</li>
<li><strong>Primary Color & Display Conditions:</strong> Select template display condition and colorsto match your website branding and theme style.</li>
<li><strong>Custom CSS Option:</strong> Add your own CSS to further customize the event layout.</li>
<li><strong>Fully Responsive Layout:</strong> The event single page template is fully responsive and works smoothly on mobile, tablet, and desktop devices.</li>
</ul>
<h3>PRO Features</h3>
<ul>
<li>
<p><strong><a href="https://eventscalendaraddons.com/doc/elementor-event-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Single Event Page Builder for Elementor</a>:</strong> Design fully custom single event page templates using Elementor’s drag-and-drop editor with dynamic event widgets.</p>
<ul>
<li><a href="https://eventscalendaraddons.com/doc/elementor-event-category-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Events Category Page</a>: Create custom event category archive layouts in Elementor.</li>
<li><a href="https://eventscalendaraddons.com/doc/elementor-event-venue-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Venue Page</a>: Design dedicated venue pages and display all events of that venue.</li>
<li><a href="https://eventscalendaraddons.com/doc/elementor-event-organizer-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Organizer Page</a>: Build organizer detail pages and dynamically show related events.</li>
</ul>
<p>To design category, venue, and organizer layouts in Elementor, the <a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=pro_features" rel="nofollow ugc">Events Widgets</a> plugin must be installed along with Event Single Page Builder.</p>
</li>
<li>
<p><strong><a href="https://eventscalendaraddons.com/doc/elementor-event-speakers-sponsors-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Add Speakers & Sponsors Section</a>:</strong> Display speakers and sponsors blocks on your event page using the <a href="https://eventscalendaraddons.com/plugin/events-speakers-and-sponsors/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=pro_features" rel="nofollow ugc">Events Speakers & Sponsors</a> plugin.</p>
</li>
<li>
<p><strong>Pre-built Templates for Non-Elementor Sites:</strong></p>
<ul>
<li><a href="https://eventscalendaraddons.com/doc/single-event-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Single Event Page Template</a>: Use ready-made templates for single event pages.</li>
<li><a href="https://eventscalendaraddons.com/doc/category-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Category Page Template</a>: Quickly set up event category archive layouts.</li>
<li><a href="https://eventscalendaraddons.com/doc/organizer-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Organizer Page Template</a>: Display organizer details along with their events.</li>
<li><a href="https://eventscalendaraddons.com/doc/venue-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Venue Page Template</a>: Display venue details and all related events.</li>
</ul>
</li>
<li>
<p><strong><a href="https://eventscalendaraddons.com/doc/events-multiple-templates/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Apply Multiple Templates to Different Events</a>:</strong> Assign different templates based on event category or specific events.</p>
</li>
</ul>
<h3>Why Use Event Single Page Builder with The Events Calendar?</h3>
<p>If you run an event website, training portal, conference platform, festival site, or community events directory and use The Events Calendar WordPress event plugin to manage your events, you may notice that the default single event page layout has design limitations. This addon helps you create branded and professional single event page templates.</p>
<p>With PRO features, you can also design category, venue, and organizer page layouts to manage a complete event website. Display all events from a specific venue on its own page, show all events by a particular organizer, or organize events by category in a clean and structured format using this powerful WordPress event plugin setup.</p>
<h3>Other Extensions For <a href="https://stellarwp.pxf.io/tec" rel="nofollow ugc">The Events Calendar</a></h3>
<p>If you are using The Events Calendar WordPress plugin, you can extend its functionality further with these powerful addons:</p>
<ul>
<li><a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Widgets for Elementor & The Events Calendar</a>: Display events inside Elementor using list, grid, carousel, slider, and other advanced layouts with full styling control.</li>
<li><a href="https://eventscalendaraddons.com/plugin/events-shortcodes-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Shortcodes for The Events Calendar</a>: Show events anywhere on your website using simple shortcodes in list, grid, timeline, or calendar format.</li>
<li><a href="https://eventscalendaraddons.com/plugin/events-speakers-and-sponsors/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Speakers & Sponsors</a>: Add dedicated speakers and sponsors sections to your event pages with structured layouts.</li>
<li><a href="https://eventscalendaraddons.com/plugin/the-events-calendar-modules-for-divi/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Calendar Modules for Divi</a>: Display The Events Calendar events using custom Divi modules built specifically for Divi Builder pages and layouts.</li>
</ul>
<h3>Other Plugins by <a href="https://cooltimeline.com/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=homepage&utm_content=other_plugins" rel="nofollow ugc">Cool Plugins</a></h3>
<p>Cool Plugins has also built many WordPress plugins for different use cases:</p>
<ul>
<li><a href="https://coolformkit.com/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">Cool FormKit</a>: Advanced Elementor form fields and conditional logic addon.</li>
<li><a href="https://cooltimeline.com/plugin/cool-timeline-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">Cool Timeline</a>: Create vertical and horizontal timeline layouts.</li>
<li><a href="https://coolplugins.net/product/autopoly-ai-translation-for-polylang/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">AutoPoly</a>: AI translation addon for Polylang multilingual sites.</li>
<li><a href="https://locoaddon.com/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">LocoAI</a>: AI-powered translation helper for Loco Translate.</li>
</ul>
<p><strong>Use of Third-Party Services:</strong> To improve the plugin experience, this plugin connects to the Cool Plugins API to display related plugins information inside its dashboard. It also offers optional usage tracking and an optional feedback form during deactivation. Data is sent only after explicit user consent. No hidden tracking is performed, and no frontend visitor or personal 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>. It also uses <a href="https://github.com/CMB2/CMB2/tree/develop?tab=GPL-3.0-1-ov-file" rel="nofollow ugc">CMB2</a> for the settings panel (GPL licensed).</p>
<p><strong>Disclaimer:</strong> Event Single Page Builder For The Events Calendar is developed by Cool Plugins and is not affiliated with or endorsed by The Events Calendar team (a product of StellarWP, Liquid Web). Some links in this plugin or its readme may be affiliate links, meaning we may earn a commission at no extra cost to you.</p>


Event Single Page Builder For The Events Calendar

The Events Calendar addon to create custom single event page templates and replace the default event single page layout with your own branded design.

Fair Calendar Button vs Event Single Page Builder For The Events Calendar