e-commerce 金流串接實作教學 (paypal)

34
EPAYTW 金流串接實作教學 使用PayPal

Upload: yu-hsien-fang

Post on 15-Jun-2015

1.159 views

Category:

Education


5 download

DESCRIPTION

金流串接實作教學,使用PayPal第三方支付服務。

TRANSCRIPT

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

EPAYTW 金流串接實作教學使用PayPal

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

在開始之前...

請快速瀏覽後

再決定是否進行操作

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

實作教學:串接PayPal

https://www.paypal.com/tw/webapps/mpp/home?locale.x=zh_TW

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

申請PayPal帳號-1

打開瀏覽器連結至PayPal (https://www.paypal.com/tw/)

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

申請PayPal帳號-2

新使用者,點選註冊PayPal帳戶

點選註冊

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

申請PayPal帳號-3

選擇「特選」或「商業」帳戶類型。現有使用者請確認升級至「特選」或「商業」

點選「特選」或「商業」

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

申請PayPal帳號-4.1

填寫註冊資訊。 所有資料務必填寫真實資料,以免無法驗證款項。

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

申請PayPal帳號-4.2

填寫註冊資訊。 所有資料務必填寫真實資料,以免無法驗證款項。

若不想連結信⽤用卡資訊,請留⽩白

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

申請PayPal帳號-5

PayPal登入主畫面,完成帳戶申請。

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

製作付款按鈕• 在PayPal帳⼾戶中將欲銷售的商品建檔管理,並透過設定產⽣生「付款按鈕」。 • 顧客點擊「付款按鈕」便可開始付費結帳,⽀支付的款項將匯⼊入您的PayPal帳⼾戶。 • 若欲提領款項PayPal,您必須申請⽟玉⼭山銀⾏行帳⼾戶,請詳⾒見PayPal使⽤用說明-

https://www.paypal.com/tw/webapps/mpp/paypal-fees

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

製作付款按鈕在開始之前,您所需知道的事情...

PayPal提供兩種付款按鈕。

1. 「⽴立即購」 顧客⼀一張訂單只能選購⼀一種商品,進⾏行結帳。(以下⽰示範)

2. 「購物⾞車」 顧客⼀一張訂單可以選購多種商品,最後⼀一次結帳。

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

立即購僅提供選購單種商品

(以下⽰示範)

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

製作「立即購」按鈕-1

請登入PayPal,從主畫面點選「個人檔案」

點選「個⼈人檔案」

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

製作「立即購」按鈕-2

點選「我的銷售工具」

點選「我的銷售⼯工具」

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

製作「立即購」按鈕-3

點選「PayPal按鈕」- 更新

點選「更新」

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

製作「立即購」按鈕-4

「付款按鈕」主要畫面,顯示已建立的付款按鈕

點選「建⽴立新按鈕」

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

製作「立即購」按鈕-5

「付款按鈕」設定主畫面,可選擇按鈕類型與並進行相關設定。

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

製作「立即購」按鈕-6

選擇按鈕類型 -> 「立即購」

選擇「⽴立即購」

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

製作「立即購」按鈕-7

填寫與設定商品銷售資訊

選擇「⽴立即購」

填⼊入「商品名稱」,例如: 「數位相機_範例」。商品ID可保留空⽩白。

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

製作「立即購」按鈕-8

填寫與設定商品銷售資訊

設定商品價格,可選擇幣別。新台幣是TWD。

如果商品有顏⾊色、或尺⼨寸選擇。可勾選後 輸⼊入細步選項,例如:神秘⿊黑-9,999,999。

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

製作「立即購」按鈕-9

填寫與設定商品銷售資訊

如有其他附加選項,可勾選再進⾏行設定。

設定運費或稅率。結帳時出現的商店顯⽰示⽅方式。

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

製作「立即購」按鈕-10

進階商品存貨管理(選擇性的)

PayPal可進⾏行商品庫存管理, 請選擇是否使⽤用

勾選以便追蹤存貨數量

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

製作「立即購」按鈕-11

進階商品存貨管理(選擇性的)

商品數量

設定商品存貨數量、警告數量、費⽤用

當商品數量變為3時,PayPal會寄發email通知

提供⼀一個缺貨⾴頁⾯面

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

製作「立即購」按鈕-12

進階功能設定(選擇性的)

進階功能設定

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

製作「立即購」按鈕-13

完成商品銷售資料設定

按下「建⽴立按鈕」,付款按鈕設定完成。

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

製作「立即購」按鈕-14

立即購按鈕與程式代碼

「付款按鈕」的畫⾯面將「所有程式碼」複製,並貼到您的網站中。

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

將「立即購」按鈕代碼嵌入在網頁中 -1

開啟編輯器,將複製的程式代碼,貼到<body>...</body>之中,

想要顯示付款按鈕的位置。

貼上「付款按鈕」的程式代碼

簡易範例網頁

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

將「立即購」按鈕代碼嵌入在網頁中 -2

檢視網頁以及「付款按鈕」

「付款按鈕」

簡易範例網頁

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

使用「立即購」按鈕-1

點選「顏色」的下拉選單

選擇數位相機的「顏⾊色」

簡易範例網頁

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

使用「立即購」按鈕-2

點擊「立即購」結帳按鈕

選好「顏⾊色」後, 點擊「⽴立即購」。

簡易範例網頁

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

使用「立即購」按鈕-3

導引至PayPal的結帳畫面

選購的訂單與商品資訊

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

使用「立即購」按鈕-4

結帳付款方式

顧客可使⽤用「PayPal」完成付款

若沒有「PayPal」帳⼾戶...

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

使用「立即購」按鈕-5

結帳付款-信用卡

若沒有「PayPal」帳⼾戶,顧客可使⽤用信⽤用卡付款。 !

填寫商品寄送資訊。

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

SEE POSSIBILITIES, ThinkinViz www.thinkinviz.com