📦 Embeddable Widgets
Drop live BlockTicker widgets into any site with one line of code. No API key needed. No build tools. No framework. Just HTML.
1. Install the SDK (once, anywhere in your HTML)
<script async src="https://blockticker.io/bt-widget.js"></script>
The SDK is ~8 KB gzipped, cached for 1 hour, and uses Shadow DOM so it can't interfere with your site's CSS.
2. Drop in any widget
Four widget types. All support data-theme="light" and data-refresh="60".
🎞 Price Ticker
Horizontal scrolling prices for multiple coins. Pauses on hover.
<div class="bt-widget" data-widget="ticker" data-symbols="BTC,ETH,SOL,BNB,XRP"></div>
💰 Single Price Card
One coin with big price, 24h change, market cap and rank.
<div class="bt-widget" data-widget="price" data-symbol="BTC"></div>
😨 Fear & Greed Gauge
The Crypto F&G Index as a colored arc gauge. Updates every 5 min.
<div class="bt-widget" data-widget="fear-greed"></div>
📡 Trading Signals Feed
Latest signals from FXStreet, DailyFX, CoinDesk. Each item links out.
<div class="bt-widget" data-widget="signals" data-limit="5"></div>
Common Options (work on every widget)
| Attribute | Values | Description |
|---|---|---|
| data-theme | dark (default) · light | Color scheme — picks whichever fits your site |
| data-refresh | seconds, min 15 | Auto-refresh interval. Omit for single-load. |
| data-symbols | Comma-separated (ticker only) | E.g. BTC,ETH,SOL. Uses top coins if omitted. |
| data-symbol | Single ticker (price only) | E.g. BTC, ETH, SOL |
| data-limit | 1-20 (signals only) | How many signals to show (default 5) |
Programmatic API
Prefer JS? Mount widgets imperatively:
BlockTicker.mount('#my-container', { widget: 'fear-greed', theme: 'light', refresh: 60 });