Widgets List¶
cTrader Web currently supports the following widgets.
Note
After finishing setting up a widget, click on the 'Copy Code' button just below the 'Embedded Code' window to copy the embed code to your clipboard.
cTrader Web¶
The 'cTrader Web' widget is a fully functional cTrader Web platform that you can embed anywhere. It is perfect for ensuring that all leads that access your web resource can immediately proceed to trading without wasting any time. As cTrader Web also offers the 'guest mode' functionality, leads are also free to browse various areas inside cTrader, encouraging their conversion into live traders.
Use Case
If you offer custom trading conditions and incentives such as trading challenges, embed cTrader Web in your client area so that traders can simultaenously place new orders and track the completion of these challenges.
Note
This widget requires additional configuration of its code prior to embedding. To learn more, click here.
You can change the following settings.
Setting | Definitions and Values |
---|---|
'Theme' | — 'Light'. cTrader Web will be in light mode when embedded. — 'Dark'. cTrader Web will be in dark mode when embedded. |
'Language' | Any language supported by cTrader can be chosen. When embedded, cTrader Web will use the chosen language. |
'Chart Mode' | — 'Single-chart mode'. cTrader Web will be set to single-chart mode when embedded. — 'Multi-chart mode'. cTrader Web will be set to multi-chart mode when embedded. |
Market Watch¶
The 'Market Watch' widget is a copy of the 'Market Watch' display for a specific symbol or all symbols supported by your broker. The widget is perfect for providing a live price feed directly on your chosen web resource. The widget can also be used to send leads directly to your broker's cTrader Web, where they will be able to quickly create an account and proceed to live trading.
Use Case
If you want to convert leads into your referrals, add the 'Market Watch' widget to your landing page so that all its visitors have a strong visual reminder to proceed to live trading.
Note
This widget requires additional configuration of its code prior to embedding. To learn more, click here.
If the widget is configured to only show one symbol, it will also include a simplified DoM display.
Regardless of the view mode chosen, this widget can also contain a custom button. The widget also contains a dropdown allowing the user to launch your broker's cTrader Web or access an external web resource.
You can change the following settings.
Setting | Definitions and Values |
---|---|
'Market View Mode' | — 'One symbol'. The widget only displays one symbol and a simplified DoM feed for it. — 'All symbols'. The widget displays several symbols without the DoM feed. — 'Asset classes displayed: All'. The widget displays all symbols available to your account. This option is only available if the widget view mode is 'All symbols'. — 'Asset classes displayed: Custom'. The widget only displays symbols that belong to the asset classes you choose. This option is only available if the widget view mode is 'All symbols'. |
'Theme' | — 'Light'. The widget will be in light mode when embedded. — 'Dark'. The widget will be in dark mode when embedded. |
'Colour' | — 'Default'. The widget will use the default cTrader colour scheme when embedded. — 'Custom'. The widget will use a custom configurable colour scheme when embedded. |
'Button Settings' | The configuration of the custom button inside the widget. To add the button to the widget, enable the 'Show button' checkbox, and type the button text and URL in their respective text fields. |
'Widget Size' | The size that the widget will take when embedded. — 'Custom size'. You can select from four predefined sizes or define a custom size. — 'Full size'. When embedded, the widget takes the full width of its parent container. |
Your Strategies¶
The 'Your Strategies' widget displays all Copy strategies you are providing. From the widget, users can immediately become investors or view the statistics of your strategies. This makes the 'Your Strategies' widget great for targeting leads who do not necessarily want to become traders but who would still like to invest their funds into someone else.
Use Case
The 'Your Strategies' widget is most useful when you want to prevent leads from investing in Copy strategies other than your own. The widget only displays your strategies and never contains other providers' strategies.
Note
This widget requires additional configuration of its code prior to embedding. To learn more, click here.
Prior to using this widget, configure the following settings.
Setting | Definitions and Values |
---|---|
'Theme' | — 'Light'. The widget will be in light mode when embedded. — 'Dark'. The widget will be in dark mode when embedded. |
'Language' | Any language supported by cTrader can be chosen. When embedded, cTrader Web will use the chosen language. |
'Promotion' | — 'Hide'. The 'Strategy Promotion' block will be absent from all strategy pages when the widget is embedded. — 'Show'. The 'Strategy Promotion' block will be shown on every strategy page when the widget is embedded. |
Note
The 'Strategy Promotion' block makes it easy for anyone to access the embed code for a strategy or attain an Invite link to it containing your nickname. Hide this block if you want to restrict other users from accessing this functionality.
Single Strategy¶
The 'Single Strategy' widget allows you to embed any Copy strategy on an external web resource. This makes this widget an effective mechanism for attracting people who prefer investing to trading. They will be able to see the entire range of strategies offered in cTrader Copy and start investing without leaving your web resource.
Use Case
Embedding the 'Single Strategy' widget is an easy way to gain new referrals. Regardless of the strategy that a trader chooses to invest to, they will become your invited trader and, subsequently, your referral in the broker's system.
Note
This widget requires additional configuration of its code prior to embedding. To learn more, click here.
Upon first opening the widget page, you will be prompted to select a Copy strategy. After you make a choice, you will be able to customise the widget settings and copy the embed code. To select another strategy, click on the 'Search' button in the upper-right corner.
Before using this widget, configure the following settings.
Setting | Definitions and Values |
---|---|
'Theme' | — 'Light'. The widget will be in light mode when embedded. — 'Dark'. The widget will be in dark mode when embedded. |
'Language' | Any language supported by cTrader can be chosen. When embedded, cTrader Web will use the chosen language. |
'Promotion' | — 'Hide'. The 'Strategy Promotion' block will be absent from all strategy pages when the widget is embedded. — 'Show'. The 'Strategy Promotion' block will be shown on every strategy page when the widget is embedded. |
Note
The 'Strategy Promotion' block makes it easy for anyone to access the embed code for a strategy or attain an Invite link to it containing your nickname. Hide this block if you want to restrict other users from accessing this functionality.
Multiple Strategies¶
The 'Multiple Strategies' widget allows for choosing and embedding several different Copy strategies. Note that you can select any strategies available inside your cTrader application even if you are not their provider.
Note
This widget requires additional configuration of its code prior to embedding. To learn more, click here.
To select strategies from the list, click on the 'Search' button to the right.
Unavailable Strategies
If a strategy is stopped or deleted, it will still show up inside the widget, alerting you to the fact that the list of selected strategies needs to be refreshed or changed. However, the embedded version of the widget will stop showing the stopped/deleted strategy immeditely so your audiences will only be able to invest into real and active strategies.
Configure these settings prior to using this widget.
Setting | Definitions and Values |
---|---|
'Theme' | — 'Light'. The widget will be in light mode when embedded. — 'Dark'. The widget will be in dark mode when embedded. |
'Language' | Any language supported by cTrader can be chosen. When embedded, cTrader Web will use the chosen language. |
'Promotion' | — 'Hide'. The 'Strategy Promotion' block will be absent from all strategy pages when the widget is embedded. — 'Show'. The 'Strategy Promotion' block will be shown on every strategy page when the widget is embedded. |