Our Hosted Widgets allow you to embed professional snow report and operating hours displays on your website with just two lines of code. The widgets are fully responsive, automatically update with your data, and can be customized to match your site’s styling.
The easiest way to generate your embed code is through the visual builder in the Integration section of your MtnManager dashboard. It lets you configure options and preview your widget before copying the code.
Snow Report
The Snow Report widget displays comprehensive conditions data including:
- Overview - Open/closed status with operating hours, plus overview of open runs/lifts and grooming
- Snow Conditions - Base depth, snowfall (for various time periods), and surface conditions
- Weather - Temperature, wind, and precipitation, plus hourly and daily forecasts
- Lifts - Real-time lift status, and wait time if tracked
- Runs - Run status with grooming information and public condition notes
- Summer Trails - Trail status for hiking, biking, and other summer activities
- Terrain Parks - Terrain park status and list of features
Units default to your resort’s preferred setting (imperial or metric), but visitors can toggle between them.
<iframe data-mtnmanager-frame src="https://demo.mtnmanager.com/hosted/snow-report" style="border: none; width: 100%; height: 500px;"></iframe>
<script src="https://demo.mtnmanager.com/hosted/frame-handler.js"></script>
Hours
The Hours widget displays your operating schedule including:
- Regular Hours - Weekly operating schedule
- Calendar View - Monthly calendar showing open days/hours and closures
The calendar distinguishes between days that aren’t scheduled to be open (shown as white/blank) and override closures which display as red/closed.
<iframe data-mtnmanager-frame src="https://demo.mtnmanager.com/hosted/hours" style="border: none; width: 100%; height: 500px;"></iframe>
<script src="https://demo.mtnmanager.com/hosted/frame-handler.js"></script>
Customization Parameters
Customize widgets by adding query parameters to the iframe src URL.
Common Parameters
These parameters work with both widgets:
| Parameter | Type | Default | Description |
|---|
fontSize | CSS size | 16px | Base font size (accepts px, rem, or em units) |
fontUrl | HTTPS URL | Inter | URL to a custom WOFF2 font file |
boldFontUrl | HTTPS URL | Inter Bold | URL to a bold variant of your custom font (if not using a variable weight font) |
sidePadding | true / false | true | Disable padding around the side of the overall page content |
autoDarkMode | true / false | false | Automatically detect and match the user’s system dark mode preference |
backgroundColor | CSS color | white | Background color of the widget (accepts hex, rgb, or named colors) |
darkModeBackgroundColor | CSS color | #111827 | Background color when in dark mode |
For fonts, we recommend a variable weight WOFF2 format. Your font must also be available to be loaded cross-origin from your-domain.mtnmanager.com with proper CORS configuration.
Snow Report Parameters
| Parameter | Type | Default | Description |
|---|
sections | Comma-separated list | All sections | Control which sections to display and their order. Options: status, snow, weather, lifts, runs, summer-trails, terrain-parks |
allowUnitToggle | true / false | true | Show toggle for users to switch between imperial and metric units |
showTimestamps | true / false | true | Display last-updated timestamps for data |
showGauges | true / false | true | Show visual gauge indicators of overview counts (open runs, open lifts, etc.) |
showCurrentDate | true / false | false | Display the current date at the top of the status section |
season | winter / summer / auto | winter | Display a winter or summer report, or auto-update based on current season |
Hours Parameters
| Parameter | Type | Default | Description |
|---|
showRegularHours | true / false | true | Hide the regular weekly hours schedule, and just how the calendar |
Need more control? If you need complete control over the presentation of your data, MtnManager also provides a full API for building custom integrations. See the API Documentation for details. 
