metabiz.ai
討論您的需求

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

Button/ Marketing Button / Multi Button/ Modal Popup 教學,常用於訂閱按鈕、錨點按鈕、連結網站等,內容可以直觀地預覽不同效果的呈現與設定。了解如何使用這些工具提升網站的互動性和轉化率,創造更好的用戶體驗。掌握所有按鈕設置和彈出窗口的技巧,讓您的網站更加吸引人且功能強大

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

以下是範例呈現

button text icon Image
Click Here

  1. 新增 Modal Popup 小工具: 在 Elementor 編輯器中,搜尋並拖放“Modal Popup”小工具到頁面。
  2. 設置彈出窗口內容: 添加所需的文本、圖片、視頻或表單,自訂彈出窗口的樣式和佈局。
  3. 配置觸發條件: 選擇觸發方式,如點擊按鈕、頁面載入、滾動到特定位置或退出意圖。
  4. 添加動畫效果: 選擇彈出和關閉動畫效果,增強彈出窗口的吸引力。
ThreadsFacebookLINELinkedIn