> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Додавання стороннього коду на сайт

Ви можете додати власний код на сайт для підключення стороннього сервісу — наприклад, форми для зворотного зв'язку, системи бронювання, календаря тощо. За допомогою наших інструментів ви можете додати свій код на весь вебсайт або на певну сторінку.

${youtube}[Як додати сторонній код на сайт](gymbZxBQgeM)

||| ${color}[#f97700](Важливо:) ця опція доступна лише для сайтів із платними підписками.
| ${color}[#1aa900](Підказка:) ви можете дізнатися як додати CSS-класи до елементів вашого сайту в [цій інструкції](https://help.weblium.com/uk/article/dodavannya-css-klasiv-do-elementiv-14y89t9/).

###### Перед початком роботи:

* Отримайте код у розробника/провайдера послуг.
* Зауважте, що сторонні HTML-скрипти можуть значно знизити швидкість завантаження вашого сайту. Ми все ще радимо вам використовувати їх, проте варто спробувати оптимізувати сам код — наприклад, видалити пробіли, коми та інші непотрібні символи.

### Додавання стороннього коду на певну сторінку

1. Якщо ви хочете додати свій код на певну сторінку, ви можете зробити це прямо в редакторі. Для цього відкрийте галерею блоків і натисніть на **Вбудований код**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/aboba_1i0esq4.png)

....або виберіть елемент **Вбудований код** у наявних блоках:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_t4ujfb.png)

|| ${color}[#ffa800](Примітка:) додавання коду у блоці доцільно, коли треба, наприклад, додати віджет на усю ширину блока, або якщо треба додати CSS чи JS код лише до однієї сторінки, щоб вплинути на інші блоки.

2. Потім наведіть курсором на блок і клікніть на «шестерню»:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_vn6sfu.png)

3. У новому вікні вставте необхідний код і натисніть **Зберегти:**

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_11ph1di.png)

4. [Опублікуйте сайт](/en-us/article/publishing-a-site-tgxmch/), щоб застосувати зміни.

### Додавання стороннього коду на весь сайт

1. Спочатку відкрийте **Налаштування** свого сайту та перейдіть у вкладку **Сторонній код**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_1d3g2bo.png)

2. Додайте код до необхідного розділу та натисніть **Зберегти**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_11478th.png)

|| ${color}[#ffa800](Примітка:) наша служба підтримки не надає консультацій з приводу функціоналу та роботи стороннього коду, оскільки, якщо код був створений не нами, ми не можемо бути впевнені, що він повинен коректно працювати. Також, якщо код працював на одному сайті, інколи його необхідно змінити, аби він коректно працював на іншому сайті. Якщо вам потрібна допомога зі стороннім кодом, зверніться до сервісу або фахівця, який написав цей код.