首頁功能介紹專業進階功能如何在問卷表單中加入動圖 GIF 檔?

如何在問卷表單中加入動圖 GIF 檔?

如何在問卷表單中加入動圖 GIF 檔?

你是否嘗試過在問卷置入 GIF 檔案,讓問卷的內容可以透過動圖的方式呈現,增加問卷與填答者的互動感呢?透過 SurveyCake 設計問卷,你可以在 Banner 、問題本身與各個選項輕鬆插入 GIF 動畫,讓整份問卷看起來更加活潑!

在問卷 Banner、題目選項置入 GIF 動圖,讓整份問卷設計更加吸睛!

取得 GIF 檔連結

在將動圖插入問卷之前,必須先將該 GIF 檔上傳至網路圖片空間,再取得該圖片的連結,就能透過輸入圖片連結的方式將動圖成功加入問卷當中。

可以免費上傳圖片的網路空間非常多,giphyimgurgfycat 等都使能免費提供使用者上傳動圖的雲端空間。

而在這邊,我們將以 giphy 和 imgur 為例,示範如何將 GIF 上傳並取得圖片連結。

將 GIF 檔上傳至 giphy

進到 giphy 網站後,點選上方顯眼的紫色按鈕「upload」,就會出現上傳檔案的頁面。

檔案上傳完畢後,選擇右方選單裡的「Copy Link」。

按下「Copy Link」後,出現的第二個網址連結「GIF Link」即是這一張動圖的連結,直接複製就可以囉!

將 GIF 檔上傳至 imgur

進到 imgur 網站後,點選上方顯眼的綠色按鈕「new post」就會跳出上傳檔案的視窗。

成功上傳 GIF 檔後,將鼠標移至圖片上方就會自動跳出倒三角形按鈕,點選後在下拉選單選擇「Get share link」後,複製左下的「BBCode」。

因為 imgur 取消了直接提供圖片連結的功能,我們無法直接取得動圖的連結。因此必須透過修改 BBCode 來取得連結。

修改方式很簡單,只要將 BBCode 前後的[img]、[/img]刪除,留下中間網址即可。
修改前:[img]https://i.imgur.com/9LceQiZ.gif[/img]
修改後:https://i.imgur.com/9LceQiZ.gif

複製 GIF 檔連結至問卷後台

回到建立問卷的頁面,只要將圖片連結貼上至任何可以新增圖片的地方(如 :Banner、題目、選項等)。選擇以輸入圖片連結的方式,貼上我們剛剛從 giphy 或 imgur 等網路空間取得的圖片連結,即可將 GIF 動圖成功插入問卷中囉!

如果想要在題目本身插入圖片,只要點選標題底下功能欄中的「多媒體」,就可以貼上你的 GIF 動圖連結囉!

成功!

歡迎 Banner 改成 GIF 動圖後,是不是讓整份問卷更活潑吸睛了呢?
在設計問卷時不妨加入一些 GIF,增添問卷的互動性吧!

趕緊註冊會員,讓你的問卷更吸睛!

三秒鐘免費註冊 SurveyCake 會員,就能立即將 gif 動圖嵌入你的問卷中,除了視覺上美觀有助於提升填答意願,也能增加與填答者的互動哦!


「SurveyCake」的個人頭像

探索更多來自 SurveyCake 部落格 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading