如何在 WordPress 中添加“立即購買”按鈕(3 種方法)

已發表: 2022-11-30


你想在 WordPress 中添加立即購買按鈕嗎?

無論您是銷售服務、訂閱還是實物產品,擁有快速立即購買按鈕都有助於改善購買過程並帶來更多銷售。

在本文中,我們將逐步向您展示如何在 WordPress 中添加“立即購買”按鈕的 3 種不同方式。

如何在 WordPress 中添加立即購買按鈕

為什麼要在 WordPress 中添加立即購買按鈕?

立即購買按鈕是降低購物車放棄率的好方法。 購買過程中的每一步都是客戶改變主意並放棄購物車的另一個機會。

通過直接將他們帶到結賬處,購物者沒有時間改變主意並放棄購買。

由於它們加快了購買過程,現在購買按鈕還可以改善客戶體驗。 當買家的旅程感覺輕鬆時,顧客更有可能繼續光顧您的商店。

您經常會在產品頁面上看到“立即購買”按鈕,但它們有時也會用在著陸頁和銷售頁面上。

通過這種方式,立即購買按鈕允許客戶在不訪問產品頁面的情況下啟動購買過程,這可能會提高您的營銷和廣告活動的轉化率。

話雖如此,讓我們看看如何在 WordPress 中添加立即購買按鈕。 只需使用下面的快速鏈接跳轉到您要使用的方法。

方法 1. 使用 WP Simple Pay 添加立即購買按鈕(無需電子商務插件)

您可以使用 WP Simple Pay 將簡單的立即購買按鈕添加到任何頁面、帖子或小部件就緒區域。

對於基於服務的企業、非營利組織或任何正在為 WordPress 尋找快速購買按鈕選項的人來說,這是一個很好的選擇。

WP Simple Pay 是適用於 WordPress 的最佳 Stripe 支付插件,可讓您接受信用卡支付、Apple Pay、Google Pay、ACH 銀行借記卡等,無需任何電子商務插件或購物車。 如果您想將“立即購買”按鈕添加到銷售頁面而無需安裝任何特殊內容,這使得 WP Simple Pay 成為完美的選擇。

對於本指南,我們將使用免費版的 WP Simple Pay。

如果您想接受使用 ACH 直接借記的付款、定期付款、自動計算稅款,或者您想向 WordPress 添加“先買後付”計劃,那麼您需要升級到專業版。

首先,您需要安裝並激活 WP Simple Pay 插件。 如果您需要幫助,請參閱我們關於如何安裝 WordPress 插件的指南。

激活後,插件將自動啟動設置嚮導。 繼續並單擊“讓我們開始吧”按鈕。

WP Simple Pay WordPress 支付插件

在下一步中,您需要將 Stripe 帳戶連接到 WP Simple Pay。 Stripe 是適合網站所有者的初學者友好型支付處理器。

要開始使用,請單擊“Connect with Stripe”按鈕。

如何將 WP Simple Pay 連接到 Stripe

在下一個屏幕上,您可以登錄現有的 Stripe 帳戶或創建一個新帳戶。

如果您已有 Stripe 帳戶,則只需輸入該帳戶的電子郵件地址和密碼即可。

將 Stripe 連接到您的 WordPress 網站

WP Simple Pay 現在將向您展示如何將您的 Stripe 帳戶連接到 WordPress。

如果您尚未註冊 Stripe,請輸入您的電子郵件地址,然後按照屏幕上的說明創建一個 Stripe 帳戶。 登錄到您的 Stripe 帳戶後,單擊“創建付款表格”按鈕。

如果您不小心點擊離開了這個屏幕,請不要驚慌。 您可以通過轉至WP Simple Pay » Add New到達同一屏幕。

使用 WP Simple Pay 添加立即購買按鈕

免費的 WP Simple Pay 插件有幾個不同的模板,可以幫助您快速創建付款表單。 您可以通過升級到 WP Simple Pay Pro 來解鎖額外的模板,包括在 WordPress 中添加 Stripe 捐贈按鈕的模板。

