User-Centric Widgets
Drop-in, embeddable fan-engagement widgets — quizzes, polls, predictors, leaderboards, discussions and more.
A library of embeddable, fully-themeable fan-engagement widgets — quizzes, polls, predictors, games, leaderboards, discussions, and betting tools. Drop a single script onto any page and render interactive content powered by the Fans United platform.
Documentation map
This documentation is organized into four pages:
| Page | What it covers |
|---|---|
| 🚀 Getting Started | Installation, the full FuWidget.init() config, the two widget-loading approaches, and authentication |
| 🧩 Widgets | One section per widget — markup, attributes, and features |
| ⚙️ Features | Cross-cutting capabilities that apply to many widgets (leads, CTAs, rules, theming, localization, etc.) |
| 📚 API Reference | The FuWidget.betslip API, shared market types, and browser support |
Widgets at a glance
| Game & Quiz | Prediction | Engagement | Display |
|---|---|---|---|
| Classic Quiz | Match Quiz | Poll | Leaderboard |
| Personality Quiz | Match Prediction | Discussion | List |
| Either/Or | Team Next Match Prediction | Player of the Match | |
| Pick The Pair | Event Game | Collect Lead | |
| Chance Game | Predictor | ||
| Betslip |
Quick example
<!-- 1. Load the loader script -->
<script src="https://cdn.jsdelivr.net/npm/fansunited-widgets-cdn@latest/fu-widgets-loader.js"></script>
<!-- 2. Load a widget -->
<script>
FuWidgetLoader.load({
onReady: function (FuWidget) {
FuWidget.loadWidget({
clientId: "your-client-id",
apiKey: "your-api-key",
configId: "your-config-id",
contents: [
{ id: "your-content-id", type: "classic-quiz", container: "widget-container" }
]
});
},
});
</script>
<div id="widget-container"></div>New here? Start with the Getting Started page.
