直接將此元件拖拉至畫布上欲插入按鈕的位置。 #
插入元件－按鈕：
點選按鈕段（螢光處）可編輯段佈局、樣式、進階功能。
點擊畫布上「點擊這裡」（螢光處按鈕上文字），進入編輯按鈕。
編輯按鈕：編輯內容、樣式、進階 #
點擊在此點擊（按鈕上文字）後，進入編輯按鈕，包含內容、樣式、進階。
內容，包含按鈕的類型、按鈕上文本、按鈕連結、對齊、按鈕尺寸、選擇圖示與圖示間距。
類型可以下拉選擇，資訊、成功、警告、危險，僅為系統提供按鈕的顏色。（系統預設為成功）。可以依照需求使用系統提供按鈕類型或自行設定顏色。範例先調整類型為危險。
文本：可於方框中輸入按鈕上欲顯示的文字。範例先輸入「了解更多」。
連結，基本上常用於設定點擊按鈕時，開啟至另一連結頁面，則可將欲連結頁面的網址貼入連結方框；特殊亦可用於錨點設定（相關錨點設定參考錨點說明）。
對齊，為畫布上的按鈕置左置中或置右等功能，範例調整為置中。
尺寸，為在畫布上按鈕所呈現的大小。
編輯按鈕－內容中的圖示，當指標滑至圖示(紅色方框內)，則會顯示Icon Library 或者 Upload SVG。可選擇Icon Library提供之Icon或者是自行上傳Icon圖檔。
點選 Icon Library，出現系統提供Icon Library，選擇後點擊右下INSERT插入所選Icon。 範例先選擇Bell此Icon。
圖示位置，代表Icon圖示顯示在按鈕上文字之前或之後。
圖示間距，代表Icon圖示與文字間的距離。範例將圖示間距調整為10。
編輯按鈕－樣式 #
編輯按鈕－樣式，一樣可以調整按鈕上文本大小(排版)、文本陰影及顏色、背景色彩、圓角或按鈕外框陰影等功能。
排版，可以調整按鈕上文字的大小（範例先設定為14PX）、重（為文字粗細，範例先設定400）、轉換（為大小寫）、樣式（預設或斜體等）、裝飾（線條）、行高（兩行以上行與行間距離）、字元間距（字與字間的距離，範例先設定為1）。
文本顏色，可以選擇顯示在按鈕上文字的顏色，範例將文本顏色選為白色。
背景顏色，可以自行選擇按鈕的顏色；若不使用系統提供的類型顏色，可於背景顏色處選擇適合的顏色。範例將背景調整為近黑色。
點選編輯按鈕－樣式，懸停，懸停為當游標移至畫布上此元件時，或游標停在此元件上時將產生的效果。
因此也可選擇懸停時文字變換顏色以及懸停時按鈕背景變換顏色，甚至是整個元件於懸停時所顯示的動畫。
懸停常與按鈕元件或圖示 / 圖片元件配合使用。
範例將懸停時文本顏色不變，背景顏色改為朱紅色。
此時將游標移到畫布上按鈕，所設定的懸停效果將顯示。
懸停動畫可選擇喜歡的動畫效果自行測試使用。
