WooCommerce PayPal 金流設定+串接教學:如何使用 PayPal 轉帳付款?

WooCommerce PayPal 金流設定+串接教學:如何使用 PayPal 轉帳付款?

這是一篇「 WooCommerce PayPal 」付款設定,帶領大家順利在商店串接 PayPal 金流。

雖然 PayPal 台灣消費者不常使用,但是如果使用 WooCommerce 架站,且有國外金流往來需求的電商平台站長,多少都會有 PayPal 的開通需求。更多 WooCommerce 基礎金物流

那具體該怎麼做呢?

這篇文章會從申請 PayPal 商業帳號開始,配合 YITH PayPal Express Checkout 外掛串接 PayPal 憑證,一步步帶領大家進行實際操作,最後顧客就能使用 PayPal 轉帳匯款。

如果你還沒有電商網站,我們底下也會簡單講解如何設計一個電商平台。

準備好的話,我們就開始學習吧!本文章節如下:

WooCommerce PayPal 金流設定+串接教學,影片學習:

WooCommerce PayPal 金流設定+串接教學,影片學習

架設網站需要什麼?

一個網站的完整運作,需要網址、虛擬主機、完美的網頁製作軟體(這裡指 WordPress),三者缺一不可。

任何你看到的網站,都有具備下面的條件。

架設網站 3 要素
1. 購買網址
(申請門牌)
2. 申請主機
(租一塊地)
3. 網頁設計
(搭建房子)

網頁設計方面,我們有 WordPress 能幫我們搞定這一切,但是網址和虛擬主機要如何做選擇?

要獲得網址和 WordPress 虛擬主機,你需要和虛擬主機公司進行註冊。

過去我們的選擇有限,但現在知道了更多(有 Google 翻譯),發現許多 國外最佳的主機 價錢更便宜、給的資源更多、主機性能更好、完美的客戶服務 .. 。

Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站並持續增加中。可參考 Bluehost 心得評價,了解更多。

不論網站空間、網站速度、價格便宜、客戶服務等 .. 多方面表現都令人滿意,對於剛入門的網站新手是最優質的選擇。

許多國內外的部落客、企業主、電商經營者,也都把網站建置在 Bluehost 主機。

Bluehost 的客群來自世界各地,所以不用擔心不懂英文,只要搭配 Google 翻譯,一樣能操作自如。

你也能參考下面影片,進行完整的網域 / 主機申請+ WordPress 架站。

【Bluehost 主機教學】平價 CP 值高主機,還贈送一年網域!

有哪家虛擬主機商,對 WordPress 有良好的支援?

Bluehost 是 WordPress 官方認可的虛擬主機商,對 WordPress 有良好的支援。

Bluehost教學 :wordpress.org 認證的虛擬主機公司
wordpress.org 認證的虛擬主機公司(經過官方嚴格審核標準)

Bluehost 正常運行時間、網站速度,表現好嗎?

Bluehost 全年有 99.9% 以上的正常運行時間(沒任何一家能保證 100%),這是重要的數據,不然訪客無法連上你的網站。

再來,我實測了幾個 WordPress 網站,在中低價位的各家主機速度評比,Bluehost 的網站速度是排行前幾的。

Bluehost教學 :網站正常運行比例&頁面載入時間
Bluehost 網站正常運行比例&頁面載入時間

Bluehost 主機安全性高嗎?

Bluehost 是全球最大的虛擬主機之一,它從 2003 年就開始營運至今,總部位於美國猶他州奧勒姆市,是一家領先的主機解決方案公司。

老字號的品牌&經營歷史表現了它的穩定度,到目前全球已經託管超過 200 萬個網域(網站),在全球聘請許多優質工程師打造主機安全性,防止你的網站受到攻擊。

搭配有優質的 24 / 7 線上客戶服務,如果怕語言不通,通常用 Google 翻譯就能搞定(他們有很多亞洲客戶)。

有關 Bluehost 主機相關問題,也能直接向我詢問,因為我自己就有許多網站是放在 Bluehost 上,而且也用了好幾年。

有了虛擬主機,還需要…

承租虛擬主機以後,我們需要安裝佈景主題+基本功能外掛,來裝飾我們的網站(就像裝修房屋一樣)。

那該怎麼做呢?

網站上已經有整理:適合電商網站的十大佈景主題WooCommerce 必備功能外掛清單,有需求的站長們,可前往文章挑選適合自己的主題+外掛唷;)

電商網站必備功能

知道如何建置一個網站的要素之後,我們還需要知道電商平台的架設技巧,關於這些可以參考:購物網站建置+設計教學

接下來,就是使用 WooCommerce 來完成電商網站必備的重要功能了,像是:商品類型設置金物流設定修改結帳表單 等 .. 可一一前往文章進行學習唷~

