> ## 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).

# Integration via a code from Canva

After creating the presentation,

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/8a3a5725-6a46-46f5-b5a0-ac8d34_18h4p4c.png)
you can **copy the** **link** to it, paste it on a page or into a lesson in the 7SKY space, and **integrate** it using a **code**. 
Let’s take a look at how to do this:
If you are not editing the Canva service object but using a ready-made one, click the **three dots** button on the right, select **Share**, and the link will be copied automatically. This way, you simply insert a hyperlink.

###### To integrate via code:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/fe8c4ef5-8f35-41a6-b687-cc251c_1sh8lqu.png)
1. Open the editing mode by clicking the **Customize template** button.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/3ed7dd44-3cb4-4fa1-8ccd-1a86f9_k063pf.png)

2. Make all necessary **changes**. Click **Share** in the top right corner and select **See all**.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/1f057e36-32d7-4f23-8c0d-7bfc68_mb5eii.png)
3. From the available options, select **Embed**.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/93d9379c-f69b-40fe-8d4b-3e1b95_1ko9b5p.png)
4. **Important! **If the required option doesn’t appear in the pop-up window, click **See all**.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/310ec072-a798-429b-839d-bdcf9a_klmptk.png)
5. To enable the option to embed your design, click **Embed**.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/f73e888b-01ee-4f2a-9b60-e278f2_15fs4qh.png)

6. **Choose **the desired option.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/8ad58845-e874-411b-aa2c-26f686_keu11l.png)
7. Open the [lesson](https://7sky.online/lessons/) or [page](https://7sky.online/lessons/pages/) where you want to insert the code.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/31a46b50-de38-451a-876a-e7c01a_1409b9i.png)
8. Click on the symbol with **angle brackets**.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/fa0f8a26-5133-49d9-b648-1fc70a_xuv9nx.png)
9. If necessary, make further adjustments to the lesson/page and click **Create**

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/f6adf012-47e3-440f-b31b-a71a31_zc7rs8.png)
10. To view the embedded via code object, click the **View** button on the right in the actions section of the page title row.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/3/0/3/f3036dffe30be800/8c56e830-5385-4e89-b763-2a9ae4_t2jl7u.png)
11. The new window will contain the presentation, **ready for viewing** in a convenient format.