如何將 Canva 設計嵌入 Notion?Embed 功能的小小應用

2022 年 9 月 29 日 更新

Embed Canva designs into Notion 封面圖片

Canva 跟 Notion 是我平常都有在用的線上工具,Canva 用來製作精美的圖片, Notion 則是用來做筆記跟管理,兩個都是熱門且好用的數位工具。

而隨著兩間公司團隊的開發,這兩個線上工具的功能也是越來越多,雖然有些功能大多數人都用不到,但也可以了解一下這些數位工具究竟能發揮到什麼樣的程度。

而這篇文章要來介紹的是「如何將 Canva 設計嵌入 Notion 的頁面裡」,這會用到 Notion 跟 Canva 裡面稍微比較冷門的功能,一起來看看吧!

如何將 Canva 設計嵌入 Notion?

如果你還沒有 Canva 或 Notion 的帳號的話,可以點下面的連結來註冊:

接下來就開始示範怎麼將 Canva 的設計專案嵌入到 Notion 的頁面吧!

Step 1:打開或設計一個作品

首先要選擇一個 Canva 的設計專案,我以這個 Canva 的簡報範本當作例子。

打開 Canva 的設計專案


Step 2:點擊分享

Canva 的嵌入功能藏的比較深,要先點擊右上角的 分享按鈕,然後再點下面的 顯示更多

點擊右上角的分享>顯示更多


Step 3:選擇嵌入

然後就可以看到裡面有一個 嵌入 的圖示,點它!

點選「嵌入」按鈕圖示


Step 4:嵌入或是用浮水印嵌入

由於「嵌入功能」會需要公開發布這個作品,所以 Canva 會問你是否要嵌入,確定這個設計作品可以發布之後就點 嵌入 的按鈕。

如果你用的是有 Canva 浮水印的素材,並且沒有付費使用的話,那這個設計公開的時候就會附帶浮水印。不過我這個只是示範,所以我就點擊「嵌入」來進行下一步。

使用浮水印嵌入


Step 5:複製智慧嵌入連結

然後 Canva 就會告訴你「嵌入連結已經建立」,可以用「HTML 嵌入代碼」或「智慧嵌入連結」來將作品嵌入到別的地方。

如果要嵌入到 Notion 的頁面,就要選擇下面的 智慧嵌入連結,把裡面的網址複製起來就好。

複製智慧嵌入連結


Step 6:添加 Embed 區塊

打開 Notion,開啟一個你想要嵌入設計的頁面,然後在頁面裡面插入一個 Embed 的區塊。

添加 Embed 區塊


Step 7:貼上智慧嵌入連結

Embed 區塊建立好之後,就把 Canva 的那條 智慧嵌入連結 貼到「Embed link」裡面,然後點擊 Embed link

貼上 Canva 的智慧嵌入連結


成功嵌入到 Notion 頁面裡

最後就可以看到 Canva 的設計作品出現在 Notion 的頁面中囉。如果這份設計裡面有多個頁面的話,也可以利用左右方向鍵來查看其它的頁面,右下角還有分享按鈕跟全螢幕的功能可以使用。

成功嵌入到 Notion 頁面


可調整嵌入作品的區塊大小

Notion 的區塊原本就自帶「調整大小」的功能,所以我們可以隨時調整這個嵌入畫面的大小,根據自己的需求來調整這個頁面的版型配置即可。

可調整 Embed 區塊大小






如何中斷嵌入連結?

如果哪天你不希望這個 Canva 設計被公開或是被看到的話,那你可以有以下兩種做法:

方法一:取消發布 Canva 設計

這種方法是要回到原本的那個 Canva 設計專案裡面,打開嵌入功能,它下面會有一個 取消發佈此設計 的功能,點它就可以中斷正在連線的嵌入連結囉!

取消發布 Canva 設計


方法二:直接將 Canva 專案刪除

這個方法簡單又粗暴,只要把 Canva 的那個設計專案整個刪除,就不會有設計公開或嵌入的煩惱了。而中斷嵌入連結之後,Notion 那邊的頁面就會變成下圖這樣 404 error 的頁面狀態。

刪除 Canva 的設計專案時,Embed 區快會變成 404 頁面



結語

以上就是把 Canva 作品嵌入 Notion 頁面的方法,雖然不是很常用的功能,但也可以自己試著操作看看,這樣能對這兩款線上軟體更加熟悉喔!



延伸閱讀

References:https://www.canva.com/help/article/embed-designs/

利益揭露:網站內部分可見的連結/代碼有參與聯盟計劃,如果您透過這些連結/代碼購買商品或註冊會員的話,並不會有任何損失或額外費用的產生,還可能獲得些許優惠,而我僅會獲得一小部分的佣金,能幫助我持續營運這個網站,並且更有動力進行創作。

Binance 幣安推薦碼 VU3NZ3AJ
喜歡這篇文章嗎?分享給你的朋友吧