Weebly 架站教學網站
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 教學影片
  • 關於我們
  • 公益/環保

線上商城 - Weebly + 第三方支付平台

7/1/2021

0 評論

 
第三方支付平台是協助商家和消費者完成線上收款/付款的平台, 也就是我們說的 "金流系統". 例如: Paypal、綠界、歐付寶、藍新等等. 他們與金融機構合作, 提供線上金流服務, 只要申請免費帳號, 就能將他們所提供的金流服務置入架設的網站.

上述所提到的支付平台 (除了 Paypal) , 都是針對台灣的消費習慣所提供付費方式, 例如: 信用卡、ATM 轉帳、超商付款等等. 至於 Paypal, 如果買賣雙方的註冊帳號都在台灣, 就無法交易了. 

因為牽涉到買賣雙方的個資及金流, 因此, 這些第三方支付平台的網路安全等級以及身分確認, 全部比照金融機構等級. 這麼謹慎嚴格的管理, 就是想提供一個讓商家與消費者能安心交易的環境.
圖片

​​不論你使用哪一家支付平台, 基本上, 做法都是大同小異:
  1. 在第三方支付平台註冊一個帳號
  2. 從後台的設定介面, 設定商品圖片/說明/價錢等等
  3. 建立商品的購買連結 或 QR code.
  4. 將購買連結/ QR code 放入產品網頁 (架構自己的網站)
 接著, 發佈網站, 線上商城開張!!!!!
​

微型線上商城設定


[步驟一] 建立商品頁面 + 購買連結

用 Weebly 製作一個網頁, 放入產品圖片及資訊
你可以建立一個網頁, 設計網頁標題, 再利用Weebly 元件, 放入產品的圖片, 以及文字說明 
最重要的是, 放入一個 "立即購買" 的按鍵.  (如下圖)
圖片


[步驟二] 建立商品購買連結

首先, 你需要註冊第三方支付平台帳號. (以下, 以綠界作為範例)
註冊過程中, 必須驗證身分, 設定銀行帳戶 (這樣你才能收款)等等.
審核成功後, 就可以登入帳號, 開始建立購買連結...

(1) 登入綠界帳號 > 我要收款 > 建立收款連結
圖片
(2) 設定商品名稱、金額、付款方式、購買連結的有效期限、以及購買後要導回的網址等等.
圖片

(3) 接著, 按下 "建立收款連結", 就能產生QR code 及付款連結.
圖片


[步驟三] 將購買連結置入產品網頁

​你可以將 QR code 放在產品網頁, 或者用超連結方式, 將購買連結放入網頁.
當然, 你也可以直接使用綠界的購買按鈕, 只要複製右方方格內的 html 語法帶入產品網頁就可以了.
圖片
訂單確認 + 收款


[步驟一] 消費者透過購買連結, 進行購買

當消費者按下​購買按鈕之後, 就會進入綠界的頁面, 開始購買程序.
消費者必須填寫一些基本資料, 例如: 填寫姓名、電子郵件信箱、付款等等

圖片
圖片
透過這類第三方支付平台的金流交易是安全的.  消費者輸入信用卡卡號後, 交易銀行會採用 OTP服務密碼認證交易授權. 
圖片


[步驟二] 消費者完成購買, 確認訂單

付款完成後, 消費者可以立即在頁面上看到 "付款成功" 的訊息​
圖片
當然, 系統也會自動發送訂單確認信函至消費者所提寫的電子郵件信箱哦..
圖片


[步驟三] 商家收款及出貨

當生意上門, 消費者完成付費之後, 商家也可以馬上從後台看到交易明細.
確認交易之後, 商家就得快快出貨囉.
提醒:
  • 交易完成後, 依據付款方式的不同, 綠界撥款至商家綠界帳號的時間也不同. 
  • 等到綠界帳號收到款項後, 商家就可以從帳戶提領至設定的銀行帳戶 (需要支付提領手續費)
圖片
除了購買連結, 一些支付平台也有整套的微型商城設定. 例如綠界的微型賣場. 
只要新增一個網頁, 就可以直接置入綠界的微型賣場, 不需要API 串接. 對於個人工作室或是小型商城而言, 真的快速又方便!

圖片
圖片
- 依據付款方式的不同, 綠界撥款至商家綠界帳號的時間也不同. 
- 等到綠界帳號收到款項後, 商家就可以從帳戶提領至設定的銀行帳戶 (需要支付提領手續費)


更多文章:



Loading...
0 評論



發表回覆。

    圖片


    認識 Weebly

    選擇 Weebly -七大原因
    Weebly 的帳號種類及比較
    我該選擇哪種付費帳號?
    Weebly 拖拉放元件 - 新手上路

    網頁管理 (新增、複製、刪除、排列)
    ​
    網站管理 (新增、複製、刪除)

    weebly 架站四部驟

    註冊 Weebly 帳號 + 網域申請
    選擇/更換範本
    編輯網頁 - Weebly 元件
    發佈/ 隱藏網站

    Weebly 使用教學

    ​提升網站安全性 - SSL 憑證
    ​
    Weebly - SEO 搜尋引擎關鍵字設定
    ​如何更改網域?
    -------------------
    ​如何與他人共同編輯網站? ​

    如何備份 Weebly 網站? ​
    -------------------
    ​​更改字體大小、行距、間距
    ​
    圖片元件 - 完整的圖片功能
    ​表單元件 - 聯絡、留言、回覆、調查
    ​
    ​影片元件
    音訊元件
    ​-------------------

    ​Weebly 提供哪些網頁標題類型?
    ​​網頁標題_背景樣式
    ​網頁標題_設計+編輯
    ​
    ​-------------------
    ​如何建立 Weebly 部落格?

    部落格文章 (撰寫/儲存/發佈/刪除)
    ​備份 Weebly 網站+部落格

    第三方應用程式

    ​結合第三方應用程式 - 功能更強大
    ​OctoMono - 第三方應用程式組合包

    類別

    全部


    類別

    全部

    RSS 訂閱

Weebly 架站教學


認識 Weebly
Weebly 架站四步驟
​Weebly 使用教學
​第三方應用程式中心
Weebly 影片教學
Vertical Divider

Weebly 常見問題

Weebly 帳號
Weebly 付費/ 收據
Vertical Divider

推薦工具

線上平面設計工具
​多媒體工具
​多媒體素材
Vertical Divider

公益/環保

公益/環保活動

Vertical Divider

關於我們

關於我們

版權聲明: 
本站發表的文章、圖片及電子書的版權均屬於本站所有, 如果有轉載需求, 請來信取得授權. 非經授權, 請勿轉載或轉貼. ​
Copyright © 2025
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 教學影片
  • 關於我們
  • 公益/環保