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.
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:
window.sfx('marketOverview', {
- Copy and paste the widget script somewhere on the page:
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - Create a container element with a set ID attribute.
- 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.
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"],
})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:
window.sfx('marketOverview', {
- Copy and paste the widget script somewhere on the page:
<script type="text/javascript" src="https://widgets.simplefx.com/sfx-widget.js"></script> - Create a container element with a set ID attribute.
- 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.
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"],
})
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.