Trading Widget Quick Start

Create a visible container, load the script, and call TradingWidget.create().

View as Markdown

Minimal example

1<div id="trading-widget" style="width: 100%; height: 720px"></div>
2
3<script src="https://app.6mm.com/sdk/trading-widget/v1/index.js"></script>
4<script>
5 const widget = TradingWidget.create('#trading-widget', {
6 baseUrl: 'https://app.6mm.com',
7 symbol: 'BTCUSDT',
8 theme: 'dark',
9 locale: 'en',
10 layout: 'default',
11 onReady(event) {
12 console.log('ready', event)
13 },
14 onError(error) {
15 console.error('error', error)
16 },
17 })
18</script>

SDK URLs

Set baseUrl explicitly

When testing from partner-owned pages, pass baseUrl so the iframe always points to the 6MM Web domain.

Container size

SurfaceRecommended minimum
Desktop1024 x 720
Mobile390 x 700