按鈕是網頁中引導行動(Call To Action , CTA)的關鍵元素,你可以將按鈕設計得鮮豔、突出,撰寫明確、具吸引力的文字,設定點擊後的回饋及連結,使其為你創造有效的互動及轉換。
按鈕設定
當「按鈕」放入到中間畫布區時,會帶有 WEBA 系統的預設樣式,如需設定尺寸可直接拖曳按鈕四周的控制點,或透過「外觀設定 > 尺寸」設定。
更多設定則可參考下方步驟進行:
- 按鈕文字:設定顯示在按鈕上的文字
- 文字顏色:設定「按鈕文字」的顏色
- 按鈕顏色:設定按鈕本體的顏色
- 點擊顏色:設定按鈕在被點擊瞬間(hover)變化的顏色
- 如需要針對按鈕和文字的樣式做更多設定,可點擊「顯示進階設定」
- 文字樣式:字型大小、字型、粗體、斜體、底線、刪除線、行距、字距
- 圓角:可選擇「px」或「%」為單位調整圓角
- 陰影:勾選開啟後,可設定按鈕陰影的顏色、X/Y軸、和模糊度
- 框線:勾選開啟後,可設定按鈕框先的顏色和粗細
連結設定
請點擊「開啟連結」,並依下方選擇所需的「連結設定」:
- 網址
- 請輸入網址
- 勾選是否「開啟新分頁」
- 電話
- 請輸入電話
- 電子郵件
- 請輸入電子郵件
- 頁面
- 選擇頁面:選擇點擊按鈕後要到哪一個頁面
- 選擇錨點:到指定頁面後要到哪一個錨點位置
- 提示
- 選擇提示:選擇點擊按鈕後要開啟哪一個提示