Price ticker widget
Add a crypto price ticker to your website.
Example: Interactive picker with categories recommended
Example: Light theme with popular coins
Example: Dark theme auto-scrolling with all coins
Example: Dark theme manual-scrolling with all coins
Setup instructions
-
Add the following styling and code snipits to the top of your page.
<href="https://www.cointree.com/tools/price-ticker-widget/cointreepriceticker.css" rel="stylesheet" type="text/css" /> <script src="https://www.cointree.com/tools/price-ticker-widget/cointreepriceticker.js"></script>
-
Add the price ticker widget in your preferred location on your page.
<div class="price-ticker" data-currency="aud" data-coins="btc,eth,xrp,ltc,bch"></div>
Options
Attribute | Description |
---|---|
data-theme | Indicates the theme to use. Possible values are "dark" or empty (light theme). |
data-scroll | Indicates if the ticker should auto-scroll. Possible value is "true" or empty (no auto-scroll). Only used for dark theme. |
data-coins | Indicates the coins to display on the ticker. Possible values are a comma seperated list of coin symbols ("btc", "btc,eth,ltc", "btc,xrp,etc,ltc,bch", etc.). Leave blank for all coins supported by Cointree. |
data-currency | Indicates the local currency to display the prices. Value should be "AUD". |
Examples
View the source HTML of this page for how the examples were created.