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

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

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

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


取得 GIF 檔連結

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

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

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

將 GIF 檔上傳至 giphy

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

Image for post

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

Image for post

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

Image for post

將 GIF 檔上傳至 imgur

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

Image for post

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

Image for post

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

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


複製 GIF 檔連結至問卷後台

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

Image for post

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

Image for post

成功!

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

Image for post

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

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


如有任何問題或合作意願,歡迎隨時與我們聯繫!

SurveyCake 是一個台灣開發的企業級雲端問卷服務,我們希望連結所有與問卷有關的接觸點。歡迎追蹤我們的 Blog 掌握最豐富的文章訊息,也歡迎附上原文連結分享給更多人知道

官方網站 / 粉絲專頁 / 企業版方案 / 問卷設計懶人包 / 問卷設計交流區
企業級的雲端問卷服務 SurveyCake 無限流量 x 終身免費!
立即註冊即可馬上使用,若有任何問題,歡迎隨時來信至 support@surveycake.com

 

文章授權(創用CC授權)
by-nd
comment

CONTACT US

We're not around right now. But you can send us an email and we'll get back to you, asap.

Sending

©2020 Business Next Publishing Corp. 聯絡、建議隱私權

Log in with your credentials

or    

Forgot your details?

Create Account