Simple Google Calendar Outlook Events Widget

First you have to share your calendar to make it public available, or to create a public calendar. Private calendars cannot be accessed by this plugin. Then use the public iCal address or the Google calendar ID. More details on Google support

You can find Google calendar ID by going to Calendar Settings / Calendars, clicking on the appropriate calendar, scrolling all the way down to find the Calendar ID at the bottom under the Integrate Calendar section. There's your calendar id. More details on Google support

Fill a comma separated list of ID's in the Calendar ID field. Optional you can add a html-class separated by a semicolon to some or all ID's to distinguish the descent in the lay-out of the event. E.g.: #example;blue,https://p24-calendars.icloud.com/holiday/NL_nl.ics;red Events of #example will be merged with events of NL holidays; html-class "blue" is added to all events of #example, html-class "red" to all events of NL holidays.

You can use HTML in the most Calendars, but the result in the plugin may not be what you expect. First: The original iCalendar standard allowed only plain text as part of an event description. Thus probably most calendars will only give the plain text in the Description in the iCal output. Secondly: For security reasons this plugin filters the HTML to convert characters that have special significance in HTML to the corresponding HTML-entities. But if you trust the output of the calendar application you can set a checkbox to allow safe html in the output. So if you manage to get the HTML in the Description and you set the checkbox to allow safe html you can get that html in the output, with exception of the tags that are not considered safe like SCRIPT and unknown tags. And with the current version of Google Calendar you can put some HTML in the Description output. (April 2022) I saw the <a> (link), <b> (bold text), <i> (italic text), <u> (underlined text) and <br> (linebreak) tags in a iCal description. They will all come through with "Allow safe html" checkbox on. Probably even more is possible, but Google can also decide to comply more to the standard. With Microsoft Outlook the HTML tags were filtered away and did not reach the iCal description In case you have all kinds of HTML in your appointments a plugin that uses the API of te calendar-application might be a better choice for you.

