katsustudio

You can create your desired template through this plugin and give it your own styles. This plugin works with Elementor and you must have it installed.
Using this plugin, you can create multiple templates and change your single page for all events whenever you want with just one click through the setting.
This plugin works with The Events Calendar version available in WordPress and in the near future more features will be added from the Events Calendar Pro version and its editions.
<iframe loading="lazy" title="TEC Elementor Single Builder" width="750" height="422" src="https://www.youtube.com/embed/DBxzCFcU5hA?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>
<h4>✨ Widgets</h4>
✔️ Title 
✔️ Featured Image 
✔️ Content 
✔️ Categories 
✔️ Tags 
✔️ Start/End Date 
✔️ Notifications 
✔️ Location 
✔️ Organizer 
✔️ Export Google 
✔️ Export iCal 
✔️ Cost 
✔️ Map 
✔️ Next/Previous 
✔️ Share to Facebook,Twitter,Email 
✔️ Related Events

TEC Elementor Single Builder

Elementor Single Builder for The Events Calendar Plugin.

Ciprian

Patrick Lumumba

WP Corner

Divi Banks

<h3>Quick Event Calendar – Simple, fancy event calendar.</h3>
Quick Event Calendar is a very simple, performant, and WordPress-integrated event calendar plugin. Quick Event Calendar allows you to add posts, events or any other custom post type to a flexible, responsive calendar which can be placed in a post, page or widget.
The calendar works on one page only using AJAX loading. All events (or posts) in one month are displayed under the calendar.
It is simple, and fast, with no bloated styles and visual scripts. Use the included themes to style your calendar. Use the default or the minimal theme to match your current WordPress theme appearance.
The calendar is feature-packed: works with custom posts, only needs one page, includes predefined themes and is responsive.
Add your own event using the <code>[qcc-form]</code> shortcode and display all events using the <code>[qcc-calendar]</code> shortcode.
<h3>Quick Event Calendar plugin can be used by:</h3>
<ul>
<li>
**Website Owners / Administrators: Anyone who runs a WordPress website can use this plugin to display events or custom post types in a calendar format on their site.
</li>
<li>
Event Organizers: Individuals or organizations that host events can utilize this plugin to create an event calendar on their WordPress website, allowing visitors to easily view and potentially submit events.
</li>
<li>
Bloggers / Content Creators: If you have a blog or website where you regularly publish content organized by date (e.g., posts, articles, news), you can use Quick Event Calendar to display this content in a calendar format.
</li>
<li>
Business Owners: Small businesses, especially those in industries like hospitality, retail, or services, can use this plugin to showcase their events, promotions, or special offers in a visually appealing calendar layout.
</li>
<li>
Community Organizations: Non-profit organizations, clubs, schools, or local communities can benefit from Quick Event Calendar to publicize their upcoming events, meetings, or activities on their WordPress website.
</li>
<li>
Personal Websites / Blogs: Individuals running personal websites or blogs can use this plugin to display their schedule, milestones, or any date-based content in a calendar format.
</li>
</ul>
<h3>Key Features</h3>
See the features which are exclusive to the Quick Event Calendar plugin and understand why Quick Event Calendar is possibly the Best Event Calendar Plugin for WordPress.
<ul>
<li>
Simple and Performant: Quick Event Calendar is designed to be fast and lightweight, with no bloated styles or visual scripts, ensuring optimal performance.
</li>
<li>
AJAX Loading: The calendar works on a single page, utilizing AJAX to load events for a specific month, providing a smooth and efficient user experience.
</li>
<li>
Custom Post Type Integration: Display events from any custom post type, giving you the flexibility to organize and showcase your content as desired.
</li>
<li>
Responsive Design: The calendar is fully responsive, ensuring a seamless experience across different devices and screen sizes.
</li>
<li>
Predefined Themes: Quick Event Calendar includes predefined themes, allowing you to easily style your calendar to match your WordPress theme’s appearance.
</li>
<li>
Customizable Colors: Tailor the calendar’s appearance by selecting accent colors, event colors, and background colors to match your site’s branding.
</li>
</ul>
<h3>How to Use Quick Event Calendar</h3>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/981290390" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<ul>
<li>
Install and Activate: Install and activate the Quick Event Calendar plugin from the WordPress plugin repository.
</li>
<li>
Configure Settings: Navigate to the plugin settings and configure the desired options, such as selecting the post type, category (if applicable), and choosing which posts to display (published, scheduled, or future).
</li>
<li>
Add Events: Use the <code>[qcc-form]</code> shortcode to display the calendar submission form on any post, page, or widget, allowing users to add new events.
</li>
<li>
Display the Calendar: Use the <code>[qcc-calendar]</code> shortcode on any post, page, or widget to display the calendar with the selected events.
</li>
<li>
Customize Appearance: Select one of the predefined themes and match the calendar’s colors with your site’s branding by adjusting the accent color, event color, and background color for the current day.
</li>
</ul>
<h3>Help with shortcodes</h3>
<ul>
<li>
Use the <code>[qcc-calendar]</code> shortcode in any post, page or widget to show the calendar.
</li>
<li>
Use the <code>[qcc-form]</code> shortcode in any post, page or widget to show the calendar submission form.
</li>
</ul>
<h3>Help with template tags</h3>
<ul>
<li>
Use the <code><?php echo do_shortcode("[qcc-calendar]"); ?></code> code in any page template to show the calendar.
</li>
<li>
Use the <code><?php echo do_shortcode("[qcc-form]"); ?></code> code in any page template to show the calendar submission form.
</li>
</ul>
<h3>Help with styling</h3>
Use the included themes to style your calendar. Use the default or the minimal theme to match your current WordPress theme appearance.
After installing the plugin, you need to configure it by selecting several options:
<ul>
<li>
Select the desired post type, the desired category (if post type is ‘post’) and which posts you want to show. For an event calendar, the default should be both published and scheduled/future posts.
</li>
<li>
In case you want to use custom meta fields, the calendar works with preexisting meta fields. Using custom meta fields requires a third-party plugin to add new fields.
</li>
<li>
After selecting the desired options, pick one of the predefined themes to match your site.
</li>
<li>
After selecting a theme, you need to match your site’s colours with the calendar template.
</li>
<li>
In your Configurator tab, select the accent colour, the event colour and the background colour for the current day.
</li>
</ul>
When you are done with the settings, use the <code>[qcc-calendar]</code> shortcode in any post, page or widget to show the calendar.

Quick Event Calendar

Quick Event Calendar is a very simple, performant, and WordPress-integrated event calendar plugin.

TEC Elementor Single Builder vs Quick Event Calendar