按鈕工具全面指南:設計師的必備工具箱

Button

以下是範例呈現

  1. 添加Button小工具:打開Elementor編輯器,拖放Button小工具到您想要顯示按鈕的頁面區域。
  2. 配置按鈕設置:在左側面板中設置按鈕文本、連結、大小和對齊方式。
  3. 自定義按鈕樣式:使用Elementor提供的樣式選項,自定義按鈕的背景顏色、文字顏色、邊框和字體設置。在按鈕設置中添加圖標,選擇圖標位置並調整圖標間距。
  4. 高級設置:設置按鈕的ID和CSS類,添加進入動畫效果,並根據需要設置條件顯示。

Marketing Button

以下是範例呈現

  1. 添加Button小工具:打開Elementor編輯器,拖放Marketing Button小工具到您想要顯示按鈕的頁面區域。
  2. 配置按鈕設置:在左側面板中設置按鈕文本、連結、大小和對齊方式,並選擇預設按鈕樣式
  3. 自定義按鈕樣式:使用Elementor提供的樣式選項,自定義按鈕的背景顏色、文字顏色、邊框和字體設置。在按鈕設置中添加圖標,選擇圖標位置並調整圖標間距。
  4. 高級設置:設置按鈕的ID和CSS類,添加進入動畫效果,並根據需要設置條件顯示。

Multi Button

以下是範例呈現

  1. 新增 Multi Button 小工具: 在 Elementor 編輯器中,搜尋並拖放“Multi Button”小工具到頁面。
  2. 添加按鈕: 點擊添加按鈕,輸入按鈕文本,設置每個按鈕的字體、大小、顏色和背景。
  3. 配置按鈕動作和鏈接: 設置每個按鈕的動作和鏈接,包括內部頁面、外部網址或彈出窗口。
  4. 添加圖標(可選): 為每個按鈕添加合適的圖標,增強視覺效果和吸引力。

Modal Popup

以下是範例呈現

  1. 新增 Modal Popup 小工具: 在 Elementor 編輯器中,搜尋並拖放“Modal Popup”小工具到頁面。
  2. 設置彈出窗口內容: 添加所需的文本、圖片、視頻或表單,自訂彈出窗口的樣式和佈局。
  3. 配置觸發條件: 選擇觸發方式,如點擊按鈕、頁面載入、滾動到特定位置或退出意圖。
  4. 添加動畫效果: 選擇彈出和關閉動畫效果,增強彈出窗口的吸引力。
metabiz 專注於 AI 與數據中台整合,提供企業級的 LINE CRM、電商系統與會員成長解決方案。 我們致力於協助品牌透過數據驅動營運,實現行銷自動化與智能決策。 若您有 AI 或系統整合需求,歡迎來信至 [email protected] , 一起打造下一代的智慧商務體驗。