rstake

sdaweb

<p>SDAweb Calendar Sync turns any Google Calendar into a polished, on-brand events display on your WordPress site — without duplicate data entry. Keep scheduling in Google Calendar the way you already do; the plugin pulls those events in and keeps your site in sync automatically.</p>
<p>It’s for anyone who already runs their events in Google Calendar and wants them to look like a native part of their site instead of an embedded iframe — businesses, teams, venues, clubs, communities, and organisations of every kind.</p>
<p>Insert a calendar with a Gutenberg block, a shortcode, or a classic widget. All three share one render pipeline, so the output is identical however you add it.</p>
<h4>Six ways to show your calendar</h4>
<ul>
<li><strong>List / Agenda</strong> — chronological, optionally grouped by day, week, or month</li>
<li><strong>Month grid</strong> — classic 7×6 calendar with multi-day event ribbons spanning across cells, today highlight (cell or whole-column style), optional ISO 8601 week-number column, and per-feed pastel chips</li>
<li><strong>Card grid</strong> — upcoming events as styled cards, responsive</li>
<li><strong>Week</strong> — 7 day columns, today highlighted</li>
<li><strong>Day</strong> — single-day agenda</li>
<li><strong>Mini-month</strong> — compact dot-density grid for sidebars and widgets, with a tap-to-expand event panel showing today + next upcoming events and a “Load more” button</li>
</ul>
<p>Switch between views with one setting, or expose a visitor-facing view-toggle pill so visitors can switch themselves. Under the hood every view shares the same data layer, the same CSS-variable system, and the same accessibility baseline.</p>
<h4>Smart UX out of the box</h4>
<ul>
<li><strong>Hover popover on event chips</strong> (Month, Week, Mini) — a floating card with date, time, location, calendar, recurrence summary, and a click-through link, so visitors get the full event detail without leaving the page. Desktop hover + keyboard focus only; touch users keep direct click-through.</li>
<li><strong>Mobile auto-degrade Month <span aria-hidden="true" class="wp-exclude-emoji">→</span> Mini</strong> — below ~600px the full grid is replaced by the compact Mini-month view, so phone visitors get a clean, tappable calendar with no extra work from you. One wrapper, two layouts, no JS swap.</li>
<li><strong>ICS subscribe dropdown</strong> — one tap to add your events to a visitor’s own calendar: Google Calendar (web), Apple Calendar / Outlook (webcal), Android Google Calendar app (intent), and Copy-link with toast confirmation. Mobile becomes a bottom sheet.</li>
<li><strong>Live search</strong> + <strong>jump-to-date picker</strong> — optional chrome controls so visitors can filter or navigate quickly.</li>
<li><strong>Multi-day event ribbons</strong> — week-spanning bars with arrow indicators when an event continues beyond the visible row.</li>
<li><strong>Recurring event indicator</strong> — small ↻ icon with a plain-language cadence summary in the tooltip (“Repeats weekly until 31 December 2026”).</li>
<li><strong>Per-display locale override</strong> — render a calendar in a specific language (e.g. nb_NO) even when the site language differs, so you can run a localized calendar on a site that’s in another language.</li>
</ul>
<h4>Two authentication paths</h4>
<ul>
<li><strong>API key</strong> — for calendars marked “Make available to public” in Google Calendar. One field, paste, done.</li>
<li><strong>Service Account JSON</strong> — for <strong>private</strong> calendars without per-user OAuth. Upload the JSON, share the calendar with the service-account email, you’re set.</li>
</ul>
<p>Credentials are encrypted at rest using a key derived from your site’s authentication salt. They are never echoed back into the admin UI — only the masked value and (for service accounts) the public service-account email are shown.</p>
<h4>Theme-aware out of the box</h4>
<p>The plugin reads your active theme’s <code>theme.json</code> color palette and uses your <code>primary</code>, <code>accent</code>, <code>foreground</code>, and <code>background</code> colors automatically. Per-display overrides let you set custom primary, accent, today-highlight, and link colors and force light/dark mode without touching code. Every design token is exposed as a CSS custom property so a developer can fully restyle the calendar from their theme stylesheet.</p>
<h4>Five built-in theme presets</h4>
<p>One-click coordinated colour bundles: <strong>Default</strong> (clean blue), <strong>Warm earth</strong> (cream + deep red), <strong>High contrast</strong> (solid black on white for AAA-stricter sites), <strong>Forest</strong> (deep green), <strong>Sunset</strong> (warm coral + amber).</p>
<h4>Accessibility built in</h4>
<p>WCAG 2.2 AA baseline with several AAA touches:</p>
<ul>
<li>Live contrast warnings on every colour picker — the admin UI shows the WCAG ratio against both light and dark surfaces with pass/fail markers as you choose colours</li>
<li>Automatic high-contrast overlay via <code>prefers-contrast: more</code></li>
<li>Focus-visible halo: a 4px white ring behind the primary outline so focus stays visible against any chip background</li>
<li><code>prefers-reduced-motion</code> honored everywhere</li>
<li>ARIA roles and labels on the month grid, navigation, popovers, and view-toggle</li>
<li>Semantic HTML throughout</li>
<li>RTL-aware via CSS logical properties</li>
<li>Tabular numerals for day numbers and time labels so single- and double-digit values don’t drift</li>
</ul>
<h4>Built for the WordPress.org standard</h4>
<ul>
<li>Block editor first-class — server-side rendered, ServerSideRender preview, all the standard <code>InspectorControls</code></li>
<li>Shortcode and classic widget on the same render pipeline</li>
<li>No bundled core libraries (no jQuery on front-end, no Guzzle, no Carbon, no Monolog)</li>
<li>No third-party authentication relay — your credentials only ever talk directly to googleapis.com</li>
<li>Translation ready via translate.wordpress.org once the plugin is published and indexed (no bundled <code>.po</code>/<code>.mo</code> — WordPress auto-loads locale files into <code>wp-content/languages/plugins/</code> per the WP Plugin Handbook), plurals via <code>_n()</code>, JS strings via <code>wp_localize_script</code></li>
<li>Free and GPLv2</li>
</ul>
<h4>For developers</h4>
<p>Extension hooks are documented in <code>docs/hooks.md</code> inside the plugin folder. The first-release set includes filters for event data, event URLs, query args, cache TTL, render output, palette resolution, plus actions for refresh and uninstall lifecycle.</p>
<h3>Third-Party Services</h3>
<p>This plugin connects to the Google Calendar API to retrieve events from calendars you configure.</p>
<ul>
<li>Service: Google Calendar API v3</li>
<li>Website: https://developers.google.com/calendar</li>
<li>Terms of Service: https://developers.google.com/terms</li>
<li>Privacy Policy: https://policies.google.com/privacy</li>
</ul>
<p>Data sent: the calendar ID(s) you configure, plus either your API key or a JSON Web Token signed with your service account credentials. Event data is returned to your server and cached locally as WordPress transients. No event data is sent to any third party.</p>
<p>The ICS subscribe feature, when enabled, links visitors directly to Google’s public iCal feed (<code>calendar.google.com/calendar/ical/.../public/basic.ics</code>) — the plugin does not proxy or store that data.</p>


