7分鐘創建 WooCommerce 付款確認頁面

你希望創建 WooCommerce 在線商店網站嗎?這意味著您需要創建一個付款確認頁面,24小時接收客人付款。

通過付款確認頁面,您的客戶可以更輕鬆地購買你的產品及有付款證明。

創建 WooCommerce 付款確認頁面並不困難,您可以在 WordPress 中使用各種插件。

如何創建 WooCommerce 付款確認頁面

以下是創建 WooCommerce 付款確認頁面的步驟。讓我們看看完整的流程

1.安裝表單插件

您需要先安裝支付確認頁面插件。您可以嘗試幾個插件,例如Ninja Forms 或 Contact Form 7。在本文中,我們使用Contact Form 7。 

第一步,登錄您的 WordPress 儀表板,然後單擊插件 > 添加新。 

之後,在插件搜索字段中輸入“Contact Form 7”。然後單擊插件上的立即安裝。 

之後,單擊ACTIVATE

2. 創建付款確認表

安裝並ACTIVATE Contact Form 7 插件後,就可以創建付款確認表了。

注意左邊的欄,然後點擊Contact > Add New

之後,您將找到聯繫表格。標題填寫“付款確認” 

之後,使用所需的標籤設計付款確認表,即:

  • text – 表單全名和訂單 ID
  • 電子郵件– 客戶電子郵件
  • tel – 客戶電話號碼
  • 單選按鈕– 付款帳戶選項
  • 文本區域—— 表單描述
  • 文件– 按鈕上傳付款證明
  • 提交– 按鈕提交付款證明

然後設置表單標籤的內容,為了說明得更清楚,這裡我們展示了每個標籤中必須填寫的數據:

1.文字

要創建名稱表單,請在標籤文本中使用以下數據填寫表單標籤:

  • 字段類型——勾選“必填字段”以要求填寫數據
  • 名稱– 已自動填寫
  • 默認值– 全名
  • 勾選命令“使用此文本作為字段的佔位符”輸入默認值作為標籤標籤
  • Id 屬性– cf7-your-name
  • 類屬性– cf7-your-name

之後,單擊插入標籤將短代碼放在付款確認表上。 

除了表單名稱,您還可以使用文本標籤來創建訂單 ID 表單。為此,您可以使用“訂單 ID ”填充默認值。然後點擊插入標籤

2. 電子郵件

接下來,使用以下數據設置電子郵件標籤:

  • 字段類型——勾選“必填字段
  • 姓名– 已自動填寫email-620
  • 默認值– 用“你的電子郵件”寫
  • 檢查命令“使用此文本作為字段的佔位符
  • Id 屬性– 電子郵件
  • 類屬性– 電子郵件

填寫完所有數據後,點擊插入標籤

3. 電話

設置電子郵件標籤後,使用以下數據設置電話標籤:

  • 字段類型 –勾選“必填字段”
  • 名稱– 已自動填寫
  • 默認值– 寫下“您的手機號碼”
  • 檢查命令“使用此文本作為字段的佔位符
  • ID 屬性  – cf7-your-phone-number
  • 類屬性  – cf7-your-phone-number

單擊插入標籤

4. 單選按鈕

通過填寫以下數據,設置單選按鈕標籤以提供付款選項:

  • 名稱– 已自動填寫
  • 選項– 填寫您的在線商店付款帳戶選項
  • 檢查命令“用標籤元素包裹每個項目
  • ID 屬性– cf7-radio
  • 類屬性– cf7-radio

填寫完所有數據後,點擊插入標籤

5. 文字區

要創建用於付款確認的附加信息表單,請選擇標籤文本區域,填寫以下數據:

  • 字段類型– 勾選“必填字段”
  • 名稱– 已自動填寫
  • 默認值– 說明
  • ID 屬性– cf7-your-message
  • 類屬性– cf7-your-message

然後點擊插入標籤

6. 檔案