小備註:關於 WooCommerce 更多教學文章,可前往 WooCommerce 教學系列 學習更多唷。


1. 註冊 PayPal 商業帳戶

要在 WooCommerce 開啟 PayPal 付款功能之前,我們需要先來註冊 Paypal 帳號。

前往 Paypal 官方網站,選擇右上角的註冊按鈕。

WooCommerce PayPal :前往 Paypal 官網註冊商業帳號
前往 Paypal 官網註冊商業帳號

進入註冊頁面,我們選擇「 使用 Paypal 接受交易款項 」,接著選擇「 立即註冊 」。

選擇「 使用 PayPal 接受交易款項 」

接著填入 Email ,開始填寫各項註冊資料。

註冊 PayPal :填寫 Email

成功註冊之後,我們會看到 PayPal 的儀表板,這就表示我們有了專屬的 PayPal 商業帳號,可以開始進行下一個步驟囉~

WooCommerce PayPal :PayPal 商業帳號儀表板
PayPal 商業帳號儀表板

2. YITH PayPal Express Checkout 是什麼?

YITH PayPal Express Checkout 最全面的串接 PayPal 金流外掛

YITH PayPal Express Checkout 外掛由知名 WooCommerce 外掛開發商 YITH 推出,可串接 WooCommerce 和 PayPal 付款功能。

成功串接後,可自訂 PayPal 結帳按鈕的樣式、文字、位置(單一商品頁、購物車等 .. 頁面)。

YITH PayPal Express Checkout 可設計按鈕樣式

並且讓顧客直接在商品頁上,使用彈跳視窗登入 PayPal 付款,不需轉換頁面,有效提升商品轉換率。

即使客戶沒有 PayPal 帳戶,也能夠允許信用卡訪客直接在 PayPal 上結賬。

若是客戶有 PayPal 帳戶,還能夠直接使用客戶的 PayPal 帳戶中的詳細信息,預先填寫結帳字段。

在商品頁使用 PayPal 付款為彈跳視窗,不用跳轉新頁面

對於 WooCommerce 電商網站的站長來說,串接 PayPal 金流,使用 YITH PayPal Express Checkout 會是一個不錯的選擇唷:)


3.安裝 YITH PayPal Express Checkout 外掛

這個章節,我們就直接來安裝 YITH PayPal Express Checkout 外掛。

點擊文章中連結,前往外掛安裝頁面,選擇「 Get The Free Version 」按鈕,安裝檔案包。

前往外掛頁面,安裝檔案包

前往 WordPress 外掛 > 安裝外掛 > 上傳外掛,將檔案包上傳+啟用。更多 WordPress 外掛安裝教學

wordpress外掛安裝 :上傳 wordpress 外掛(zip 的檔案格式)
上傳 YITH PayPal Express Checkout 外掛(zip 的檔案格式)

這樣就完成安裝+啟用囉,下一個章節,我們馬上來進行 PayPal 設定吧!


4. 串接 PayPal 設定

這個章節,我們會分成 5 個步驟,一一詳解如何開啟 PayPal 功能設定,並且設計按鈕樣式、顯示位置。

Step 1:YITH PayPal Express Checkout 外掛設定 PayPal 付款

YITH > Paypal Express Checkout,進入 Settings頁面。

啟用 YITH PayPal 付款,Title 標題會顯示於結帳視窗,站長可自行填寫,最後將 Environment 環境切換為 Live(啟用)狀態。

開啟 YITH PayPal 付款+啟用 Live 狀態

Step 2:取得 PayPal API 憑證

接著需要輸入 WooCommerce PayPal API ,才能啟用 PayPal 金流付款。

如何取得 PayPal API 憑證呢?

首先到 PayPal 商業帳號頁面,選擇帳戶設定 > API 存取。

取得 PayPal API 憑證:帳戶設定 > API 存取頁面

下滑找到「 NVP / SOAP API 整合(舊版)」,選擇「 管理 API 憑證 」。

取得 PayPal API 憑證:進入 API 憑證頁面

進入頁面後,選擇「 申請 API 電子簽章 」,按下同意並提交。

PayPal 付款設定:選擇「 申請 API 電子簽章 」

會出現 API 憑證頁面,這邊可以一一點選顯示,方便等等貼上。

PayPal 付款設定:成功取得 API 驗證碼

回到 YITH > Paypal Express Checkout ,找到貼入 API 憑證區塊,將 PayPal 帳戶中的 API 憑證一一對照貼上。

PayPal 付款設定:貼上 PayPal API 憑證

Step 3:按鈕顯示位置+樣式設計

下滑繼續設定,我們可以設定 PayPal 結帳按鈕出現的位置,也能夠決定結帳時,表單的說明描述,如下圖:

