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 最為你的入門主機。它是世界上最大的虛擬主機公司之一,也是 WordPress 官方推薦的主機。

並且 Bluehost 整合了網域+主機租用的服務,使新手免去申請網域 / 虛擬主機,需兩邊跑的麻煩。

Bluehost 原價入門費用是,網址 $12.99 美元 / 年(一年約 $400 台幣)和主機 $7.99美元 / 月(一年約 $2,876 台幣)。

值得開心的是,Bluehost 官方同意為我們網站讀者,提供最高可享有 3 折的主機折扣。

下表是用台幣計算,美元 / 台幣匯率用經常的 1:30 換算。

Basic 方案Choice Plus 方案
買一年:特價約 716 元(原價 2,876 元買一年:特價約 1,602 元(原價 5,036 元
買三年:特價約 3,229 元(原價 7,549 元買三年:特價約 5,389 元(原價 15,109 元

備註:新手可購買 1 年的 WordPress Basic 方案,用最少預算入門:)

如果網址同樣在 Bluehost 申請, Bluehost 有提供首年網域免費和 SSL 憑證,請多加利用。

這等於說,在 Bluehost 申請個人網域和主機,最少可用不到 1,000 台幣,就能開始啟動你的網路事業,並享有完整的主機規格服務。

不管購買的是哪種主機方案,只要點擊本站 Bluehost 連結,讀者們都享有優惠價格。

也可觀看以下影片教學,幫助你從無到有,建立第一個完整的 WordPress 網站。

【Bluehost 主機教學】最省錢的優質主機,新手自架站的好選擇(完整申請攻略)

假設你對網站速度 or 穩定性有更高的要求,可參考 A2 Hosting 的 Turbo Boost 方案,或是 Cloudways 雲代管主機(VPS 主機),雖然費用會稍微高一些,但這兩台的速度會更快。

這些都是優質 WordPress 主機,各有不同的使用場景:)

有了虛擬主機,還需要…

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

那該怎麼做呢?

網站上已經有整理:適合電商網站的十大佈景主題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 外掛 組合更多金物流方式。

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


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 100 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組指南書
WordPress 模組指南書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站|交流社團
犬哥網站交流社團

關於作者

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

犬哥網站

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

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

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

發佈留言

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

返回頂端