EddyEddy
Eddy the Otter

Add Eddy to Your Website

Show your visitors live river conditions right on your site. No coding experience needed.

Perfect for outfitters, campgrounds, tourism sites, and fishing guides — give your visitors the info they're already looking for.

1

Pick Your River & Theme

Widget theme:

2

Choose a Widget

We offer four widgets in two categories. Pick what works best for your site.

Data Widgets — Show Live Conditions

Recommended

Live Conditions Widget

Shows current river status with gauge readings, weather, and trend arrows. Updates automatically.

Preview

HTML code
<iframe
  src="https://eddy.guide/embed/widget/current?theme=light"
  width="100%"
  height="380"
  style="border: none; border-radius: 12px; max-width: 600px;"
  title="Current River - River Conditions from Eddy"
  loading="lazy"
></iframe>

Adjust the height value if your river has more gauge stations. Rivers with 3+ gauges may need 400-450px.

New

Eddy's Daily Quote

AI-generated condition summary in Eddy's voice with a clear float/no-float recommendation. Updates throughout the day with gauge readings, weather, and local knowledge.

Preview

HTML code
<iframe
  src="https://eddy.guide/embed/eddy-quote/current?theme=light"
  width="100%"
  height="260"
  style="border: none; border-radius: 12px; max-width: 600px;"
  title="Current River - Eddy's Take"
  loading="lazy"
></iframe>

Action Widgets — Help Visitors Plan

Best for Outfitters

Float Trip Planner

Let visitors pick a river, put-in, and take-out right from your site. Shows distance, float time estimate, and current conditions before sending them to Eddy for full details.

Preview

HTML code
<iframe
  src="https://eddy.guide/embed/planner?river=current&theme=light"
  width="100%"
  height="380"
  style="border: none; border-radius: 12px; max-width: 600px;"
  title="Plan Your Float - Eddy"
  loading="lazy"
></iframe>

The selected river will be pre-selected. Visitors can still change rivers. Add &partner=YourBusiness to the src URL to show your business name in the widget footer.

Condition Badge

A compact inline badge showing the river name and live condition dot. Great for blog posts, sidebars, or anywhere a full widget is too heavy.

Preview

EddyCurrent River Conditions
HTML code
<a href="https://eddy.guide/rivers/current" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff;color:#1a1a1a;border:1.5px solid #e5e5e5;border-radius:8px;text-decoration:none;font-family:system-ui,sans-serif;font-size:13px;font-weight:600;">
  <img src="https://q5skne5bn5nbyxfw.public.blob.vercel-storage.com/Eddy_Otter/Eddy_the_Otter.png" alt="Eddy" width="20" height="20" style="border-radius:50%;" />
  Current River Conditions
  <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#059669;"></span>
</a>

The condition dot is static in the code snippet. For a live-updating dot, use the Live Conditions Widget or Eddy's Daily Quote instead.

Pro Tip: Pair Widgets Together

For the best experience, combine the Live Conditions Widget with the Float Trip Planner on your site. Visitors see current conditions first, then plan their trip — all without leaving your page. Just copy both code snippets and paste them where you want them to appear.

3

Paste Into Your Website

WordPress

  1. Open the page or post where you want the widget to appear.
  2. Add a Custom HTML block (click the + button and search for "HTML").
  3. Paste the code you copied above into the block.
  4. Click Preview to see it, then Publish or Update.

Squarespace

  1. Edit the page where you want the widget.
  2. Click Add Block and choose Code (under "More").
  3. Paste the code into the code block. Make sure Display Source is unchecked.
  4. Click outside the block to save, then publish your changes.

Wix

  1. Open the Wix Editor for your page.
  2. Click Add Elements → Embed Code → Embed HTML.
  3. Choose Code mode and paste the copied code.
  4. Resize the box as needed and publish your site.

Other Website Builders

Most website builders (Weebly, GoDaddy, Shopify, etc.) have an option to add "custom HTML" or "embed code." Look for that in your page editor, paste the code in, and save. If you're not sure where to find it, search your platform's help docs for "add HTML code" or "embed code."

Common Questions

For developers: API access

You can fetch river condition data directly from our API and build your own display.

GET request
GET https://eddy.guide/api/rivers

Returns JSON with all rivers including name, slug, lengthMiles, accessPointCount, and currentCondition (code + label). Please keep requests reasonable — if you plan heavy usage, reach out first.

Running an Outfitter or Campground?

We'd love to partner with you. Get custom widgets, priority support, and help driving visitors to your business.

Get in Touch
← Back to Eddy