由於我們要創建一個立即購買按鈕,將鼠標懸停在“付款按鈕”模板上,然後在出現時單擊“創建付款按鈕”。

創建支付按鈕

在“標題”字段中,輸入“立即購買”按鈕的名稱。

此標題僅供您參考,因此您可以隨意使用。

在 WordPress 中為您的立即購買按鈕添加標題

您還可以使用“描述”字段添加一些關於您的按鈕的信息。 同樣,WordPress 不會向您網站的訪問者顯示此信息,但它可以供您自己參考或共享您的 WordPress 儀表板的任何其他人使用。

之後,單擊“付款”選項卡。

默認情況下,WP Simple Pay 將在測試模式下創建您的按鈕,這意味著您還不能接受真實付款。

我們建議您選中“全局設置(測試模式)”單選按鈕,以便您可以在開始接受付款之前測試您的立即購買按鈕。

在測試模式下創建立即購買按鈕

如果您想立即開始收款,則可以選擇“實時模式”按鈕。

接下來,您可以決定該按鈕將向客戶收取多少費用。 繼續並將此數字輸入“一次性金額”字段。

使用 WP Simple Pay 收取一次性付款

注意: WP Simple Pay 默認使用美元貨幣。 如果您想接受不同貨幣的付款,請前往WP Simple Pay » 設置。 然後您可以選擇“貨幣”選項卡並選擇一種新貨幣。

完成後,選擇“表單字段”選項卡。

WP Simple Pay 的表單字段設置

默認情況下,您的按鈕將帶有“立即付款”標籤,但您可以通過在“按鈕文本”字段中鍵入內容來將其更改為您想要的任何內容。

您還可以更改“按鈕處理文本”,這是 WP Simple Pay 在處理付款時向購物者顯示的消息。

自定義 WordPress 中的立即購買按鈕

默認情況下,WP Simple Pay 將使用與您的 WordPress 主題相同的按鈕樣式。

它還具有您可以使用的“藍色條紋”樣式,如下圖所示。 如果您想使用這種按鈕樣式,只需在“付款按鈕”部分選擇“條紋藍色”單選按鈕即可。

條紋藍色按鈕樣式

接下來,選擇 Stripe Checkout 選項卡並選擇 WP Simple Pay 將在結賬時從訪客那裡收集的信息。

例如,如果您銷售實物產品,則可以通過選中“收集送貨地址”框來獲取客戶的送貨地址。

配置 Stripe 結帳頁面

如果您認為客戶可能想要購買多種產品,請務必選中“允許調整數量”框。

這會在 Stripe 結賬頁面上添加一個下拉菜單,允許客戶更改他們購買的產品數量。

在結賬時更改產品數量

當您對“立即購買”按鈕的設置方式感到滿意時,就可以通過單擊“發布”按鈕使其生效。

您現在可以使用“表單短代碼”將此立即購買按鈕添加到任何 WordPress 頁面、帖子或小部件就緒區域。

使用短代碼添加立即購買按鈕

有關如何放置簡碼的更多詳細信息,您可以查看我們的指南,了解如何在 WordPress 中添加簡碼。

如果您在測試模式下發布了您的按鈕,那麼 Stripe 儀表板將不會顯示您在此期間收到的任何付款,這使得測試您的立即購買按鈕變得困難。

要查看您的交易,您需要在 Stripe 中啟用測試模式,方法是登錄您的 Stripe 儀表板並單擊“付款”選項卡。

Stripe 支付儀表板

之後,只需單擊右上角的“開發人員”開關。

完成後,您可以測試立即購買按鈕,付款將顯示在 Stripe 儀表板中。

使用 Stripe 和 WordPress 測試信用卡支付

完成按鈕測試後,您可以轉到WP Simple Pay » Payment Forms開始接受付款。

在這裡,只需將鼠標懸停在“立即購買”按鈕上,然後單擊“編輯”鏈接。

編輯您的立即購買按鈕

