SlideShare a Scribd company logo
1 of 34
Download to read offline
EPAYTW 
金流串接實作教學 
使用PayPal 
"5IJOLJO7J[ 
1SPEVDU 
4FSJFT
在開始之前... 
請快速瀏覽後 
再決定是否進行操作
實作教學:串接PayPal 
https://www.paypal.com/tw/webapps/mpp/home?locale.x=zh_TW
申請PayPal帳號-1 
打開瀏覽器連結至PayPal (https://www.paypal.com/tw/)
申請PayPal帳號-2 
新使用者,點選註冊PayPal帳戶 
點選註冊
申請PayPal帳號-3 
點選「特選」或「商業」 
選擇「特選」或「商業」帳戶類型。現有使用者請確認升級至「特選」或「商業」
申請PayPal帳號-4.1 
填寫註冊資訊。 所有資料務必填寫真實資料,以免無法驗證款項。
申請PayPal帳號-4.2 
若不想連結信⽤用卡資訊,請留⽩白 
填寫註冊資訊。 所有資料務必填寫真實資料,以免無法驗證款項。
申請PayPal帳號-5 
PayPal登入主畫面,完成帳戶申請。
製作付款按鈕 
• 在PayPal帳⼾戶中將欲銷售的商品建檔管理,並透過設定產⽣生「付款按鈕」。 
• 顧客點擊「付款按鈕」便可開始付費結帳,⽀支付的款項將匯⼊入您的PayPal帳⼾戶。 
• 若欲提領款項PayPal,您必須申請⽟玉⼭山銀⾏行帳⼾戶,請詳⾒見PayPal使⽤用說明- 
https://www.paypal.com/tw/webapps/mpp/paypal-fees
製作付款按鈕 
在開始之前,您所需知道的事情... 
PayPal提供兩種付款按鈕。 
1. 「⽴立即購」 
顧客⼀一張訂單只能選購⼀一種商品,進⾏行結帳。(以下⽰示範) 
2. 「購物⾞車」 
顧客⼀一張訂單可以選購多種商品,最後⼀一次結帳。
立即購 
僅提供選購單種商品 
(以下⽰示範)
製作「立即購」按鈕-1 
點選「個⼈人檔案」 
請登入PayPal,從主畫面點選「個人檔案」
製作「立即購」按鈕-2 
點選「我的銷售⼯工具」 
點選「我的銷售工具」
製作「立即購」按鈕-3 
點選「PayPal按鈕」- 更新 
點選「更新」
製作「立即購」按鈕-4 
點選「建⽴立新按鈕」 
「付款按鈕」主要畫面,顯示已建立的付款按鈕
製作「立即購」按鈕-5 
「付款按鈕」設定主畫面,可選擇按鈕類型與並進行相關設定。
製作「立即購」按鈕-6 
選擇按鈕類型 - 「立即購」 
選擇「⽴立即購」
製作「立即購」按鈕-7 
選擇「⽴立即購」 
填⼊入「商品名稱」,例如: 
「數位相機_範例」。商品ID可保留空⽩白。 
填寫與設定商品銷售資訊
製作「立即購」按鈕-8 
設定商品價格,可選擇幣別。新台幣是TWD。 
如果商品有顏⾊色、或尺⼨寸選擇。可勾選後 
輸⼊入細步選項,例如:神秘⿊黑-9,999,999。 
填寫與設定商品銷售資訊
製作「立即購」按鈕-9 
如有其他附加選項, 
可勾選再進⾏行設定。 
設定運費或稅率。 
結帳時出現的商店顯 
⽰示⽅方式。 
填寫與設定商品銷售資訊
製作「立即購」按鈕-10 
PayPal可進⾏行商品庫存管理, 
請選擇是否使⽤用 
勾選以便追蹤存貨數量 
進階商品存貨管理(選擇性的)
製作「立即購」按鈕-11 
設定商品存貨數量、 
警告數量、費⽤用 
商品數量 
當商品數量變為3時, 
PayPal會寄發email通知 
提供⼀一個缺貨⾴頁⾯面 
進階商品存貨管理(選擇性的)
製作「立即購」按鈕-12 
進階功能設定 
進階功能設定(選擇性的)
製作「立即購」按鈕-13 
按下「建⽴立按鈕」,付款按鈕設定完成。 
完成商品銷售資料設定
製作「立即購」按鈕-14 
將「所有程式碼」複製, 「付款按鈕」的畫⾯面 
並貼到您的網站中。 
立即購按鈕與程式代碼
將「立即購」按鈕代碼嵌入在網頁中 -1 
簡易範例網頁 
貼上「付款按鈕」的程式代碼 
開啟編輯器,將複製的程式代碼,貼到body.../body之中, 
想要顯示付款按鈕的位置。
將「立即購」按鈕代碼嵌入在網頁中 -2 
簡易範例網頁 
「付款按鈕」 
檢視網頁以及「付款按鈕」
使用「立即購」按鈕-1 
簡易範例網頁 
選擇數位相機的「顏⾊色」 
點選「顏色」的下拉選單
使用「立即購」按鈕-2 
選好「顏⾊色」後, 
點擊「⽴立即購」。 
簡易範例網頁 
點擊「立即購」結帳按鈕
使用「立即購」按鈕-3 
導引至PayPal的結帳畫面 
選購的訂單 
與商品資訊
使用「立即購」按鈕-4 
結帳付款方式 
顧客可使⽤用「PayPal」 
完成付款 
若沒有「PayPal」帳⼾戶...
使用「立即購」按鈕-5 
結帳付款-信用卡 
若沒有「PayPal」 
帳⼾戶,顧客可使⽤用 
信⽤用卡付款。 
!填寫商品寄送資訊。
SEE POSSIBILITIES, ThinkinViz 
www.thinkinviz.com

More Related Content

Viewers also liked

電子商務:金流與付款
電子商務:金流與付款電子商務:金流與付款
電子商務:金流與付款志堅 汪
 
電商網站開發 - 應用Weebly (Part 2 金流串接)
電商網站開發 - 應用Weebly (Part 2 金流串接)電商網站開發 - 應用Weebly (Part 2 金流串接)
電商網站開發 - 應用Weebly (Part 2 金流串接)Yu-Hsien Fang
 
那些年,我們一起搞的金流
那些年,我們一起搞的金流那些年,我們一起搞的金流
那些年,我們一起搞的金流Chris Wu
 
電子商務:第三方支付
電子商務:第三方支付電子商務:第三方支付
電子商務:第三方支付志堅 汪
 
電子商務:物流
電子商務:物流電子商務:物流
電子商務:物流志堅 汪
 
Weebly 2.0 個人商店,部落格,公司網站
Weebly 2.0 個人商店,部落格,公司網站Weebly 2.0 個人商店,部落格,公司網站
Weebly 2.0 個人商店,部落格,公司網站Amherb Inc.
 
2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)
2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)
2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)Yu-Hsien Fang
 
