Honey Facts Widget
Add beautiful, rotating honey facts to your blog, recipe site, or educational page. Two lines of code — no frameworks, no accounts, no fees.
Live Preview
Toggle between themes to see the widget in action.
Embed Code
Copy and paste into your website's HTML. That's it — no API keys, no accounts.
Light Theme (Default)
<div id="honey-facts-widget"></div>
<script src="https://rawhoneyguide.com/widget/honey-facts.js"></script>Dark Theme
<div id="honey-facts-widget" data-theme="dark"></div>
<script src="https://rawhoneyguide.com/widget/honey-facts.js"></script>All Options
<div id="honey-facts-widget"
data-theme="light"
data-auto-rotate="true"
data-interval="10000">
</div>
<script src="https://rawhoneyguide.com/widget/honey-facts.js"></script>Configuration Options
| Attribute | Values | Default | Description |
|---|---|---|---|
| data-theme | "light" | "dark" | "light" | Color theme of the widget |
| data-auto-rotate | "true" | "false" | "true" | Auto-cycle through facts |
| data-interval | Milliseconds | 8000 | Time between auto-rotations (ms) |
Why Add the Widget to Your Site?
Boost Engagement
Interactive content keeps visitors engaged. Rotating facts give readers a reason to stay and explore.
Zero Dependencies
Pure vanilla JavaScript under 8KB. No jQuery, no React, no external CSS files to load.
Works Everywhere
WordPress, Squarespace, Wix, Ghost, Shopify, Webflow — any platform that supports custom HTML.
Light & Dark Themes
Matches your site design. Choose light for white backgrounds or dark for dark-mode layouts.
Platform Setup Guides
WordPress
Edit a post or page, add a "Custom HTML" block, paste the embed code.
Squarespace
Add a "Code Block" in the page editor, paste the embed code, save.
Wix
Add an "Embed HTML" element from the Add menu, paste the embed code.
Ghost
Add an "HTML" card in the editor, paste the embed code.
Shopify
Edit the page template, add a "Custom Liquid" section, paste the embed code.
Static HTML
Paste both lines directly into your HTML file where you want the widget.