Status Widget
The embeddable status widget allows for website owners to place a small snippet of code on their website and display the current global status of the Sunshine Skyway bridge.
To display the widget on your website, you just need a few lines of HTML. First, add the following script tag before the closing body tag of your HTML page.
<script src="https://api.skywaybridgestatus.com/widget/v1/sbs-widget.js"></script>
Next, insert the following div anywhere on your page where you would like the widget to appear.
<div id="sbs-widget"></div>
Recommended: You can then customize the display size and positioning by styling the div. Here's an example of a centered div with a maximum width of 600px.
<div id="sbs-widget" style="max-width:600px; margin: 0 auto; text-align:center;"></div>
That's it! You now have your status widget implemented on your website.
Display Requirements
To use the embeddable status widget, there are just a few requirements that must be adhered to:
- The Skyway Bridge Status logo must be visible, and displayed as shown in the example status widget above. The JavaScript snippet will handle this for you by default.
- The widget must be linked back to skywaybridgestatus.com, to provide data attribution and a link for additional notices (if necessary). The JavaScript snippet will handle this for you by default.
Questions or Help
