Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

E-commerce 金流串接實作教學 AllPay(歐付寶)

8,378 views

Published on

金流串接實作教學,使用AllPay(支付寶)第三方支付服務。
更多金流串接教學(http://epaytw.weebly.com/)。

Published in: Education

E-commerce 金流串接實作教學 AllPay(歐付寶)

  1. 1. EPAYTW 金流串接實作教學 使用AllPay歐付寶 "5IJOLJO7J[ 1SPEVDU 4FSJFT
  2. 2. 在開始之前... 請快速瀏覽後 再決定是否進行操作
  3. 3. 實作教學:串接AllPay http://www.allpay.com.tw/
  4. 4. 申請AllPay帳號-1 打開瀏覽器連結至AllPay (http://www.allpay.com.tw/)
  5. 5. 申請AllPay帳號-2 點選註冊 新使用者,點選註冊AllPay帳戶
  6. 6. 申請AllPay帳號-3 點選「加⼊入會員」 依需求選擇帳戶類型。每種會員類型都支援「收款」、「付款」。差別為額度上限
  7. 7. 申請AllPay帳號-4.1 填寫註冊資訊。 所有資料務必填寫真實資料,以免無法驗證身份與提領款項。
  8. 8. 申請AllPay帳號-4.2 ⼿手機⾝身份驗證 輸入手機驗證碼。* 檢驗碼同為登入歐付寶的密碼。
  9. 9. 申請AllPay帳號-4.3 點擊這裡,回到主畫⾯面。 驗證後,註冊成功。
  10. 10. 申請PayPal帳號-5 您的帳號 AllPay登入主畫面,完成帳戶申請。
  11. 11. 製作付款按鈕 • 在AllPay帳⼾戶中將欲銷售的商品建檔管理,並透過設定產⽣生「⼀一址付」結帳按鈕。 • 顧客點擊「⼀一址付」便可開始付費結帳,⽀支付的款項將匯⼊入您的AllPay帳⼾戶。 • 若欲提領AllPay款項,必須通過⾝身份驗證並申請銀⾏行帳號綁定,請詳⾒見AllPay使⽤用說明- http://www.allpay.com.tw/Service/QA4
  12. 12. 製作付款按鈕 在開始之前,您所需知道的事情... AllPay提供⼀一種付款按鈕。 1. 「⼀一址付」 顧客⼀一張訂單能選購多種商品,進⾏行結帳。(以下⽰示範)
  13. 13. 一址付 提供選購多種商品 (以下⽰示範)
  14. 14. 製作「一址付」按鈕-1 1. 點選「我要收款」 2. 點選「新增⼀一址付」 請登入AllPay,從主畫面點選「我要收款」
  15. 15. 製作「立即購」按鈕-2 ⾸首次使⽤用時,須先「申請收款」功能 申請「收款功能」
  16. 16. 製作「一址付」按鈕-3 填寫基本資料,請確保真實無誤。 基本資料 打勾 送出
  17. 17. 製作「一址付」按鈕-4 成為「賣家」會員 確定
  18. 18. 製作「一址付」按鈕-5 開通「收款」與「付款」功能 確定
  19. 19. 製作「一址付」按鈕-6 開通「收款」與「付款」功能
  20. 20. 製作「一址付」按鈕-7 點選「我要收款」- 「新增一址付」 新增⼀一址付
  21. 21. 製作「一址付」按鈕-8 新增「一址付」設定畫面 選擇商品類型 輸⼊入商品名稱 輸⼊入其他資訊 設定銷售期間
  22. 22. 製作「一址付」按鈕-9 新增「一址付」設定畫面 設定顧客可以選 擇的付款⽅方式 寄送地址選項
  23. 23. 製作「一址付」按鈕-10 新增「商品」設定畫面 新增賣場內的商品, 可多樣。
  24. 24. 製作「一址付」按鈕-11 新增「商品」設定畫面 ! 若您的畫⾯面無法 全部呈現(如 圖),請調整顯 ⽰示⽐比例。
  25. 25. 製作「一址付」按鈕-11 新增「商品」設定畫面 ! Google Chrome 的調整⽅方式 點擊 將「縮放」 變⼩小
  26. 26. 製作「一址付」按鈕-12 新增「商品」設定畫面 商品資訊管 理,請輸⼊入商 品名稱、簡 介、售價、庫 存量、或是商 品圖⽚片等 !調整後,可顯⽰示全部畫⾯面
  27. 27. 製作「一址付」按鈕-13 新增「商品」設定畫面 商品資訊管 理,請輸⼊入商 品名稱、簡 介、售價、庫 存量、或是商 品圖⽚片等 點擊「完成」
  28. 28. 製作「一址付」按鈕-13 新增「商品」設定畫面 ⾦金額受⽀支付⽅方 式影響,請視 情況調整。
  29. 29. 製作「一址付」按鈕-14 重複「新增商品」可建⽴立多項商品 新增「商品」設定畫面
  30. 30. 製作「一址付」按鈕-15 「運費」設定畫面 設定運費。
  31. 31. 製作「一址付」按鈕-16 可設定多家運費。 「運費」設定畫面
  32. 32. 製作「一址付」按鈕-17 設定畫面 確認送出。
  33. 33. 製作「一址付」按鈕-18 完成畫面 「⼀一址付」 程式代碼。請複製
  34. 34. 將「一址付」按鈕代碼嵌入在網頁中 -1 簡易範例網頁 貼上「⼀一址付」的程式代碼 開啟編輯器,將複製的程式代碼,貼到body.../body之中, 想要顯示付款按鈕的位置。
  35. 35. 將「一址付」按鈕代碼嵌入在網頁中 -2 簡易範例網頁 檢視網頁以及「付款按鈕」
  36. 36. 使用「一址付」按鈕-1 簡易範例網頁 檢視網頁以及「付款按鈕」 「付款按鈕」 點擊後進⾏行付款
  37. 37. 使用「一址付」按鈕-2 導引至AllPay的結帳畫面 包含商店資 訊、各種販 售商品資訊 與價格
  38. 38. 使用「一址付」按鈕-3 點擊「付款去」 導引至AllPay的結帳畫面
  39. 39. 使用「一址付」按鈕-4 導引至AllPay的結帳畫面 選擇 「商品」與 「數量」
  40. 40. 使用「一址付」按鈕-5 導引至AllPay的結帳畫面 選擇 「商品」與 「數量」 選擇 「運送⽅方式」
  41. 41. 使用「一址付」按鈕-6 導引至AllPay的結帳畫面 訂單明細 顧客輸⼊入 「付款⼈人」 資訊。
  42. 42. 使用「一址付」按鈕-7 導引至AllPay的結帳畫面 顧客輸⼊入 「收件⼈人」 資訊。 完成後,前往 付款
  43. 43. 使用「一址付」按鈕-8 導引至AllPay的結帳畫面 確認訂單資訊 ⽀支援多種付款⽅方式
  44. 44. 使用「一址付」按鈕-9 結帳付款 - 「信用卡」 顧客可⽤用 「信⽤用卡」付款
  45. 45. 使用「一址付」按鈕-10 結帳付款 - 「ATM」 顧客可⽤用 「ATM」付款
  46. 46. 使用「一址付」按鈕-11 結帳付款 - 「海外支付」 顧客可⽤用 「海外⽀支付」 付款
  47. 47. SEE POSSIBILITIES, ThinkinViz www.thinkinviz.com

×