---
metadata:
  - name: generator
    content: Diplodoc Platform v5.44.0
alternate:
  - https://yandex.com/dev/id/doc/en/suggest/but-const.md
  - https://yandex.com/dev/id/doc/ru/suggest/but-const.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/dev/id/doc/ru/llms.txt

# Конструктор кнопок

Интерактивный конструктор кнопок позволяет настроить кнопку авторизации под внешний вид вашего сайта. Выберите нужные значения параметров, и конструктор отрисует кнопку и выведет код скрипта с этими параметрами.

<!-- source: ru/_mdx/button-constructor.mdx -->
<!-- markdownlint-disable -->

<div class="ypd-preview">
    <a href="https://autofill.yandex.ru/suggest/button/constructor" target="_blank">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V3h-6c-.55 0-1 .45-1 1z"></path></svg>
    </a>
    <iframe src="https://autofill.yandex.ru/suggest/button/constructor" style="height: 500px"></iframe>
</div>
<!-- endsource: ru/_mdx/button-constructor.mdx -->

Скопируйте готовый код из конструктора и вставьте его на [страницу авторизации](https://yandex.com/dev/id/doc/ru/suggest/script-sdk-suggest.md). Во вставленном коде замените:

* `oauthQueryParams` — на блок
   
   ```javascript
   {
      client_id: 'c46f0c53093440c39f12eff95a9f2f93',
      response_type: 'token',
      redirect_uri: 'https://examplesite.com/suggest/token'
   }
   ```

   В блоке подставьте нужные значения параметров:
   
   * в параметр `client_id` — идентификатор зарегистрированного на [Этапе 1](https://yandex.com/dev/id/doc/ru/register-client.md) OAuth-приложения;
   * в параметр `redirect_uri` — URL вспомогательной страницы, который вы указали в поле **Redirect URI** OAuth-приложения с данным `client_id` (если параметр не указан, то будет использовано первое из значений поля **Redirect URI**).

* `tokenPageOrigin` — на origin [вспомогательной страницы](https://yandex.com/dev/id/doc/ru/suggest/script-sdk-suggest-token.md), которая принимает токен.