bramwaas

Simple block or widget to display events from a public google calendar, microsoft office outlook calendar or an other iCal file, in the style of your website.
The Gutenberg block requires at least WordPress 5.9. 
This simple block/widget fetches events from a public google calendar (or other calendar in iCal format) and displays them in simple list allowing you to fully adapt to your website by applying all kinds of CSS. 
Google offers some HTML snippets to embed your public Google Calendar into your website. 
These are great, but as soon as you want to make a few adjustments to the styling, that goes beyond changing some colors, they’re not enough.
<h3>Plugin Features</h3>
<ul>
<li>Calendar block or widget to display appointments/events of a public Google calendar or other iCal file.</li>
<li>Block gives live preview in the editor and is not constrained to widget area. Old widget will be displayed in legacy widget block only in widget area. Old widget works also with Elementor (with some limitations e.g. preview in backend editor is not always available).</li>
<li>Small footprint, uses only Google ID of the calendar, or ICS link for Outlook, or Url of iCal file, to get event information via iCal</li>
<li>Merge more calendars into one block</li>
<li>Manage events in Google Calendar, or other iCalendar source.</li>
<li>Fully adaptable to your website with CSS. Output in unordered list with Bootstrap 4 listgroup classes and toggle for details.</li>
<li>Choose date / time format in settings screen that best suits your website.</li>
<li>Displays per event DTSTART, DTEND, SUMMARY, LOCATION and DESCRIPTION. DTSTART is required other components are optional. </li>
<li>Displays most common repeating events. Frequency Yearly, Monthly, Weekly, Dayly (not Hourly, Minutely and smaller periods)</li>
<li>Basic support for filter on Categories Warning: MS Outlook does not share categories via iCal now. Google and iCloud calendar don’t support categories at all. So this will not work with these calendars. </li>
<li>In the screenshot below: Left the block with default settings and clicked on one summary. Right with some adjusted settings. 
Adjusted settings for start with summary: 
Lay-out: Start with summary. 
Date format first line: “.<\b\r>l jS \o\f F” 
Enddate format first line: ” – l jS \o\f F” 
Time format time summary line: ” G:i” 
Time format end time summary line: ” – G:i” 
Time format start time: “” 
Time format end time: “” 
Tag for summary: “strong”</li>
</ul>
<h3>Documentation</h3>
<ul>
<li>Gets calendar events via iCal url or google calendar ID</li>
<li>Merge more calendars into one block</li>
<li>Displays maximum the selected number of events as listgroup-items </li>
<li>Displays only events in a selected period with a length of the setting “Number of days after today with events” from now limited by the time of the day or the beginning of the day at the start and the and of the at the end.</li>
<li>Displays events in timezone of WordPress setting, or in Clients timezone with javascript REST call fetched from the clients browser.</li>
<li>Displays event start-date and summary; toggle details, description, start-, end-time, location. </li>
<li>Displays most common repeating events </li>
<li>Frequency Yearly, Monthly, Weekly, Dayly (not parsed Hourly, Minutely …), INTERVAL (default 1), WKST (default MO)</li>
<li>End of repeating by COUNT or UNTIL</li>
<li>By day month, monthday or setpos (BYDAY, BYMONTH, BYMONTHDAY, BYSETPOS) no other by… 
(not parsed: BYWEEKNO, BYYEARDAY, BYHOUR, BYMINUTE, RDATE)</li>
<li>Exclude events on EXDATE from recurrence set (after evaluating BYSETPOS)</li>
<li>Respects Timezone and Day Light Saving time. Build and tested with Iana timezones as used in php, Google, and Apple now also tested with Microsoft timezones and unknown timezones. For unknown timezone-names using the default timezone of WordPress (probably the local timezone). </li>
</ul>
(This widget is a Fork of version 0.7 of that simple google calendar widget by NBoehr 
https://nl.wordpress.org/plugins/simple-google-calendar-widget/)
<h3>Copyright and License</h3>
This project is licensed under the <a href="http://www.gnu.org/licenses/old-licenses/gpl-2.0.html" rel="nofollow ugc">GNU GPL</a>, version 2 or later. 
2017 – 2023 © <a href="http://www.waasdorpsoekhan.nl" rel="nofollow ugc">Bram Waasdorp</a>.

Simple Google Calendar Outlook Events Widget

Block widget that displays events from a public google calendar or iCal file.

rsmith4321

ShootCal Web Calendar is the companion plugin for the ShootCal scheduling app for Mac and iOS. Publish your availability – or a full calendar – on your website straight from the calendar you already keep in ShootCal, which hides your personal events, builds each day’s availability from your session types, and auto-detects your timezone. It also works with any iCal (.ics) feed – Google Calendar, Apple, or Outlook – so you can use it with or without ShootCal.
Add it to any WordPress page or post in one of two modes. Availability mode shows which days are available, limited, or booked without ever exposing your event titles, locations, attendees, or descriptions. Full calendar mode shows each event’s title and time on the grid – handy for a public schedule like sunrise/sunset times, office hours, or class times.
Built for photographers and other service providers who want to show clients when they can book, without manually updating a calendar on their website every week.
<h4>How it works</h4>
Each calendar’s feed URL lives on the embed itself – the block’s Calendar feed URL field, or the shortcode’s <code>url</code> attribute – so different pages can show different calendars. In WP admin, Settings > ShootCal Web Calendar has a shortcode generator: paste a feed URL, pick a mode, and it checks the feed and hands you a ready-to-paste shortcode. Block users just add the “ShootCal Web Calendar” block and paste the URL in its sidebar.
Any iCal feed works:
<ul>
<li>Google Calendar – open your calendar’s settings, scroll to Integrate calendar, and copy the Secret address in iCal format.</li>
<li>Apple, Outlook, or other iCal feeds – paste the feed’s iCal URL.</li>
<li>ShootCal app (for ShootCal users) – open the Mac app, go to Settings > Website > Connect to your website, and click Copy URL. A ShootCal feed additionally hides your personal events, builds each day’s availability from your session types, and auto-detects your timezone and how many months to show.</li>
</ul>
The plugin fetches the feed server-side, caches it for 10 minutes, and renders a clean month grid. In availability mode it keeps only busy start/end times and discards all event detail; in full calendar mode it shows the event titles and times.
<h4>Privacy</h4>
The plugin only reads the iCal feed server-side. The cached data lives in your WordPress site’s object cache or database (transient) and is purged when you clear the cache or change settings.
The feed URL lives in the shortcode or block where you use it – treat it like a password. Note that full calendar mode intentionally displays event titles and times, so only point it at a feed whose contents are meant to be public.
<h4>Features</h4>
<ul>
<li>Two display modes: availability (free/busy shading, no detail) or full calendar (event titles + times)</li>
<li>Per-embed feed URL (shortcode <code>url</code> or block field) plus a built-in shortcode generator – show different calendars on different pages</li>
<li>Works with any iCal feed: Google Calendar, Apple, Outlook, or a ShootCal app feed</li>
<li>Month grid showing up to 36 months ahead, with previous / today / next navigation and keyboard arrows</li>
<li>Available / Limited / Booked status per day, with booked time windows shown on Limited days and a color legend</li>
<li>Tap-to-expand booking times, plus a tap indicator on phones</li>
<li>Per-embed Limited / Booked day colors (availability mode) and Sunday or Monday week start (the display timezone follows your WordPress site setting)</li>
<li>Optional “Page caching” mode that loads the calendar via JavaScript so it stays fresh behind Varnish or page-cache plugins</li>
<li>Privacy-first, accessible markup (ARIA grid, keyboard nav, AA contrast), and assets that load only on pages that use the calendar</li>
</ul>
<h3>Shortcode attributes</h3>
<ul>
<li><code>url</code> – the iCal (.ics) feed URL to display (required).</li>
<li><code>mode</code> – “availability” (free/busy shading, default) or “full” (show event titles + times).</li>
<li><code>multi_session_day</code> – availability mode only. “1” (default): a day with only timed sessions shows as “Limited”. “0”: any event marks the whole day “Booked”.</li>
<li><code>limited_color</code> – availability mode only. Hex color (e.g. #fce3a8) for the “Limited” day shading. Default: the built-in soft gold.</li>
<li><code>booked_color</code> – availability mode only. Hex color (e.g. #f6b9a3) for the “Booked” day shading. Default: the built-in soft coral.</li>
<li><code>months</code> – how many months to display (1-36). Default: setting value (auto-detected for ShootCal feeds).</li>
<li><code>first_day</code> – “0” for Sunday, “1” for Monday. Default: setting value.</li>
<li><code>timezone</code> – IANA timezone override for this embed. Default: your WordPress site timezone (or, for a ShootCal feed, the feed’s own).</li>
</ul>
Example: <code>[shootcal_web_calendar mode="full" url="https://example.com/feed.ics" months="3"]</code>
Tip: build a shortcode under Settings > ShootCal Web Calendar – paste a feed URL, pick a mode, and it validates the feed and outputs the shortcode for you.
<h3>External Services</h3>
This plugin reads a calendar from the iCal feed URL(s) you put in your shortcodes or blocks. Each request is made from your web server (not your visitor’s browser) whenever a month grid is rendered and the 10 minute cache has expired. The plugin only ever contacts the URLs you configure; with none set, it makes no external requests. Only the request itself is sent – no data from your site or your visitors is transmitted. In availability mode the plugin keeps only busy start/end times, discarding titles, locations, attendees, and descriptions; in full calendar mode it also keeps event titles and times (by design, to display them).
The service contacted depends on the URL you use:
Google Calendar
If you use a Google Calendar secret iCal address, the request goes to Google’s calendar servers (calendar.google.com). This service is provided by Google. See Google’s Terms of Service (https://policies.google.com/terms) and Privacy Policy (https://policies.google.com/privacy).
ShootCal
If you use a ShootCal feed URL from the ShootCal Mac app, the request goes to the ShootCal feed service (feed.shootcal.com). This service is provided by Ryan Smith Photography. See the terms and privacy information at https://shootcal.com.
Other iCal feeds
If you use any other iCal URL (for example from Apple or Outlook), the request goes to whichever service hosts that feed. Refer to that provider’s own terms and privacy policy.

ShootCal Web Calendar

Companion plugin for the ShootCal app (Mac and iOS): show your availability or a full calendar on your WordPress site. Works with any iCal feed.

Simple Google Calendar Outlook Events Widget vs ShootCal Web Calendar