指南/利用網站獲利/設定付款按鈕的樣式

設定付款按鈕的樣式

在網站中新增「付款按鈕」區塊後,即可變更按鈕顏色、版面形式等。閱讀本指引,了解如何設定付款按鈕的樣式。

背景和文字顏色

按照下列步驟變更付款按鈕的背景與文字顏色:

  1. 按一下「付款」區塊中的個別按鈕。
  2. 區塊設定側邊欄中,找到「背景和文字顏色」區段。
  3. 若要變更按鈕中的文字顏色,請按一下「文字顏色」區段。
  4. 按一下「背景」區段,即可變更按鈕的顏色。

深入了解如何將顏色套用至按鈕

調整按鈕半徑

變更按鈕的半徑,即可變更按鈕邊緣的圓角。請依照下列步驟操作:

  1. 按一下「付款」區塊中的個別按鈕。
  2. 區塊設定側邊欄中,找到「邊框」區段。
  3. 使用滑桿或輸入數字,即可變更按鈕半徑。
  4. 按一下右上角的「儲存」或「發表」,即可儲存變更內容。

數字越小,按鈕越方正;數字越大,會增加按鈕四個角的圓弧度。

範例:將按鈕變方正的零邊框半徑。

設定按鈕寬度

按照下列步驟設定按鈕寬度:

  1. 按一下「付款」區塊中的個別按鈕。
  2. 區塊設定側邊欄中,找到「寬度設定」區段。
  3. 選取其中一個預設值 (25%、50%、75% 或 100%) 或設定自訂寬度。
  4. 按一下右上角的「儲存」或「發表」,即可儲存變更內容。

例如,將按鈕的寬度設為 100%,即可建立全寬按鈕。或者,如下列範例所示,將每個按鈕的寬度設為 50%,讓這兩個按鈕佔滿內容區的完整寬度:

兩個並排的按鈕 (寬度均設為 50%) 會佔滿內容區的完整寬度。

調整按鈕的對齊方式

若想變更付款按鈕的對齊方式,請依照下列步驟進行:

  1. 選取編輯器左上角的「清單檢視」。
  2. 按一下清單檢視中的「付款按鈕區塊」項目。
  3. 在出現的區塊工具列中,按一下「變更項目對齊」按鈕。
  4. 從下列選項擇一選取:
    • 將項目靠左對齊:將所有按鈕靠左對齊。
    • 將項目置中對齊:將所有按鈕置中對齊。
    • 將項目靠右對齊:將所有按鈕靠右對齊。
    • 項目之間的間距:在付款按鈕區塊中平均分配按鈕間距。
  5. 按一下右上角的「儲存」或「發表」,即可儲存變更內容。

套用預設樣式

按照下列步驟,選取按鈕的預設樣式:

  1. 按一下「付款」區塊中的個別按鈕。
  2. 區塊設定側邊欄中,按一下「樣式」分頁。
  3. 針對按鈕樣式,從填滿外框之間選擇。
  4. 按一下右上角的「儲存」或「發表」,即可儲存變更內容。

自訂文字設計

請依照下列步驟,變更按鈕中文字的字型大小、類型和字母大小寫:

  1. 按一下「付款按鈕」區塊中的個別按鈕。
  2. 區塊設定側邊欄中,按一下「樣式」分頁。
  3. 捲動至「文字設計」區段。
  4. 變更按鈕文字的大小,或按一下三點圖示 (),即可啟用字型字母大小寫選項。
  5. 按一下右上角的「儲存」或「發表」,即可儲存變更內容。

深入了解文字設計設定

設定文字格式

你可以在付款按鈕的文字中新增粗體和斜體等格式。依照下列步驟套用格式:

  1. 按一下「付款」區塊中的個別按鈕。
  2. 在按鈕中將部分或所有文字加上醒目提示。
  3. 使用出現的區塊工具列,套用下列任一樣式:
    • 粗體
    • 斜體
    • 更多」圖示包括:
      • 醒目提示:只變更文字的文字和背景顏色。使用樣式,變更按鈕的顏色。
      • 內嵌程式碼
      • 內嵌圖片
      • 鍵盤輸入樣式
      • 語言屬性
      • 刪除線
      • 下標
      • 上標
  4. 按一下右上角的「儲存」或「發表」,即可儲存變更內容。
範例:套用斜體格式的醒目提示文字。
Copied to clipboard!