Trade from anywhere Get SimpleFX mobile App!

Widgets

Widgets provide clever way to engage audience with your site. Perfect for websites, blogs and forums

Choose your widget

Get awesome functionalities and real-time quotes directly on your site. Give your users instant insights into the markets without complicated integrations. Customize widgets and choose what to show your audience.

Market overview

  • 7 live markets widget
  • choose from over 100 assets
  • customize widget
  • 5 languages
  • adjustable size
  • dark and light theme
  • include affiliation link and earn money

Intraday chart

  • daily asset performance widget
  • choose from over 100 assets
  • customize widget
  • 5 languages
  • adjustable size
  • dark and light theme
  • include affiliation link and earn money

Live quotes bar

  • news style live quotes bar widget
  • choose from over 100 assets
  • customize widget
  • 5 languages
  • adjustable size
  • dark and light theme
  • include affiliation link and earn money

Currency converter

  • instant currency converter on your site
  • over 20 currency pairs
  • customize widget
  • 5 languages
  • adjustable size
  • dark and light theme
  • include affiliation link and earn money

Live quotes

  • live quotes in a box style widget
  • choose from over 60 assets
  • customize widget
  • 5 languages
  • adjustable size
  • dark and light theme
  • include affiliation link and earn money

Become affiliate and earn with widgets!

Sign up for our affiliate program and embed affiliation links in our widgets. It's a simple and convenient way of generating income. Let your audience make money for you.

Frequently asked questions

1. The widget is not adapting to different screen sizes. What should I do?

Use the Autosize setting. When autosize is on, the widget uses 100% of available width and/or height of the enclosing element. It’s very important to set a specific height of parent element for the widget to work properly.

2. Can I use widgets on websites that use Angular 2 and higher versions of this framework?

Yes. Here are some hints:
  1. Copy and paste the widget script somewhere on the page:
    <script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script>
  2. Create a container element with a set ID attribute.
  3. When container element is rendered and you want the widget to be shown call function (e.g. in ngAfterViewInit Angular hook) window.sfx(). Apart from other settings, there should also be a containerId option in the parameter list. It should have the value of the previously created container ID attribute.
Example:
window.sfx('marketOverview', {
containerId: 'sfx-market-overview',
language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
})

3. Can I use widgets on React websites?

Yes. Here are some hints:
  1. Copy and paste the widget script somewhere on the page:
    <script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script>
  2. Create a container element with a set ID attribute.
  3. When container element is rendered and you want the widget to be shown call function (e.g. in componentDidMount lifecycle method) window.sfx() Apart from other settings, there should also be a containerId option in the parameter list. It should have the value of the previously created container ID attribute.
Example:
window.sfx('marketOverview', {
containerId: 'sfx-market-overview',
language: 'auto',
width: '290px',
height: '450px',
theme: 'dark',
customElements: ["header","chartGridLines"],
symbols: ["BTCUSD","BTCEUR","NINTENDO.JP","AAPL.US","VOLV.SE","GOOG.US","LHA.DE","XAUEUR","BAY.DE","TOYOTA.JP","AUDCAD","LTCJPY","USDSEK"],
categoriesOrder: ["Crypto","Equities JP","Equities US","Equities SE","Equities DE","Precious Metals","Forex"],
})

4. Why is embed code not working?

Potentially, the problem can arise from trying to insert the raw code dynamically, thus forcing the browser to block the embedded script execution. This may happen when injection via innerHTML occurs, for instance. Trying to dynamically inject the code with the means of certain libraries (e.g. jQuery) may also disrupt the proper initialization of the widget. If you are embedding the code on a site driven by 3rd party infrastructure, make sure to follow their instructions or ask the developer of the platform for help.
Stop dreaming.
Start trading!

The simplest and the most powerful trading platform