Back

Docs /

Getting Started

Widget Usage

Widgets are best practices for displaying financial data on your websites, blogs and forums, Finage provides free widgets for everyone. When you need more precision and often updated you can subscribe to lift limits. Integration is super easy.
There are six diferent kinds of widgets we have
  • Ticker
    - This Widget is used for your websites top or bottom for navigation bar. It is horizontal bar with symbols last prices, daily changes and daily percentage changes.
  • Tape Ticker
    - This is a stock market classic widget that simply displays symbols (prices, daily changes and daily changes of percentages ) with a sliding cursor that stops when your cursor stops in a position it will stop too. Simple, fancy and useful.
  • Single Ticker
    - It's a simple one-symbol sized ticker.
  • Converter
    - This widget works best on the right or left sidebar of your website with a fast, useful currency converter with the latest updates and unit prices.
  • Mini Converter
    - It's also simple and beautiful converter best for mobile websites.
  • Historical Chart
    - You can view the historical data details for a single symbol with the Historical Chart Widget.

Connection

Login in to your Moon Dashboard and register your website/server by entering your address.
You can edit, clear and re-enter your platform address at any time. After you connect your platform to Finage, you can find customization and selection widgets below. First select the widget you would like to use - after selecting any widget the customization section will appear below. You can choose pre-made templates;
Dark Night
,
Midnight
and
Pearl White
or you can change the Background color and Font color in pallet. When you're done with your style configuration, you can add - remove symbols in the Widget Symbol section. The embedded code shown below will automatically change whenever you make any changes. Copy the embedded code and add it wherever you like on your connected website/platform.

Usage

There is an example usage of the Single Ticker given below.
    <AnchorDiv class="finage-single-ticker-item">
    </AnchorDiv>

    <script type="text/javascript" src="https://cdn.finage.co.uk/single-ticker/main.js"></script>
    <script>
        singleTicker.symbol(["GBPUSD:forex"]);
        singleTicker.colors(["#333","#fff"]); //background color , text color
        singleTicker.theme(["midnight"]);
        singleTicker.initWidget();
    </script>
Add the div with the class of
finage-single-ticker-item
in to your application. Widget will be initialized in to this div. You can add more than one div with the same class name. You can find all of the other Widgets in the Moon Dashboard.
<AnchorDiv class="finage-single-ticker-item">
</AnchorDiv>

Result

Parameters

  • symbol
    : You can enter a symbol that you want to provide to your customers. Because of the some exchanges have the same tickers, you need to define the type of the symbol to get the correct price. Currently available types [:stock, :forex, :crypto, :index, :etf]
  • colors
    : Background color and text colors. If you enter a theme name, this parameter will be ignored.
  • theme
    : You can choose a theme. dark-night, pearl-white and midnight.
  • initWidget
    : This will init your widget in to your application.

Library

Finage's libraries are divided into seperate parts. According to this, you can add only the neccesarry libraries. This will make your application lighter. Our CDNs are hosted in the Amazon's powerful servers.
Add the script that given blow in to your application to use the widget. You do not need to add a CSS library or anything. The script will handle the all of the process.
<script type="text/javascript" src="https://cdn.finage.co.uk/single-ticker/main.js"></script>
To view all of the other Widgets, please visit the Finage Moon Dashboard

Request a consultation

Blog

Why Crypto & Blockchain Are So Important in 2024?

In the last three years, there has been a small reduction in the buzz around crypto. This was mostly due to several factors including the pandemic, major scandals, and regulation issues in the crypto business, such as exchange hacks, fraudulent initial coin offerings (ICOs) and governmental restri

Emerging Markets and Their Influence on Global Stock Indices

The number of countries showing potential for economic growth is increasing. These are mostly from developing countries. It gradually becomes connected with the global economy if growth is consistent. All this leads to increased investment from foreign companies creating room for further growth. E

Read more

Please note that all data provided under Finage and on this website, including the prices displayed on the ticker and charts pages, are not necessarily real-time or accurate. They are strictly intended for informational purposes and should not be relied upon for investing or trading decisions. Redistribution of the information displayed on or provided by Finage is strictly prohibited. Please be aware that the data types offered are not sourced directly or indirectly from any exchanges, but rather from over-the-counter, peer-to-peer, and market makers. Therefore, the prices may not be accurate and could differ from the actual market prices. We want to emphasize that we are not liable for any trading or investing losses that you may incur. By using the data, charts, or any related information, you accept all responsibility for any risks involved. Finage will not accept any liability for losses or damages arising from the use of our data or related services. By accessing our website or using our services, all users/visitors are deemed to have accepted these conditions.

Finage LTD 2024

Copyright