按鈕

按鈕是網頁中引導行動(Call To Action , CTA)的關鍵元素,你可以將按鈕設計得鮮豔、突出,撰寫明確、具吸引力的文字,設定點擊後的回饋及連結,使其為你創造有效的互動及轉換。

按鈕設定

當「按鈕」放入到中間畫布區時,會帶有 WEBA 系統的預設樣式,如需設定尺寸可直接拖曳按鈕四周的控制點,或透過「外觀設定 > 尺寸」設定。

更多設定則可參考下方步驟進行:

WEBASite|按鈕|按鈕設定|V2.2

  1. 按鈕文字:設定顯示在按鈕上的文字
  2. 文字顏色:設定「按鈕文字」的顏色
  3. 按鈕顏色:設定按鈕本體的顏色
  4. 點擊顏色:設定按鈕在被點擊瞬間(hover)變化的顏色
  5. 如需要針對按鈕和文字的樣式做更多設定,可點擊「顯示進階設定」
    1. 文字樣式:字型大小、字型、粗體、斜體、底線、刪除線、行距、字距
    2. 圓角:可選擇「px」或「%」為單位調整圓角
    3. 陰影:勾選開啟後,可設定按鈕陰影的顏色、X/Y軸、和模糊度
    4. 框線:勾選開啟後,可設定按鈕框先的顏色和粗細

連結設定

請點擊「開啟連結」,並依下方選擇所需的「連結設定」:

WEBASite|按鈕|連結設定|V2.1

  1. 網址
    • 請輸入網址
    • 勾選是否「開啟新分頁」
  2. 電話
    • 請輸入電話
  3. 電子郵件
    • 請輸入電子郵件
  4. 頁面
    • 選擇頁面:選擇點擊按鈕後要到哪一個頁面
    • 選擇錨點:到指定頁面後要到哪一個錨點位置
  5. 提示
    • 選擇提示:選擇點擊按鈕後要開啟哪一個提示
Prev
圖庫
Next
AI Assistant