В этом режиме виджет будет отображаться прямо на сайте, без всплывающего окна — он будет встроен в то место, где вы его разместите.

![](https://helpdesk.vivacrm.ru/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeTJZQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--21c0daf5214c82dd1fa1d504df89c5d55fa474f1/image)

Пример виджета

## **Размещение на Tilda**

1. Откройте страницу, на которой хотите разместить виджет vivaCRM

2. Добавьте в нужное место HTML-блок (T123)

3. Нажмите Редактировать

4. Вставьте в открывшемся окне код из настроек виджета тут <https://vision.vivacrm.ru/widgets>, например:

![](https://helpdesk.vivacrm.ru/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeXlZQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--c7cfcfcc9cb45a7359f006d20320153b13560fd6/image)


```
<script src="https://supadb.vivacrm.ru/storage/v1/object/public/widgets/4d90505d-ce07-467b-9966-adaf238bfefb.js"></script>
```

1. Сохраните и опубликуйте страницу.

## **Размещение в WordPress Elementor**

1. Откройте нужную страницу в режиме редактора Elementor.

2. Перетащите виджет "HTML-блок" в нужное место сайта

3. Вставьте в открывшемся окне код из настроек виджета тут <https://vision.vivacrm.ru/widgets>, например:

```
<script src="https://supadb.vivacrm.ru/storage/v1/object/public/widgets/4d90505d-ce07-467b-9966-adaf238bfefb.js"></script>
```

![](https://helpdesk.vivacrm.ru/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeXVZQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--3978d4d0ab5e4b41168f074ff28aef9ecf8d0d1d/image)

### **Размещение виджета на самописном сайте**

1. Откройте код страницы, на которой хотите разместить виджет.

2. Определите место в котором вы хотите чтобы виджет появился

3. Вставьте в открывшемся окне код из настроек виджета тут <https://vision.vivacrm.ru/widgets>, например:

```
<script src="https://vivacrm.ru/widgets/supersite/bookingOnSite.js"></script>
```