PayPal 付款設定:按鈕位置+結帳描述設定

下方設定,可變更按鈕文本、大小、樣式、顏色等 .. 各項設置。

PayPal 付款設定:按鈕樣式設計

Step 4:啟用日誌+電郵通知

接著下滑到 Other Settings 其他設置區域,將 Debug Log(啟用日誌)、IPN Email Notifications(付款失敗時 Email 通知)開啟,輸入常用 Email 。

PayPal 付款設定:開啟其他相關設置

Step 5:付款設置

最後一個區塊,付款設置,這裡可調整收費方式,以及是否啟用「 即時付款 」選項。

PayPal 付款設定:付款方式 / 限制設定
  • Payment Action:付款操作,有授權、直接銷售兩種模式,若是屬於需要一定時間準備(客製化、組裝、預購)電商產品,可開啟授權選項,在商品準備好之後,才會進行收費。
  • Instant Payments:即時付款選項,啟用後,禁止使用電子支票支付。

設定完畢,選擇儲存即可。

這邊恭喜大家,我們一起完成 WooCommerce 串接 PayPal 付款服務啦!

一起到前台看看效果吧:)

我們隨機進入商品頁面,發現成功多出 PayPal 付款按鈕。

PayPal 付款設定:單一商品頁面,成功出現 PayPal 付款按鈕

購物車、結帳頁面也成功出現 PayPal 付款按鈕囉!

PayPal 付款設定:購物車、結帳頁面,也成功出現 PayPal 付款按鈕~

常見問題

WooCommerce 是什麼?

WooCommerce 是 WordPress 旗下的一款免費外掛,開發於 2011 年,擁有超過 10 年的歷史迭代。更多 WooCommerce 是什麼

它是一個可在 WordPress 下載的電子商務外掛,系統功能相當的齊全,例如:多種商品上架、購物+結帳流程、訂單管理系統、會員管理、折價券功能等 ..。

除了免費以外,因為開源的自由性+該外掛本身的高品質, WooCommerce 在全球已有多達 8000 萬的下載量,市占率高達 40 %,是世界排名前幾的電商系統。

如何在 WooCommerce 串接 PayPal ?

可以使用 YITH PayPal Express Checkout 外掛,幫助我們在 WooCommerce 串接 PayPal 付款服務。

先前往 PayPal 官方網站申請商業帳號。

接著前往 YITH PayPal Express Checkout 設定,啟用 PayPal 付款功能,在指定欄位填入 PayPal API 憑證即可。

本文有詳細教學,若閱讀完有任何疑問,都可在留言處詢問唷:)

WooCommerce 有其他金物流方式嗎?

有的,我們推薦台灣的站長使用 官方綠界外掛 或是 RY WooCommerce Tools 外掛 組合更多金物流方式。

這兩款外掛也可以更貼近台灣消費者的使用習慣:)


聯絡犬哥網站

在網站架設+網路行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 2 個實用資源,可有效幫助大家解決問題。

資源一:犬哥網站(專業 WordPress 網頁設計&SEO 行銷公司)

如果你沒時間自己架站,或是遇到網站沒有流量、Google 網站排名不理想。歡迎洽詢 犬哥網站(WordPress 網頁設計&SEO 行銷公司),請專家協助你會更容易!

我們有多年網頁設計、SEO 網站排名經驗,加上上百個高質感作品、SEO 實戰案例,絕對能滿足您的需求!

犬哥網站|台北網頁設計&SEO 行銷公司
犬哥網站|台北網頁設計&SEO 行銷公司

資源二:WordPress+SEO 超強線上課程

這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗,從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等 .. 豐富內容,一次教會你。

課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!

WordPress 高手架站課|一堂課讓你變架站高手!
WordPress 高手架站課|一堂課讓你變架站高手!

網站建立完畢後,但卻沒有流量怎麼辦?或是只能靠花錢投廣告才會有訂單?

這門 SEO 排名飆升課,教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等 ..,大幅提升行銷能力。

帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!

SEO 排名飆升課|帶你衝上 Google 第一頁!
SEO 排名飆升課|帶你衝上 Google 第一頁!

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

在〈WooCommerce PayPal 金流設定+串接教學:如何使用 PayPal 轉帳付款?〉中有 2 則留言

  1. 老師您好!想問一下我想利用綠界或藍金進行收費,但一直看到的是PayPal而已,並且我要設定時它只出現「你似乎在不支援 WooCommerce Payments 的國家/地區設定 WooCommerce Payments。 你的商店必須在以下其中一個國家/地區擁有商業實體」這個訊息,請問我應該怎麼樣成功使用綠界,藍金,Line Pay呢?(都已經開啟)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端