Waterway Guide Widgets

Add functionality to your website with a Waterway Guide Widget, which gives your customers direct access to important information such as real-time navigation alerts, fuel prices, industry news and more. What is a widget? It's simply a button you post on your website that links to a specific page on WaterwayGuide.com where users can learn about local navigational hazards, find fuel pricing,catch up on the latest boating news in the area, etc. These buttons will make your website more robust and useful, therefore encouraging loyalty among your customers.

They also show your support of and partnership with the most trusted cruising resource in the industry!

Copy the html code below and paste it into your own website to show a Waterway Guide Widget.

220px x 134px	220px x 143px
<div id="waterwayguide"> <link rel="stylesheet" type="text/css" href="https://www.waterwayguide.com/assets/css/branded_badges.css"> <a id="as-seen-in-waterway-guide-blue" href="https://www.waterwayguide.com"></a> </div>	<div id="waterwayguide"> <link rel="stylesheet" type="text/css" href="https://www.waterwayguide.com/assets/css/branded_badges.css"> <a id="as-seen-in-waterway-guide-white" href="https://www.waterwayguide.com"></a> </div>
177px x 167px	177px x 166px
<div id="waterwayguide"> <link rel="stylesheet" type="text/css" href="https://www.waterwayguide.com/assets/css/branded_badges.css"> <a id="fuel-price-reports-blue" href="https://www.waterwayguide.com"></a> </div>	<div id="waterwayguide"> <link rel="stylesheet" type="text/css" href="https://www.waterwayguide.com/assets/css/branded_badges.css"> <a id="fuel-price-reports-yellow" href="https://www.waterwayguide.com"></a> </div>
177px x 219px	177px x 198px
<div id="waterwayguide"> <link rel="stylesheet" type="text/css" href="https://www.waterwayguide.com/assets/css/branded_badges.css"> <a id="nav-alerts-blue" href="https://www.waterwayguide.com"></a> </div>	<div id="waterwayguide"> <link rel="stylesheet" type="text/css" href="https://www.waterwayguide.com/assets/css/branded_badges.css"> <a id="nav-alerts-red" href="https://www.waterwayguide.com"></a> </div>
197px x 163px	177px x 184px
<div id="waterwayguide"> <link rel="stylesheet" type="text/css" href="https://www.waterwayguide.com/assets/css/branded_badges.css"> <a id="cruising-news-blue" href="https://www.waterwayguide.com/latest-news/15"></a> </div>	<div id="waterwayguide"> <link rel="stylesheet" type="text/css" href="https://www.waterwayguide.com/assets/css/branded_badges.css"> <a id="cruising-news-gray" href="https://www.waterwayguide.com/latest-news/15"></a> </div>
226px x 185px
<div id="waterwayguide"> <link rel="stylesheet" type="text/css" href="https://www.waterwayguide.com/assets/css/branded_badges.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://www.waterwayguide.com/assets/js/branded-badges.js"></script> <img id="cruisers-weekly-update-image"> <div id="newsletter"> <input id="newsletter-email" type="text" value="your@email"> <input id="newsletter-submit" onclick="wgNewsletterSubscribe(); return false;" type="submit" value="Sign up"> </div> </div>