要創建付款證明上傳按鈕,請按如下方式填寫標籤文件表單:

  • 名稱– 已自動填寫
  • 文件大小限制– 1000kb
  • 可接受的文件類型– jpg|png
  • ID 屬性– cf7-file
  • 類屬性– cf7-file

然後單擊插入標籤。

7.提交

要創建用於付款證明的提交按鈕,請使用以下數據填寫標籤提交表單:

  • 標籤– 提交
  • ID 屬性– cf7-submit
  • 類屬性– cf7-submit

然後點擊插入標籤

3.設置電子郵件設計 

填寫付款確認表後,是時候設置客戶發送付款證明後您將收到的通知電子郵件的設計了。 

為此,請單擊郵件選項卡然後你會發現一些設置,即: 

  • To : 您的管理員電子郵件地址,即您的活動電子郵件地址
  • 發件人:您網店的網站名稱<您網店的電子郵件地址> 
  • 主題:電子郵件主題,填寫“收到付款確認”
  • 附加標頭:創建附加抄送、密送或消息。寫 Reply-To [email-email number in your email tags] 在這個例子中意思是“Reply-To [email-620]”

然後使用您創建的標籤數據集合填寫電子郵件的消息正文選項卡。本例中,消息體內容如下:

您好,您已收到來自[text-643] ( [email-620] ) 的付款確認。

電話號碼Tel-364

訂單 ID:text-64

消息:textarea-964

之後,在正文郵件正下方的文件附件部分中,鍵入“[標籤文件中的文件文件編號]”以在客戶電子郵件通知中包含付款證明文件。本例中的意思是[file-990] 

然後點擊保存。 

如果您不想為設置標籤而煩惱,可以使用Contact Form 7 Skins插件。使用此插件,您只需使用模板即可填寫表單。 

4. 添加表單到網站首頁

在您的付款確認表格準備好後,不要忘記將表格添加到您網站的首頁。 

從您創建的付款確認表單中復制短代碼

之後,單擊頁面>添加新

然後用“付款確認”命名您的頁面。之後粘貼您創建表單短代碼。然後,單擊發布。 

5. 付款確認頁面可供使用

執行上述步驟後,您的付款確認頁面就可以使用了。這是它在您網站上的外觀

準備好創建 WooCommerce 付款確認頁面了嗎? 

我們已經在上面解釋瞭如何做到這一點。很簡單,對吧? 現在就動手,如果還沒有WordPress,可以透過我們的合作伙伴Hostinger,簡單30分鐘建立WordPress網站,立即動手吧!

- Advertisement -

其他網絡教學

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisement -

最新教學

7分鐘創建 WooCommerce 付款確認頁面

你希望創建 WooCommerce 在線商店網站嗎?這意味著您需要創建一個付款確認頁面,24小時接收客人付款。

初學者使用 WordPress

如何使用WordPress其實並不難,您只需要了解基本可用功能,從創建頁面、創建菜單、更改永久鏈接和發布文章開始,一步一步學習。

Shopify與WooCommerce新手詳細比較

您正要開設自己的網上商店嗎?在疫情下更多人投身到網上銷售行業,希望為自己帶來被動收入,或創出自己的品牌,但線上有不少ECommerce平台可供選擇,那一個才是可信任的在線商店平台呢?

WordPress入門技巧和竅門,使網賺更輕鬆!

WordPress的優勢之一是易於使用,許多博客主很快就能了解如何使用平台,然而,您是否知道許多WP技巧和竅門使你更有效管理網站?在本教學中,我將為您分享這些技巧,讓您的網站變得更加安全和實用。

如何讓Youtube頻道增加曝光率?

目前,您可能已經在經營WordPress網站,同時為了增加流量,建立了YouTube頻道,在YouTube上上傳了多個視頻。但是,您很困惑,因為我視頻沒有瀏覽但量,你該怎麼辦呢?好吧,但這次教學嘗試為你提供一些解決方案增加YT視頻點擊率。