您現在可以繼續並選擇“付款”選項卡,然後單擊“實時模式”旁邊的單選按鈕。

最後,點擊“更新”。 您的立即購買按鈕現已啟用,您已準備好開始接受訪問者的付款。

將您的立即購買按鈕置於實時模式

方法 2:如何為您的數字下載添加“立即購買”按鈕

WP Simple Pay 允許您向任何 WordPress 博客或網站添加直接購買按鈕。 但是,如果您想在 WordPress 上銷售數字下載,那麼您需要一個具有立即購買功能的電子商務插件。

Easy Digital Downloads 是輕鬆銷售數字產品的最佳平台。 事實上,我們自己使用這個插件來銷售我們的許多高級 WordPress 插件。

Easy Digital Downloads 為您提供了幾種在 WordPress 中添加“立即購買”按鈕的方法。

默認情況下,Easy Digital Downloads 將在其所有產品頁面上顯示“添加到購物車”按鈕。 但是,您可以將其替換為立即購買按鈕。

使用 Easy Digital Downloads 創建的立即購買按鈕

當客戶單擊您在上圖中看到的按鈕時,他們會看到一個彈出窗口,他們可以在其中輸入他們的電子郵件地址和信用卡詳細信息。

之後,他們只需點擊“購買”即可繼續購買產品。

一個簡單的數字下載彈出窗口

Easy Digital Downloads 還帶有一個“EDD 購買按鈕”塊,您可以將其添加到任何頁面、帖子或小部件就緒區域。

您可以將此塊連接到您的任何可下載產品。 然後,訪問者只需單擊此按鈕即可將產品添加到他們的購物籃中,然後直接去結賬。

EDD 購買區塊

考慮到這一點,讓我們看看這兩種方法。

如何將“立即購買”按鈕添加到任何產品頁面

首先,您可能想在產品頁面上添加一個立即購買按鈕。 這使客戶有更少的時間改變主意並放棄購買。

如果您使用 SiteGround 作為您的託管服務提供商,那麼 Easy Digital Downloads 是預裝的,因此您可以立即開始使用該插件。

如果沒有,您可以查看 SiteGround EDD 託管並開始使用,每月只需 2.99 美元!

如果您使用任何其他託管服務提供商,則需要安裝並激活 Easy Digital Downloads 插件。 有關更多詳細信息,請參閱我們關於如何安裝 WordPress 插件的分步指南。

在本指南中,我們將使用免費的 Easy Digital Downloads 插件,因為它擁有創建簡單的立即購買按鈕所需的一切。 還有一個專業版,具有更高級的功能,包括願望清單、購買獎勵、欺詐監控等。

在創建立即購買按鈕之前,您需要設置 Stripe 或 PayPal。 要配置您的支付網關,請轉到下載 » 設置,然後單擊“支付”選項卡。

在 Easy Digital Downloads 中配置支付網關

您現在可以根據要使用的支付網關選中“PayPal”或“Stripe”旁邊的複選框。

如果您添加多個支付網關,那麼您將無法創建立即購買按鈕,因此只選擇一個網關很重要。

做出決定後,單擊“保存更改”以存儲您的設置。

為 EDD 配置 Stripe 支付網關

如果您想使用 PayPal,請單擊“PayPal”選項卡。

然後您可以選擇“以實時模式連接 PayPal”按鈕。

配置貝寶支付網關

這將打開一個彈出窗口,您可以在其中輸入要接收付款的 PayPal 帳戶的電子郵件地址和密碼。

要改為設置 Stripe,請單擊“Stripe”選項卡,然後選擇“Connect with Stripe”。

為 EDD 配置條帶

這將打開一個設置嚮導,它將幫助您將您的網站連接到 Stripe。

配置您的支付網關後,不要忘記點擊“保存更改”按鈕。 您現在可以將立即購買按鈕添加到任何 Easy Digital Downloads 產品頁面。

要創建您的第一個數字產品,請轉至下載 » 下載。 然後,單擊“添加新”按鈕。

