在網站中新增「付款按鈕」區塊後,即可變更按鈕顏色、版面形式等。閱讀本指引,了解如何設定付款按鈕的樣式。
按照下列步驟變更付款按鈕的背景與文字顏色:
- 按一下「付款」區塊中的個別按鈕。
- 在區塊設定側邊欄中,找到「背景和文字顏色」區段。
- 若要變更按鈕中的文字顏色,請按一下「文字顏色」區段。
- 按一下「背景」區段,即可變更按鈕的顏色。
深入了解如何將顏色套用至按鈕。
變更按鈕的半徑,即可變更按鈕邊緣的圓角。請依照下列步驟操作:
- 按一下「付款」區塊中的個別按鈕。
- 在區塊設定側邊欄中,找到「邊框」區段。
- 使用滑桿或輸入數字,即可變更按鈕半徑。
- 按一下右上角的「儲存」或「發表」,即可儲存變更內容。
數字越小,按鈕越方正;數字越大,會增加按鈕四個角的圓弧度。

按照下列步驟設定按鈕寬度:
- 按一下「付款」區塊中的個別按鈕。
- 在區塊設定側邊欄中,找到「寬度設定」區段。
- 選取其中一個預設值 (25%、50%、75% 或 100%) 或設定自訂寬度。
- 按一下右上角的「儲存」或「發表」,即可儲存變更內容。
例如,將按鈕的寬度設為 100%,即可建立全寬按鈕。或者,如下列範例所示,將每個按鈕的寬度設為 50%,讓這兩個按鈕佔滿內容區的完整寬度:

若想變更付款按鈕的對齊方式,請依照下列步驟進行:
- 選取編輯器左上角的「清單檢視」。
- 按一下清單檢視中的「付款按鈕區塊」項目。
- 在出現的區塊工具列中,按一下「變更項目對齊」按鈕。
- 從下列選項擇一選取:
- 將項目靠左對齊:將所有按鈕靠左對齊。
- 將項目置中對齊:將所有按鈕置中對齊。
- 將項目靠右對齊:將所有按鈕靠右對齊。
- 項目之間的間距:在付款按鈕區塊中平均分配按鈕間距。
- 按一下右上角的「儲存」或「發表」,即可儲存變更內容。
按照下列步驟,選取按鈕的預設樣式:
- 按一下「付款」區塊中的個別按鈕。
- 在區塊設定側邊欄中,按一下「樣式」分頁。
- 針對按鈕樣式,從填滿和外框之間選擇。
- 按一下右上角的「儲存」或「發表」,即可儲存變更內容。
請依照下列步驟,變更按鈕中文字的字型大小、類型和字母大小寫:
- 按一下「付款按鈕」區塊中的個別按鈕。
- 在區塊設定側邊欄中,按一下「樣式」分頁。
- 捲動至「文字設計」區段。
- 變更按鈕文字的大小,或按一下三點圖示 (⋮),即可啟用字型和字母大小寫選項。
- 按一下右上角的「儲存」或「發表」,即可儲存變更內容。
深入了解文字設計設定。
你可以在付款按鈕的文字中新增粗體和斜體等格式。依照下列步驟套用格式:
- 按一下「付款」區塊中的個別按鈕。
- 在按鈕中將部分或所有文字加上醒目提示。
- 使用出現的區塊工具列,套用下列任一樣式:
- 粗體
- 斜體
- 「更多」圖示包括:
- 醒目提示:只變更文字的文字和背景顏色。使用樣式,變更按鈕的顏色。
- 內嵌程式碼
- 內嵌圖片
- 鍵盤輸入樣式
- 語言屬性
- 刪除線
- 下標
- 上標
- 按一下右上角的「儲存」或「發表」,即可儲存變更內容。
