Embed
A wine drinking window widget for your site
Drop the embeddable wine calculator anywhere — a tasting-notes blog, a shop's product page, a sommelier's site. One script tag, no backend, no dependencies. It runs entirely in the visitor's browser off the same rules engine that powers CellarWise.
Live
Try it
Install
Copy-paste snippet
Paste this wherever you want the widget to appear. It renders into a shadow DOM, so it won't inherit your site's styles and won't leak its own onto the page.
<div id="drinkwindow"></div>
<script src="https://cellarwise.app/embed.js" async></script>Configuration
Options
Two attributes on the mount element change the widget's behavior. If
you need more than one widget on a page, add a data-drinkwindow
attribute to the extra mount points — the script mounts every element
matching #drinkwindow or [data-drinkwindow].
| Attribute | Default | Effect |
|---|---|---|
| data-wine | — | Pins the widget to one wine slug (e.g. barolo) and hides the wine picker. Unknown slugs fall back to the full picker. |
| data-attribution | Powered by CellarWise | Overrides the visible attribution link text. |
Pinned to one wine
<div id="drinkwindow" data-wine="barolo"></div>
<script src="https://cellarwise.app/embed.js" async></script>Custom attribution text
<div id="drinkwindow" data-attribution="Drinking windows via CellarWise"></div>
<script src="https://cellarwise.app/embed.js" async></script>Want the full cellar, not just one widget?
CellarWise tracks every bottle you own against the same rules engine.
Get CellarWise