添加新的數字下載產品

您現在可以為產品添加標題和描述、上傳圖片、添加類別和標籤等等。

注意:默認情況下,Easy Digital Downloads 會將您的產品設置為免費下載。 滾動到“產品選項”部分並輸入產品的實際價格非常重要。

產品選項設置

下一步是上傳產品。 這可能是電子書下載、視頻培訓、PDF 指南、數字藝術和圖形,或 WordPress 支持的任何其他文件。

專業提示:如果您想出售 WordPress 不支持的文件類型,例如 SVG 圖像、PSD 文件或其他文件,請參閱我們的指南,了解如何在 WordPress 中允許其他文件類型。

要添加可下載文件,請滾動到“下載文件”部分。

在“文件名”字段中,輸入可下載文件的名稱。 完成後,單擊“上傳文件”按鈕。

上傳可下載的產品

這將啟動 WordPress 媒體庫。 您可以在此處選擇要作為數字下載出售的文件。

當您對產品的設置感到滿意時,就可以添加“立即購買”按鈕了。

在右側菜單中,找到“按鈕選項”部分。 在這裡,點擊“購買按鈕行為”下拉菜單並選擇“立即購買”。

使用 Easy Digital Downloads 創建立即購買按鈕

您現在可以通過單擊“發布”使產品上線。 現在,如果您訪問此產品頁面,您會看到“立即購買”按鈕。

您可以簡單地按照上述相同的過程將立即購買按鈕添加到任何產品頁面。

如何將“立即購買”按鈕添加到任何頁面或帖子

有時您可能想在在線商店的其他部分使用“立即購買”按鈕。

例如,如果您有一個推廣特定產品的著陸頁,那麼您可以允許客戶直接從該著陸頁開始結帳流程。

這可以通過鼓勵衝動購買來增加銷售額,同時還可以減少買家旅程中的多個步驟。

您可以使用“EDD Buy Button”塊輕鬆完成此操作。 要使用此塊,您首先需要設置一個支付網關並按照上述相同過程創建至少一個產品。

之後,只需在內容編輯器中打開頁面或發布您想要添加立即購買按鈕的位置。 然後,單擊“+”圖標並開始輸入“EDD Buy Button”。

EDD 購買按鈕塊

當出現正確的塊時,單擊以將其添加到您的佈局中。

您現在可以打開“選擇下載”下拉菜單並選擇將添加到客戶購物車的產品。

配置 EDD Buy Button 塊

默認情況下,Easy Digital Downloads 會在“立即購買”按鈕上顯示產品價格。

如果您想隱藏價格,請單擊以禁用“顯示價格”開關。

添加和刪除立即購買按鈕的價格

您現在可以發布或更新頁面以使其生效。 現在,如果您訪問您的 WordPress 網站,您會看到“立即購買”按鈕正在運行。

方法 3. 將“立即購買”按鈕添加到您的 WooCommerce 商店

如果您經營 WooCommerce 商店,那麼您可能希望在產品頁面上添加一個立即購買按鈕。 這允許客戶直接從產品頁面開始結帳流程,這通常會降低購物車放棄率。

向在線商店添加立即購買按鈕的最簡單方法是使用 WooCommerce 的立即購買按鈕。 這是一個不需要配置的簡單插件,並為您的每個產品頁面添加一個立即購買按鈕。

為 WooCommerce 在線商店創建的立即購買按鈕

首先,您需要安裝並激活插件。 如果您需要幫助,請參閱我們關於如何安裝 WordPress 插件的指南。

由於該插件沒有任何設置,只需轉到在線商店中的任何產品頁面即可。 您現在將在標準的“添加到購物車”按鈕旁邊看到一個“立即購買”按鈕。

我們希望本文能幫助您了解如何在 WordPress 中添加“立即購買”按鈕。 您還可以閱讀我們關於最佳電子郵件營銷服務的指南以及如何為您的 WordPress 網站獲取免費的 SSL 證書。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。 您還可以在 Twitter 和 Facebook 上找到我們。