Calendar Embed Setup Guide

Staff reference — hidden when embedded. Adjust height below and copy the updated snippet.

Iframe Height (px)
Range: 300–2000. Snippets below update automatically.
1

Copy the Embed URL

This is the direct link to the calendar. When a custom height is set, it's included as a ?height= query param so the page sizes itself correctly.

http://127.0.0.1:36727/embed/calendar
2

Use the WordPress Plugin Shortcode

Install the PRCC Calendar Widget plugin from your project files (wordpress/prospect-calendar-widget.php). Upload it to /wp-content/plugins/prcc-calendar/ and activate it in WordPress. Then paste this shortcode into any page, post, or widget:

[prospect_calendar]

The plugin automatically loads the calendar in an iframe set to week view. No additional configuration is needed once installed.

3

Or Embed Manually with an iframe

Alternatively, paste this HTML directly into any WordPress page using the "Custom HTML" block, or into any website that supports raw HTML:

<iframe
  src="http://127.0.0.1:36727/embed/calendar"
  width="100%"
  height="700"
  frameborder="0"
  style="border:none;border-radius:8px;"
  title="Program Calendar"
></iframe>

Jul 19 – Jul 25, 2026

No programs scheduled for this period.