SDAweb Calendar Sync for Google Calendar

Display your Google Calendar events on your site in six views. Theme-aware, accessible, mobile-ready, no duplicate entry.

alextselegidis

<p><strong>Stop sending customers to a separate booking site. Bring the booking form directly into WordPress — and watch your conversions soar.</strong></p>
<p><strong>Easy!Appointments for WordPress</strong> connects your self-hosted Easy!Appointments installation to your site in seconds. Your customers book appointments without ever leaving your page, on your domain, in your brand — all without a SaaS subscription, per-booking fees, or giving up control of your data.</p>
<p>Whether you run a salon, clinic, consultancy, agency, or any service-based business, setup takes minutes and the results are immediate.</p>
<h4>🧱 Built for Gutenberg — First-Class Block Support</h4>
<p>Love the WordPress block editor? So do we. The <strong>Easy!Appointments Gutenberg block</strong> lets you drop the booking form into any page or post in seconds — just like any other block. Search for “Easy!Appointments” in the block inserter, add it, and you’re done. Configure iframe dimensions and pre-select a provider or service right from the block settings panel. No shortcodes, no code, no fuss.</p>
<h4>🎨 Built for Elementor — Drag, Drop, Done</h4>
<p>Already building with Elementor? The <strong>Easy!Appointments Elementor widget</strong> integrates seamlessly into your Elementor workflow. Find it in the widget panel, drag it onto your canvas, and configure everything visually. Full property controls included — width, height, styling, provider and service pre-selection, all without touching a line of code.</p>
<h4>Also Works Everywhere Else</h4>
<p>Not using Gutenberg or Elementor? No problem — the classic <code>[easyappointments]</code> shortcode works in any page builder, theme, or editor that supports shortcodes.</p>
<h4>Why Easy!Appointments beats the rest</h4>
<p>Most booking plugins hold your data hostage. This one doesn’t.</p>
<ul>
<li><strong>You own your data</strong> — it stays on your server, always</li>
<li><strong>No vendor lock-in</strong> — self-host Easy!Appointments for free</li>
<li><strong>Zero per-booking or per-user fees</strong> — grow without growing your costs</li>
<li><strong>Works with any theme</strong> — zero conflicts, zero bloat</li>
<li><strong>Clean booking UX</strong> — your customers will actually complete bookings</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>🧱 <strong>Native Gutenberg block</strong> — insert the booking form like any other block</li>
<li>🎨 <strong>Elementor widget</strong> — fully visual drag-and-drop integration</li>
<li>📋 <strong>Shortcode support</strong> — <code>[easyappointments]</code> works everywhere</li>
<li>⚡ Connect to any Easy!Appointments installation in seconds</li>
<li>📱 Fully responsive — looks great on every device</li>
<li>👥 Multi-service and multi-provider support</li>
<li>🎯 Pre-select a provider or service via attributes</li>
<li>🪶 Fast and lightweight — no performance impact</li>
</ul>
<h4>Perfect for</h4>
<ul>
<li>Salons, barbershops & spas</li>
<li>Consultants & freelancers</li>
<li>Clinics & healthcare providers</li>
<li>Agencies & service businesses</li>
<li>Coaches, tutors & trainers</li>
</ul>
<h4>How it works</h4>
<ol>
<li>Install and activate the plugin</li>
<li>Navigate to <strong>Easy!Appts</strong> in your WordPress admin menu</li>
<li>Paste your Easy!Appointments installation URL and connect</li>
<li>Add the booking form using the <strong>Gutenberg block</strong>, the <strong>Elementor widget</strong>, or the <code>[easyappointments]</code> shortcode</li>
<li>Start accepting bookings instantly</li>
</ol>
<h4>Connecting Easy!Appointments with WordPress</h4>
<p>Install and activate the plugin and navigate to the <code>Easy!Appts</code> menu in the WordPress admin section. Connect to an existing Easy!Appointments installation by providing your URL. Once connected you can embed the booking form in any page using your preferred method.</p>
<h4>Gutenberg Block</h4>
<p>Open any page in the block editor, click the <strong>+</strong> button to add a block, and search for <strong>Easy!Appointments</strong>. Add the block and configure it from the settings panel on the right — set width, height, optional inline styles, and optionally pre-select a provider or service by ID.</p>
<h4>Elementor Widget</h4>
<p>Open a page in Elementor, search for <strong>Easy!Appointments</strong> in the widget panel, and drag it onto your canvas. All settings are available as Elementor controls — no custom code needed.</p>
<h4>Shortcode</h4>
<p>Use the <code>[easyappointments]</code> shortcode anywhere in your content:</p>
<pre><code>[easyappointments width="100%" height="500px" style="border: 5px solid #1A865F; box-shadow: #454545 1px 1px 5px;"]
</code></pre>
<p>The <code>width</code>, <code>height</code> and <code>style</code> attributes are optional and let you fine-tune the iframe appearance.</p>
<p>Pre-select a provider and/or service (IDs are found in your Easy!Appointments backend):</p>
<pre><code>[easyappointments provider="2" service="1"]
</code></pre>
<p><em>Minimum Requirements: WordPress v5.0 & PHP v5.6</em></p>
<p><em>Find out more at https://easyappointments.org/wordpress</em></p>


Easy!Appointments

Turn any WordPress page into a live booking system — with native Gutenberg and Elementor support.

SDAweb Calendar Sync for Google Calendar vs Easy!Appointments