Widget Configuration
Preview
Method 1: Direct iframe
<iframe
src="https://iswcpssclosed.com/widget?width=300&height=200&theme=light&autoRefresh=true"
width="300"
height="200"
frameborder="0"
scrolling="no"
style="border: none; overflow: hidden;"
title="WCPSS Closure Predictor Widget"
loading="lazy">
</iframe>Simple and reliable. Just paste this HTML into your page.
Method 2: Script tag
<div id="wcpss-widget" data-width="300" data-height="200" data-theme="light" data-auto-refresh="true"></div>
<script src="https://iswcpssclosed.com/embed.js"></script>Uses our embed.js script for easier integration and automatic initialization.
Method 3: API
// Fetch embed code from API
fetch('https://iswcpssclosed.com/api/widget?width=300&height=200&theme=light&autoRefresh=true')
.then(res => res.text())
.then(html => {
document.getElementById('widget-container').innerHTML = html;
});Fetch the embed code dynamically from our API. Great for server-side rendering.
Widget Features
- Real-time school closure predictions updated every 5 minutes
- Current temperature and weather conditions
- Customizable size and theme (light/dark)
- Secure iframe-based embedding
- Lightweight and fast loading