A floating betslip overlay that lets users build and submit a bet slip directly on your page. Unlike other widgets, the Betslip has **no content ID** — it works as a persistent element positioned anywhere on the screen. Selections are added and removed from your own code using the `FuWidget.betslip` API. For the programmatic methods (`setSelection`, `removeSelection`, `subscribe`, `getState`), see **API Reference → Betslip API**. ```html

``` ## Configuration Attributes | Attribute | Description | Options/Format | Default | | ------------------------------------ | ----------------------------------------------------- | --------------------------------------------------------------------------------------------- | ------------- | | `data-betslip-position` | Where the betslip appears on the page | `"bottom-right"`, `"bottom-left"`, `"top-right"`, `"top-left"`, `"side-right"`, `"side-left"` | Global config | | `data-betslip-max-selections` | Maximum number of selections the user can add | Positive integer | Global config | | `data-betslip-stake-presets` | Comma-separated quick-stake amounts | e.g. `"5,10,20,50"` | Global config | | `data-betslip-odds-polling-interval` | How often to refresh odds, in milliseconds | e.g. `5000` for every 5 seconds | Global config | | `data-betslip-currency` | Currency label shown for stake and potential winnings | Any string, e.g. `"USD"`, `"EUR"`, `"GBP"` | Global config | | `data-betslip-cta-url-template` | URL for the place-bet CTA button | URL string, use `{SELECTIONS}` as a placeholder for selection IDs | Global config | | `data-betslip-branding-logo-url` | Bookmaker or sponsor logo displayed in the widget | Valid image URL | Global config | | `data-betslip-labels` | JSON object to override any displayed text | `BetslipLabels` object (see below) | Global config | ## No Content ID Required The Betslip is the only widget type that does not require a content `id`. When using `loadWidget()`, simply omit the `id` field: ```javascript FuWidget.loadWidget({ apiKey: "your-api-key", clientId: "your-client-id", configId: "your-config-id", contents: [ { type: "betslip", // No id needed container: "betslip-container", }, ], configOverrides: { betslip: { position: "bottom-right", currency: "EUR", maxSelections: 8, }, }, }); ``` ```html

``` ## Global Configuration Set defaults for all Betslip widgets in `FuWidget.init()`: ```javascript FuWidget.init({ // ... other config betslip: { position: "bottom-right", maxSelections: 10, stakePresets: [5, 10, 20, 50], oddsPollingInterval: 5000, currency: "USD", ctaUrlTemplate: "https://bookmaker.com/betslip?s={SELECTIONS}", brandingLogoUrl: "https://example.com/brand-logo.png", }, }); ``` ## Managing Selections Programmatically The betslip itself renders no UI until it has at least one selection. Add and remove selections using `FuWidget.betslip`: ```javascript // Add a selection (e.g. from a match odds click on your page) FuWidget.betslip.setSelection("fb:m:328701:FT_1X2:1"); // Remove a specific selection FuWidget.betslip.removeSelection("fb:m:328701:FT_1X2:1"); ``` Selection IDs follow the format `{match_id}:{market}:{outcome}`. The exact values depend on your data provider and the odds feed — refer to your odds provider documentation for the correct format. **Note**: `FuWidget.betslip` is available after the widget bundle has loaded (i.e. inside `onReady` when using the loader, or after your `