> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.6mm.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.6mm.com/_mcp/server.

# Вбудувати 6MM Trading Widget: Швидкий старт

Trading Widget SDK інтегрує 6MM торговий інтерфейс у веб-сторінку, що належить партнеру. Найшвидша інтеграція вимагає видимого контейнера, скрипта SDK виробництва та виклику `TradingWidget.create()`.

<h2 id="before-you-start">
  Перш ніж почати
</h2>

* Запустити приклад із веб-сторінки, яка може завантажувати ресурси з `https://app.6mm.com`.
* Надайте контейнеру віджета явну ширину та висоту.
* Завантажте SDK перед тим, як викликати `TradingWidget.create()`.
* Планувати [потік автентифікації](/uk/sdk/trading-widget/authentication) перед тим, як увімкнути функції облікового запису або торгівлі у продакшенгу.

<h2 id="minimal-example">
  Мінімальний приклад
</h2>

```html
<div id="trading-widget" style="width: 100%; height: 720px"></div>

<script src="https://app.6mm.com/sdk/trading-widget/v1/index.js"></script>
<script>
  const widget = TradingWidget.create('#trading-widget', {
    baseUrl: 'https://app.6mm.com',
    symbol: 'BTCUSDT',
    theme: 'dark',
    locale: 'en',
    layout: 'default',
    display: {
      showHeader: false,
      showTicker: false,
      hidden: [],
    },
    onReady(event) {
      console.log('ready', event)
    },
    onError(error) {
      console.error('error', error)
    },
  })
</script>
```

Коли інтеграція успішна, SDK створює iframe всередині `#trading-widget` і викликає `onReady`. Захоплюйте `onError` під час розробки, щоб було видно збої при конфігурації та навантаженні.

<h2 id="sdk-urls">
  SDK URL
</h2>

| Навколишнє середовище | Сценарій URL                                                                                             |
| --------------------- | -------------------------------------------------------------------------------------------------------- |
| Виробництво           | [https://app.6mm.com/sdk/trading-widget/v1/index.js](https://app.6mm.com/sdk/trading-widget/v1/index.js) |

> **Встановити baseUrl явно**
>
> Під час тестування зі сторінок, що належать партнеру, пропускайте baseUrl так, щоб iframe завжди вказував на веб-домен 6MM .

<h2 id="display-controls">
  Керування відображенням
</h2>

Партнерські вбудовки за замовчуванням приховують заголовок ПК і тікер нижнього ринку. Використовуйте `display` , коли потрібно показати ці оболонкові зони або приховати високорівневі контейнери на вбудованій сторінці торгівлі.

```js
display: {
  showHeader: false,
  showTicker: false,
  hidden: ['account'],
}
```

<h2 id="container-size">
  Розмір контейнера
</h2>

| Поверхня             | Рекомендований мінімум |
| -------------------- | ---------------------- |
| Настільний комп'ютер | 1024 x 720             |
| Мобільні             | 390 x 700              |

Для адаптивних макетів тримайте ширину плавною і встановлюйте відповідну мінімальну висоту для кожної точки розриву. Контейнер з нульовою висотою може успішно завантажити SDK , залишаючи торговий інтерфейс невидимим.

<h2 id="verify-the-integration">
  Перевірте інтеграцію
</h2>

1. Переконайтеся, що скрипт SDK успішно повертається в мережевій панелі браузера.
2. Підтвердити, `onReady` запускається після ініціалізації iframe.
3. Протестуйте налаштовані `symbol`, `locale`, тему та приховані секції.
4. Змініть розмір сторінки між десктопними та мобільними точками зупинки.
5. Завершити автентифіковане тестування з невиробничим користувачем перед запуском.

<h2 id="common-issues">
  Поширені проблеми
</h2>

| Симптоми                                | Що перевіряти                                                               |
| --------------------------------------- | --------------------------------------------------------------------------- |
| Порожня область віджета                 | Переконайтеся, що контейнер має видиму ширину та висоту.                    |
| `TradingWidget` не визначена            | Підтвердіть завантажений скрипт v1 перед створенням виклику.                |
| Неправильна сторінка або середовище     | Встановіть `baseUrl` явно і перевірте налаштоване середовище.               |
| Подія «Готовність» ніколи не спрацьовує | Захоплюйте `onError` та перевіряйте заблоковані запити iframe або скриптів. |
| Дані облікового запису недоступні       | Завершіть процес автентифікації підтримуваного віджета.                     |

<h2 id="next-steps">
  Наступні кроки
</h2>

#### [Автентифікація віджетів](/uk/sdk/trading-widget/authentication)

Підключіть вбудований термінал до затвердженої користувацької сесії.

#### [Опції та події](/uk/sdk/trading-widget/options-events)

Налаштовуйте символи, локалізацію, поведінку відображення та зворотні виклики життєвого циклу.

#### [Методи екземплярів](/uk/sdk/trading-widget/instance-methods)

Керуйте створеним інстансом віджета після ініціалізації.