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

Viewers also liked (13)

電商網站開發 - 應用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)
 
Grid - 新時代的排版利器
Grid - 新時代的排版利器Grid - 新時代的排版利器
Grid - 新時代的排版利器
 
電子商務:中國電子商務排名
電子商務:中國電子商務排名電子商務:中國電子商務排名
電子商務:中國電子商務排名
 
代收代付金流服務架構-跨境第三方支付解決方案
代收代付金流服務架構-跨境第三方支付解決方案代收代付金流服務架構-跨境第三方支付解決方案
代收代付金流服務架構-跨境第三方支付解決方案
 
電子商務:物流
電子商務:物流電子商務:物流
電子商務:物流
 
電子商務:電子票證
電子商務:電子票證電子商務:電子票證
電子商務:電子票證
 
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
 

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

【國藝會】藝文補助資訊系統 線上申請操作圖解
【國藝會】藝文補助資訊系統  線上申請操作圖解【國藝會】藝文補助資訊系統  線上申請操作圖解
【國藝會】藝文補助資訊系統 線上申請操作圖解ncaftw
 
宽柔中学网上捐款操作指南
宽柔中学网上捐款操作指南宽柔中学网上捐款操作指南
宽柔中学网上捐款操作指南ttwtan
 
可汗翻譯新手入門
可汗翻譯新手入門可汗翻譯新手入門
可汗翻譯新手入門騵禾 黃
 
一站式線上申請作業成立勞健保單位操作步驟說明
一站式線上申請作業成立勞健保單位操作步驟說明一站式線上申請作業成立勞健保單位操作步驟說明
一站式線上申請作業成立勞健保單位操作步驟說明HuangKenny1
 
Flyingv 支付贊助費用操作說明
Flyingv 支付贊助費用操作說明Flyingv 支付贊助費用操作說明
Flyingv 支付贊助費用操作說明lsimel
 
我要优生网使用手册(修订)
我要优生网使用手册(修订)我要优生网使用手册(修订)
我要优生网使用手册(修订)zhangke0504
 

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

【國藝會】藝文補助資訊系統 線上申請操作圖解
【國藝會】藝文補助資訊系統  線上申請操作圖解【國藝會】藝文補助資訊系統  線上申請操作圖解
【國藝會】藝文補助資訊系統 線上申請操作圖解
 
宽柔中学网上捐款操作指南
宽柔中学网上捐款操作指南宽柔中学网上捐款操作指南
宽柔中学网上捐款操作指南
 
可汗翻譯新手入門
可汗翻譯新手入門可汗翻譯新手入門
可汗翻譯新手入門
 
一站式線上申請作業成立勞健保單位操作步驟說明
一站式線上申請作業成立勞健保單位操作步驟說明一站式線上申請作業成立勞健保單位操作步驟說明
一站式線上申請作業成立勞健保單位操作步驟說明
 
Flyingv 支付贊助費用操作說明
Flyingv 支付贊助費用操作說明Flyingv 支付贊助費用操作說明
Flyingv 支付贊助費用操作說明
 
我要优生网使用手册(修订)
我要优生网使用手册(修订)我要优生网使用手册(修订)
我要优生网使用手册(修订)
 
網路賺錢
網路賺錢網路賺錢
網路賺錢
 

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