First you have to share your calendar to make it public available, or to create and share a public calendar. Private calendars cannot be accessed by this plugin. Then publish it as an ICS link and use this link address. (something like https://outlook.live.com/owa/calendar/00000000-0000-0000-0000-000000000000/.../cid-.../calendar.ics) (works from version 1.3.1 of this widget) More details on Microsoft Office support I only see the legacy widget not the block

To support users wo cannot use the Gutenberg block I have in v2.1.1 (with pain in my hart because Gutenberg blocks are in my opinion the future of WP) synchronized the output of the widget again with that of the block. Otherwise they needed to use a work-around with an extra plugin like described in How to Display Gutenberg Blocks in Other Page Builders (Elementor, Divi, etc) or use an other plugin that adds a shortcode to a Gutenberg block or maybe some pro functionality of Elementor.

Choose the calendar you want to share (in browser layout on the left panel). On that calendar's line, click the show calendar information icon (a person cropped into a circle) on the right side of the line. In the pop up Calendar Sharing check the box Public Calendar. You see the url below something like webcal://p59-caldav.icloud.com/published/2/MTQxNzk0NDA2NjE0MTc5AAAAAXt2Dy6XXXXXPXXxuZnTLDV9xr6A6_m3r_GU33Qj. Click on Copy Link and OK. Paste that in the "Calendar ID, or iCal URL" field of the widget (before version 1.3.1 you had to change webcal in https)

From version 3.2.0 this plugin uses output templates (layout files) to output the data in the desired lay out. By default, four templates are available in a selection list that you can choose from using the LAY-OUT setting. This list is compiled based on the unique filenames of templates in the template folders. Files containing an underscore ('_') in their name are excluded from the selection list so that they can be used for other purposes. Labels are derived from the filenames by replacing hyphens ('-') with spaces and capitalizing the first letter (and then translated). The following folders are used in order of priority: first, the system searches for the selected template name, and if nothing is found, it searches for the 'default template'. 1. <wp-folder>/wp-content/themes/<active (child) theme>/templates/simple-google-icalendar-widget (recommended location for your overrides or additions) 2. <wp-folder>/wp-content/themes/<parent theme>/templates/simple-google-icalendar-widget (only when a child theme is used; cleared after them update!) 3. <wp-folder>/wp-includes/theme-compat/simple-google-icalendar-widget 4. <wp-folder>/wp-content/plugins/simple-google-icalendar-widget/tmpl (Here are the default templates included with the plugin; these are reset after a plugin update.) You can copy a template file?such as default.php?from <wp-folder>/wp-content/plugins/simple-google-icalendar-widget/tmpl to <wp-folder>/wp-content/themes/<active (child) theme>/templates/simple-google-icalendar-widget. Then, modify the code in the copied file as desired and save it. You have now created an 'override' for the default template; if you select 'Default' in the 'LAY-OUT' setting, the custom template file will be used. Taking it a step further: if you rename the copied file to my-default.php, you create a new option called 'My default' in the LAY-OUT selection list. You can then select this option to use your custom template file. Error: cURL error 28: Operation timed out after 5000 milliseconds with 0 bytes received Probably the calendar is not public (yet), you can copy the link before the agenda is actually published. Check if the agenda has already been published and try again. I only see the headline of the calendar, but no events There are no events found within the selection. Test e.g. with an appointment for the next day and refresh the cache or wait till the cache is refreshed. Check if you can download the ics file you have designated in the widget with a browser. At least if it is a text file with the first line "BEGIN:VCALENDAR" and further lines "BEGIN:VEVENT" and lines "END:VEVENT". With SiteOrigin only the legacy widget with no namespace (activate with checkbox in plugin admin screen) works correct. If you cannot resolve it, you can of course report an error / question in our community support forum I only see the title of the calendar, and the text 'Processing' even after waiting more the a minute, or a message &#61 Code: undefined = Msg: HTTP error, status = 500 Probably you have chosen the setting "Use Client timezone settings, with REST" in "Use client timezone settings". With this setting active, at first the widget will be presented as a placeholder with only the title and the text processing. In the HTML of this placeholder are also some ID\'s as parameters for the javascript REST call to fetch the content after the page is loaded. This fetch is not executed (correct). To work correct Javascript must be enabled in a browser with version newer than 2016 but not in Internet Explorer. This is probably caused because the javascript view file with the fetch command is not loaded e.g. in the editor of Elementor or an other pagebuilder that tries to show a preview of the widget but does not load the necessary Javascript. This is a known issue, you could work around it by first set "Use WordPress timezone settings, no REST" until you are satisfied with all the other settings and then set "Use Client timezone ...". If you change the Sibid without clicking the Update button, the new Sibid may already be saved in the plugin options for the REST call, but not in the block attributes. If you still click Update, the problem will be resolved. The REST call might also have failed by other reasons, then another try would probably solve the issue, but I have never seen that in testing. If you cannot resolve it, you can of course report an error / question in our community support forum

Yes you can, since v1.2.0, I have tested with https://p24-calendars.icloud.com/holiday/NL_nl.ics . This block has encountered an error and cannot be previewed Probably you have (re)opened a page where the block is edited but your password cookie is expired. Log in in Wordpress again and open the page again. The block will be available. This block contains unexpected or invalid content. After an update of the plugin in stead of the block content the message "This block contains unexpected or invalid content." is displayed and a button "Attempt Block Recovery". Probably this is caused by a difference in the Saved output and the output that would be saved if the block was saved now. This will be the case if the code in the save has changed due to the plugin update (or downgrade).This should be resolved automatically by the deprecation code, but this may not be possible if a block is placed on a page as part of a synchronized pattern, if you roll back to an older version, or if the deprecation code does not work correctly. * Pushing the button "Attempt Block Recovery" will save the output in the new format and thereby solve the issue. * When it comes to a synced pattern you have to "Attempt Block Recovery" in the original pattern via Edit original or "Appearance/Patterns".

There is no setting for the color or font of parts in this plugin. My philosophy is that layout and code/content should be separated as much as possible. Furthermore, the plugin should seamlessly fit the style of the website and be fully customizable via CSS So for color and font, the settings of the theme are used and are then applied via CSS. But you can give each element within the plugin its own style (such as color and font size) from the theme via CSS. If you know your theme css well and it contains classes you want to use on these fields you can add those class-names in the Advanced settings: "SUFFIX GROUP CLASS:", "SUFFIX EVENT START CLASS:" and "SUFFIX EVENT DETAILS CLASS:" Otherwise you can add a block of additional CSS (or extra css or user css or something like that), which is possible with most themes. IMPORTANT: In order to target the CSS very specifically to the simple-ical-block, it is best to enter something unique in the settings of the block/widget under Advanced in "HTML ANCHOR", for example 'Simple-ical-Block-1' the code translated into a high-level ID of the block. With the next block of additional CSS you can make the Dates red and 24 px, the Summary blue and 16 px, and the Details green with a gray background. /*additional CSS for Simple-ical-Block-1 */ &#35;Simple-ical-Block-1 .ical-date { color: #ff0000; font-size: 24px; } &#35;Simple-ical-Block-1 .ical_summary { color: #0000ff; font-size: 16px; } &#35;Simple-ical-Block-1 .ical_details { color: #00ff00; background-color: gray; font-size: 16px; } /*end additional CSS for Simple-ical-Block-1 */