Add a crypto price ticker to your website.

Example: Light theme with popular coins

Example: Dark theme auto-scrolling with all coins

Example: Dark theme manual-scrolling with all coins

Setup instructions

  1. 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>
    


  2. 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.