# Шаг 2. Установка виджета Webim на сайт

На первом шаге вы внедрите HTML-код сервиса **Webim** на сайт. В результате на страницах вашего сайта появится кнопка вызова оператора и/или приглашение к чату.

Внедрить функциональность сервиса онлайн-консультирования **Webim** (чтобы на страницах Вашего сайта появилась кнопка вызова оператора и/или приглашение к чату) одинаково просто для любых сайтов, построенных на любых технологиях, написанных с использованием любых языков программирования и разметки, CMS и баз данных.

  1. На странице **Панели управления** *Кнопки и размещения* выделите подготовленный сервисом **Webim** HTML-код и скопируйте его в буфер обмена:

     ![Копирование HTML-кода кнопки](https://webim.ru/kb/img/getting-started/install-button/button-code.webp){ style="width: 1440px; max-width: 100%" }

  1. Откройте средства управления кодом вашего сайта. Нужно обладать полномочиями редактирования его веб-страниц и/или шаблонов.  

    * Если редактирование шаблонов осуществляется через административный интерфейс (например, в **WordPress**), войдите в административный интерфейс управления сайтом.

    * Если редактирование шаблонов осуществляется через модификацию файлов шаблонов в специальном формате (например, в **Django**), войдите в хранилище файлов проекта и найдите файлы шаблонов. Мы рекомендуем создать для кода **Webim** отдельный файл и включать его в шаблоны с помощью директивы `include`.

    * Если редактирование HTML-разметки осуществляется непосредственно в коде веб-страниц, откройте файлы страниц в HTML-редакторе.

  1. Вставьте код из буфера обмена в подходящее место шаблона. Мы рекомендуем разместить код **Webim** в общем шаблоне, используемом на всех страницах сайта. Тогда это нужно будет сделать только один раз. Разместите код кнопки внутри тега `body` в самом низу (в подвале, перед закрывающим тегом).  

     ![Размещение HTML-кода сервиса Webim](https://webim.ru/kb/img/getting-started/install-button/code-in-template.webp){ style="width: 725px; max-width: 100%" }

  1. Откройте свой сайт в браузере и проверьте, что на страницах появилась кнопка сервиса **Webim**.

Сервис **Webim** готов к работе.

Для большей наглядности по данному шагу подготовлена видеоинструкция. Она приведена ниже.

<iframe src="https://vk.ru/video_ext.php?oid=-64666686&id=456239072&hd=2" width="853" height="480" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>

---

Источник: https://webim.ru/kb/getting-started/install-button.html