PayPal
PayPalPayPal
PayPalMiva
 
Grid - 新時代的排版利器
Grid - 新時代的排版利器Grid - 新時代的排版利器
Grid - 新時代的排版利器Jocelyn Hsu
 
電子商務:中國電子商務排名
電子商務:中國電子商務排名電子商務:中國電子商務排名
電子商務:中國電子商務排名志堅 汪
 
代收代付金流服務架構-跨境第三方支付解決方案
代收代付金流服務架構-跨境第三方支付解決方案代收代付金流服務架構-跨境第三方支付解決方案
代收代付金流服務架構-跨境第三方支付解決方案Alex Huang
 
電子商務:電子票證
電子商務:電子票證電子商務:電子票證
電子商務:電子票證志堅 汪
 
電子商務:行動支付
電子商務:行動支付電子商務:行動支付
電子商務:行動支付志堅 汪
 
PayPal: A case study
PayPal: A case studyPayPal: A case study
PayPal: A case studyKimberly Teo
 
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)Yu-Hsien Fang
 
PayPal's Private Cloud @ Scale
PayPal's Private Cloud @ ScalePayPal's Private Cloud @ Scale
PayPal's Private Cloud @ ScalePayPal
 

Viewers also liked (16)

電子商務:金流與付款
電子商務:金流與付款電子商務:金流與付款
電子商務:金流與付款
 
電商網站開發 - 應用Weebly (Part 2 金流串接)
電商網站開發 - 應用Weebly (Part 2 金流串接)電商網站開發 - 應用Weebly (Part 2 金流串接)
電商網站開發 - 應用Weebly (Part 2 金流串接)
 
那些年,我們一起搞的金流
那些年,我們一起搞的金流那些年,我們一起搞的金流
那些年,我們一起搞的金流
 
電子商務:第三方支付
電子商務:第三方支付電子商務:第三方支付
電子商務:第三方支付
 
電子商務:物流
電子商務:物流電子商務:物流
電子商務:物流
 
Weebly 2.0 個人商店,部落格,公司網站
Weebly 2.0 個人商店,部落格,公司網站Weebly 2.0 個人商店,部落格,公司網站
Weebly 2.0 個人商店,部落格,公司網站
 
2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)
2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)
2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)
 
PayPal
PayPalPayPal
PayPal
 
Grid - 新時代的排版利器
Grid - 新時代的排版利器Grid - 新時代的排版利器
Grid - 新時代的排版利器
 
電子商務:中國電子商務排名
電子商務:中國電子商務排名電子商務:中國電子商務排名
電子商務:中國電子商務排名
 
代收代付金流服務架構-跨境第三方支付解決方案
代收代付金流服務架構-跨境第三方支付解決方案代收代付金流服務架構-跨境第三方支付解決方案
代收代付金流服務架構-跨境第三方支付解決方案
 
電子商務:電子票證
電子商務:電子票證電子商務:電子票證
電子商務:電子票證
 
電子商務:行動支付
電子商務:行動支付電子商務:行動支付
電子商務:行動支付
 
PayPal: A case study
PayPal: A case studyPayPal: A case study
PayPal: A case study
 
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
 
PayPal's Private Cloud @ Scale
PayPal's Private Cloud @ ScalePayPal's Private Cloud @ Scale
PayPal's Private Cloud @ Scale
 

E-commerce 金流串接實作教學 (PayPal)