做一個發送郵件的按鈕…

Jerry Kitty Hsu
Axure Geek
Published in
3 min readApr 16, 2018

很多時候做網站企劃常常會遇到許多寄送客服信的按鈕,這時候如果只會基礎的WireFrame作法大概就會像下面這樣只放一個按鈕…

進階一點多做一個 note 做說明輔助…

每次看到這種 wireframe 都覺得

今天這教學做完了,等於脫胎換骨!做 Wireframe 不是說你不需要進步!記得這段語法~

mailto:email@link.com

把這段語法丟到 OnClick 裡面 Openlink 後 設定 Hyperlink

點一下開郵件,馬上就是你要的目的地!輕輕鬆鬆!

以下進階玩法,膽小勿試

如果想要設定為固定標題好管理郵件,可以設定回復的標題以及內容唷!如下語法一樣的作法

mailto:email@link.com?subject=標題&body=內容

以下更進階玩法,連我都不大常用

設定兩個輸入欄位,要輸入什麼都可以

text area 可以同時設定 hint 提示字

然後在Hyperlink的地方設定 Text Area 的變數作為代入,就可以將輸入內容置入信件中,想設計表單可以多欄位輸入

text area 不曉得為什麼沒辦法輸入中文...

若是需要做到額外的功能例如 cc 或是 bcc 或 Subject 的話,只要在語法後面接著 &變數=變數內容 就可以了

如果喜歡 Axure Geek 的內容,請用 👏 給我們支持與鼓勵,能分享更好!
最多可以 👏 50下哦!

--

--