> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.7sky.ua/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).

# Інтеграція з Canva

# Інтеграція з Canva

Як інтегрувати презентацію/ набір слайдів за допомогою коду
Після створення презентації,
 ![](https://help7.b-cdn.net./help-images/8aa41f7c.png)
ви можете **не лише** скопіювати посилання на неї та вставити його на сторінку чи в урок простору 7SKY, а й інтегрувати її за допомогою коду. Рогляньмо, як це реалізувати:

Якщо ви **не редагуєте** об'єкт сервісу Canva, а використовуєте готовий, натисніть праворуч кнопку з трьома крапками, оберіть **Поділитися** і посилання скопіюється автоматично. Так ви просто вставите гіперактивне посилання.

Для інтеграції через код: 

![](https://help7.b-cdn.net./help-images/73c7bab5.png)

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

![](https://help7.b-cdn.net./help-images/368116ac.png)

* Здійсніть усі необхідні **зміни**. Натисніть у правому верхньому куті **Поділитися **та оберіть** Переглянути все**.

![](https://help7.b-cdn.net./help-images/598f3db8.png)

* З-поміж наявних опцій, оберіть **Вбудувати**.

![](https://help7.b-cdn.net./help-images/f209838e.png)

|| Важливо! ** Якщо у вікні, що спливає, ви не бачите необхідної опції, натисніть **Переглянути все.

![](https://help7.b-cdn.net./help-images/49854e25.png)

* Для отримання можливості вбудувати свій дизайн, натисніть **Вбудувати**.

![](https://help7.b-cdn.net./help-images/2d2edefd.png)

* **Оберіть** бажаний варіант.

![](https://help7.b-cdn.net./help-images/0329d741.png)

* Відкрийте **урок** чи **сторінку**, для яких потрібна вставка коду. 

![](https://help7.b-cdn.net./help-images/d2603ebc.png)

* Натисніть на символ із **кутовими дужками**.

![](https://help7.b-cdn.net./help-images/6839ec27.png)

* За необхідності, здійсніть подальші налаштування уроку/сторінки та натисніть **Створити**.

![](https://help7.b-cdn.net./help-images/cc3deaba.png)

* Для перегляду вставленого за допомогою коду об'єкта, у рядку з назвою сторінки, натисніть на кнопку **Переглянути** праворуч у розділі дії.

![](https://help7.b-cdn.net./help-images/c5010e44.png)

* Нове вікно міститиме презентацію, готову для ознайомлення в зручному форматі.
