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 金流串接實作教學 (pockii)

3,103 views

Published on

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

Published in: Education
  • Be the first to comment

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

  1. 1. EPAYTW 金流串接實作教學 使用pockii (CTBC Bank) "5IJOLJO7J[ 1SPEVDU 4FSJFT
  2. 2. 在開始之前... 請快速瀏覽後 再決定是否進行操作
  3. 3. 實作教學:串接pockii https://www.pockii.com/
  4. 4. 申請pockii帳號-1 打開瀏覽器連結至pockii (https://www.pockii.com/)
  5. 5. 申請pockii帳號-2 新使用者,點選註冊pockii帳戶 點選註冊
  6. 6. 申請pockii帳號-3 點選「⽴立即註冊」 選擇「一般會員」或「法人會員」帳戶類型。以下示範「一般會員」操作流程
  7. 7. 申請pockii帳號-4.1 ⼀一個⾝身分證,僅能註冊⼀一個帳⼾戶 填寫註冊資訊。 所有資料務必填寫真實資料,以免無法驗證款項。
  8. 8. 申請PayPal帳號-4.2 完成相關認證 填寫註冊資訊。 所有資料務必填寫真實資料,以免無法驗證款項。
  9. 9. 申請PayPal帳號-5 點選「收款」 pockii登入主畫面,完成帳戶申請。
  10. 10. 製作付款按鈕 • 在pockii帳⼾戶中將欲銷售的商品,以「網站收銀機」建檔管理,產⽣生「付款按鈕」。 • 顧客點擊「付款按鈕」便可開始付費結帳,⽀支付的款項將匯⼊入您的pockii帳⼾戶。 • 若欲提領款項pockii,您必須申請進⾏行「實名驗證」並「綁定帳號」 ,請詳⾒見pockii使⽤用說明- https://www.pockii.com/mvc/faq/qa_realName_Idx https://www.pockii.com/mvc/faq/qa_withdraw_Idx
  11. 11. 製作付款按鈕 在開始之前,您所需知道的事情... pockii提供兩種付款按鈕。 1. 「簡易收款」 顧客針對單⼀一商品,進⾏行購買與付款。顧客須有pockii帳⼾戶。 2. 「訂購單」 結帳⾴頁⾯面是⼀一張訂購單,可設定多種商品與⾦金額,顧客最後⼀一次結 帳。可⽤用pockii, ATM, 信⽤用卡, 銀⾏行帳⼾戶,銀聯卡收款(以下⽰示範)
  12. 12. 訂購單 以訂購單⽅方式呈現結帳畫⾯面,可選購多種商品 (以下⽰示範)
  13. 13. 製作「訂購單」按鈕-1 點選「網站收銀機」 請登入pockii,從主畫面點選「收款」
  14. 14. 製作「訂購單」按鈕-2 點選「新增網站收銀機」 點選「新增網站收銀機」
  15. 15. 製作「訂購單」按鈕-3 輸⼊入「商品名稱」 選擇「訂購單」 可輸⼊入訂購單說明 輸入「訂購單」相關資訊
  16. 16. 製作「訂購單」按鈕-4 輸⼊入「商品名稱」輸⼊入「訂購資訊」 如有相似的商品資訊,可點選複製。 例如:相機有多種顏⾊色可供選擇 輸入「訂購單」相關資訊
  17. 17. 製作「訂購單」按鈕-5 如有相似的商品資訊,可點選複製。 例如:相機有多種顏⾊色可供選擇 輸入「訂購單」相關資訊
  18. 18. 製作「訂購單」按鈕-6 ⼀一張訂購單有多種商品時, 點選「新增⼀一筆」。可輸⼊入另⼀一項商品 輸入「訂購單」相關資訊
  19. 19. 製作「訂購單」按鈕-7 ⼀一張訂購單可⽀支援多種商品販售 輸入「訂購單」相關資訊
  20. 20. 製作「訂購單」按鈕-8 設定運費,點選「新增⼀一筆」 *不設定代表免運費 輸入「訂購單」相關資訊
  21. 21. 製作「訂購單」按鈕-9 設定運費,點選「新增⼀一筆」 *不設定代表免運費 輸入「訂購單」相關資訊
  22. 22. 製作「訂購單」按鈕-10 設定各種物流⽅方式的運費 設定另⼀一種物流的運費 輸入「訂購單」相關資訊
  23. 23. 製作「訂購單」按鈕-11 輸入「訂購單」相關資訊 設定多種物流運費
  24. 24. 製作「訂購單」按鈕-12 設定顧客可選⽤用的收款⽅方式 完成後,點選「下⼀一步」 輸入「訂購單」相關資訊
  25. 25. 製作「訂購單」按鈕-14 「訂購單」預覽畫面 預覽無誤後,按下 「確認送出」
  26. 26. 製作「訂購單」按鈕-15 結帳按鈕的HTML 程式代碼 「訂購單」結帳按鈕
  27. 27. 將「訂購單」按鈕代碼嵌入在網頁中 -1 簡易範例網頁 貼上「訂購單」的程式代碼 開啟編輯器,將複製的程式代碼,貼到body.../body之中, 想要顯示付款按鈕的位置。
  28. 28. 將「立即購」按鈕代碼嵌入在網頁中 -2 「訂購單按鈕」 檢視網頁以及「付款按鈕」 簡易範例網頁
  29. 29. 使用「訂購單」按鈕-1 簡易範例網頁 點選「⾺馬上付款」 點選「馬上付款」的按鈕
  30. 30. 使用「立即購」按鈕-2 導引至pockii的結帳畫面 訂購單之 商品資訊 (讓顧客選擇)
  31. 31. 使用「立即購」按鈕-3 導引至pockii的結帳畫面 完成後 按下確認送出
  32. 32. 使用「立即購」按鈕-4.1 結帳⾦金額過⼤大時,系統出現提⽰示。 *顧客必須申請且登⼊入pockii *請聯絡pockii以取得進⼀一步訊息 導引至pockii的結帳畫面
  33. 33. 使用「立即購」按鈕-4.2 結帳⾦金額較⼩小時 顧客可選擇⽤用 pockii付款 或選擇信⽤用卡、ATM(不需pockii帳⼾戶) *請聯繫pockii以取得進⼀一步資訊 導引至pockii的結帳畫面
  34. 34. 使用「立即購」按鈕-5 導引至pockii的結帳畫面 填寫訂購資訊
  35. 35. 關於實名驗證&提領帳戶 請聯繫pockii以取得進一步資訊 https://www.pockii.com/mvc/faq/qa_index
  36. 36. SEE POSSIBILITIES, ThinkinViz www.thinkinviz.com

×