「WordPress 架站」電子報

我們的分析文章著重於如何善用外掛工具、有效達成目的、提升網頁載入速度、行銷自動化，以及各種優惠資訊，歡迎訂閱電子報唷！

SureCart – 不會拖慢網站效能的 WordPress 電子商務、購物車方案

如果您想要在 WordPress 網站上銷售數位產品、接受捐款但不想忍受 WooCommerce 對網站效能的負面影響，您或許會想了解一下 SureCart。

對於想要或是正在從事 WordPress 電商網站經營的站長來說，WooCommerce 的名聲肯定是如雷貫耳，超過 500 萬的安裝啟用次數再再地證明了其受歡迎程度，而環繞周圍的開發廠商也創造出了以 WooCommerce 為中心的生態圈。

但是對 WordPress 站長來說，電商領域的選擇似乎是少了些。

對傳統店家來說，WooCommerce 可以實現大量商品目錄的展示與銷售，但對於網路店家來說其對數位產品的著墨卻不多。

WooCommerce 對於這些小型商家來說，不是輕巧的方案、對伺服器的資源耗用高、影響網站上的頁面載入效能，如果要達成一定功能需要安裝許多第三方外掛，而進階功能的外掛通常相對複雜、費用較高，並且在移植網站的時候難度較高。

當然也有 Easy Digital Downloads (EDD) 可供選擇，但 EDD 的目標客群較著重於軟體公司，也需要具備程式開發的知識才能對功能稍作客製調整。

看到 SureCart 之後讓我燃起了一絲希望，除了因為它是 headless 的設計之外，多數資料都在 SureCart 的伺服器上處理與保存，背後的團隊也是我們一直以來持續推廣的 Presto Player 外掛的 Founder，以及知名佈景主題 Astra 的開發團隊。

SureCart 的目標是讓站長們可以更輕鬆的設定與管理商店，提高購物車與結帳流程的轉換率！

SureCart 適合誰?

網頁載入速度決定了網路購物體驗的成敗。

當頁面載入時間從 1 秒增加到 3 秒，訪客的跳出率將會增加 32%。

Page load time statistics – Think with Google
Page load time affect bounce rate

作為 headless 的電子商務、購物車方案，SureCart 的優勢有：

  • 網站效能 – 降低網站伺服器的負荷
  • 安全保護 – 敏感資料不保存在您的 WordPress 資料庫中
  • 最佳化 – 不需要擔心資料庫的最佳化或問題修復
  • 可擴展性 – 隨著業務量增長可以輕鬆地擴展方案
  • 資料移動性 – 可以輕鬆地將資料在不同網站中轉移 (例如：測試與正式網站)

但相對來說，使用者與 SureCart 之間就會有禍福相倚的關係了，SureCart 的開發路線與資料保護必須要是與我們的願景相符才行。這部分大家可以透過持續觀察 Brainstorm Force (Astra 佈景主題的開發者) 以及眾多 Sure Products 的發展歷程增加對這個團隊的了解與信任。

而我個人也已經陸續入手了 Presto Player、SureMembers、SureTriggers、SureCart 以及 LatePoint 等工具，都是同個團隊的產品。

延伸閱讀 – 「Presto Player Review 最佳的線上影片播放解決方案」。

延伸閱讀 – 「SureMembers – 輕量、對網站無負擔的內容、會員管理外掛」。

SureCart 從問世以來一年多的時間持續開發了許多創新的功能，以目前提供的功能來說最適合以下對象：

  • 創作者 – 可販售數位商品，例如課程、會籍、網站/網頁/區塊範本，以及可供下載的檔案
  • 品牌商店 – 販售實體商品
  • 自由工作者 – 可以輕鬆地針對提供的服務進行收款
  • 非營利組織 – 接受支持群眾的捐款
  • 活動行銷人員 – 販售線上活動的參加票券

那麼，接著我們來讓大家知道安裝、設定 SureCart 是多麼快速、簡單的事吧！

安裝快速

安裝啟用 SureCart 外掛到 WordPress 網站之後，點選 WordPress 管理頁面中新增的 SureCart 就會開始安裝導引步驟。

安裝導引

步驟一

可以選擇創建全新的商店，或是與目前既有的商店相連。這裡我們選擇創建全新的商店。

SureCart_Install_Step1

步驟二

選擇品牌代表色以及商店的預設貨幣種類，這些在後續都是可以修改調整的。

SureCart_Install_Step2

步驟三

可以選擇套用範本或是從頭自己設定，大家可以在測試網站中載入不同的範本體驗看看。

SureCart_Install_Step3

步驟四

填入商店通知寄送的電子郵件信箱。

SureCart_Install_Step4

步驟五

SureCart_Install_Step5

這樣就完成導引步驟了，接著來新增第一個商品。

新增商品

先替商品命名，並新增商品。

SureCart_New Product_Product Name

命名完成後就能看到商品的各部分細節設定了。

下圖中右上角的 Instant Checkout 可以設定商品目前的狀態：

  • Published – 發布這個商品的商品頁面
  • Test Mode – 在測試模式下測試購買這個商品的金流狀況

也可以彈性顯示相關資訊：

  • 是否顯示商店 Logo
  • 是否顯示商品圖片
  • 是否顯示商品描述
  • 是否顯示折扣碼欄位
  • 是否顯示注意條款 (terms and conditions)

在右手邊的 Shipping 區塊可以看到支援的商品類型：

  • 實體商品
  • 數位商品或服務
SureCart_New Product_Product Details1

接下來是商品的定價模式、稅率、分類、庫存、購買限制等設定。

SureCart_New Product_Product Details2

Variants 可以提供加入商品的樣式，例如同款式衣服的不同尺寸與顏色的選擇。

Integrations 可以將這個商品與其他外掛功能同步 (詳見下下圖)。

Downloads 則是提供創作者可以加入網站/網頁/區塊範本，以及可供下載的檔案。

Search Engine Listing 讓店家可以自訂在搜尋引擎中顯示的商品的頁面名稱與 Meta 描述內容，加強 SEO。

SureCart_New Product_Product Details3

在 Integration 的部分可以支援目前最受歡迎的幾種學習管理系統、會員管理系統的：

  • 課程
  • 社群權限
  • 會籍

的販售，直接與商品綁定同步即可。

SureCart_Product_Integration

商品定價

接著來仔細看看商品定價功能。

付款類型有三種方式可以選擇：

  • 一次性支付全額
  • 分期付款 – 高價服務或商品可提供分期付款
  • 訂閱 – 加入課程或社群的每年/每月訂閱費用

功能相當彈性，對網站服務提供者來說甚至可以收取初次的設定費加上後續每個月的維護費用。

SureCart_Product_Price_Payment Type

設定價格的部分除了傳統的單一價格之外，對於接受捐款或提供免費數位商品下載的單位來說，更提供了讓支持者自行選擇捐款或贊助金額的功能。

SureCart_Product_Price_Details

定價模式設定完成之後，就能看到以下連結、短代碼，方便站長：

  • 分享購買連結
  • 在網站中自訂「加入購物車按鈕」
  • 在網站中自訂「直接購買按鈕」
SureCart_Product_Price_Shortcodes Type

SureCart 更提供了可以在 URL 中加入折扣碼以及結帳資訊，方便顧客點擊購買連結後能夠直接使用折扣碼購買、快速結帳。

完善其他設定

商品設定完成之後，SureCart 外掛中畫面上方會出現提示，提醒將剩下的設定完成。

選擇 SureCart 方案

首先是選擇 SureCart 的方案，按照不同的定價可以支援許多更進階的功能提供給不同業務規模的商店使用。

令人興奮的是，免費方案就已經提供了許多在 WooCommerce 中需要額外安裝付費外掛的功能，像是訂閱功能、分期付款、接受贊助等。

SureCart_Configuration_Select Plan

設定付款金流

  • 單純的商品目錄網站 – 可以跳過這一步不需要設定
  • 國外電商經營者 – 可以直接使用這些知名的金流平台
  • 台灣的電商經營外國客戶 – 可以使用 PayPal 接收來自國外的款項
  • 台灣的電商經營台灣客戶 – 目前應該只能成立國外公司，申請國外的 Stripe 或 PayPal 帳戶收款
SureCart_Configuration_Payment Processor

新增自訂結帳表單

SureCart 提供使用者可以自訂各種結帳 (Checkout) 表單，表單中的元素都是以區塊的方式組成，可以任意按照自己想要的順序排列組合。

SureCart 更提供了幾種結帳表單的設計範本讓大家可以不用從零開始，像是：

  • 適合手機的直條式
  • 適合電腦的整頁式 – 左邊是顧客、信用卡資訊，右邊是購買商品內容
  • 清爽模式 – 只包含最低需求的欄位資訊
  • 區塊式 – 由上而下各個區塊包含顧客資訊、地址、付款方式、商品訊息
  • 兩欄式 – 與整頁式相仿，但左右內容對調
  • 捐款贊助 – 直接顯示建議金額或支持者可以輸入指定金額，快速完成贊助付款
  • 收據式 – 可以作為捐款贊助的收費收據使用
SureCart_Checkout Form

下面就是以捐款贊助的結帳表單作為示範。

SureCart_Checkout Form1

下圖中的每一個區塊都可以點選進行設定，開發商也提供了相當的彈性讓使用者可以改變表單上顯示的文字，使用目標客群的語言。

SureCart_Checkout Form2

任意嵌入結帳表單

完成表單設計之後，每張表單都會有相對應的短代碼 (Shortcode)。

SureCart_Checkout Forms_List

可以任意的嵌入網站頁面、文章中的指定位置，按照行銷、銷售的規劃進行安排。

以下就是我們使用 SureCart 免費方案製作的結帳表單喔！

想要支持 Quants Note 嗎?

這是真的 Checkout 表單唷，歡迎支持贊助我們~~

小計 總計Total Due Today 支持贊助

但因為金管會的規定，台灣的 PayPal 帳戶是無法彼此收、付款的。¯\_(ツ)_/¯

設定購物車外觀

對於提供眾多商品的店家來說，購物車是不可或缺的。SureCart 提供了側邊滑出購物車的功能，並且能自行設計購物車的外觀。

SureCart_Cart view

新增折扣碼

折扣碼的設定也是相當方便，可以設定為僅供特定顧客使用。

SureCart_Coupon_Create New

也可以設定為只能在特定商品上使用。

SureCart_Coupon_Product Restrictions

折扣幅度可以為百分比或是固定金額，有效時間可以設定為永久有效、單次使用或持續一段期間。

SureCart_Coupon_Amount

也可以對折扣碼的使用設定限制：

  • 折扣碼可以使用的次數
  • 每位顧客可以使用這個折扣碼的次數
  • 購物金額需要超過一定數量才能使用這個折扣碼

並且可以設定折扣碼的確切到期時間點。

SureCart_Coupon_Redemption Limits

設定完成之後，在右上角就能快速、清楚的知道這個折扣碼的細節是什麼了。

SureCart_Coupon_Summary

自訂「我的帳號」頁面

要能夠擁有一個具有設計感的「我的帳號」頁面並不件容易的事，使用 WooCommerce 的時候還得看佈景主題是否有提供客製的空間，我們過去也跟大家分享過如何利用 Kadence Blocks 區塊編輯器 + CCS 代碼來製作出美觀的「我的帳號」頁面。

延伸閱讀 – 「WooCommerce 小技巧 – 自訂「我的帳號」頁面、善用區塊編輯器」。

因為 SureCart 已經將許多功能做成區塊元素，使用者可以更輕鬆按照自己的想法設計「我的帳號」頁面。

SureCart_Account_Dashboard

以下是某個使用 SureCart 外掛開發商的「我的帳號」頁面。

SureCart_Client Portal_Customize

在 SureCart 的設定中，也可以決定顧客在「我的帳號」頁面中對於訂閱管理的彈性與範圍。

SureCart_Customer Portal_Subscription

管理頁面

在 SureCart 的 Dashboard 頁面中也提供了訂單與收益的即時監控功能，點開頁面時完全不會感受到延遲。

即時訂單、收益監控

SureCart_Dashboard1

方便站長快速的瀏覽近期的業績狀況。

SureCart_Dashboard2

這方面確實會讓使用 WooCommerce 的人感到相當感慨，如果要有好看的監控畫面就得額外安裝第三方外掛，不然 WooCommerce 本身的許多功能應該都已經在調教效能的過程中使用 Disable Bloat for WordPress & WooCommerce 這個外掛給關掉了。

訂閱管理

訂閱管理的部分也有專門的監控頁面，可以查看目前的訂閱狀況、收益、MRR 等數據。

SureCart_Subscriptions

在 WooCommerce 中這是需要額外安裝 Woo Subscriptions 外掛才能使用的功能，其費用為每年 $239 美元。

與其他外掛功能整合

金流

對於外國的電商經營者來說真的是相當幸福，全球各個區域的知名支付平台都在 SureCart 的規劃中。對台灣的站長來說，就需要考慮前面章節提到的方法了，老實說，為了 SureCart 的功能我也會願意找開發人員來自行開發串接台灣的金流。

學習管理系統

會員管理系統 & 社群管理系統

流程自動化 Automation

  • Zapier
  • Pabbly
  • Uncanny Automator
  • Flowmattic
  • SureTriggers

上面這些都是目前 SureCart 已經提供功能整合的其他外掛服務，為什麼把流程自動化外掛放在最後面才說呢，因為只要是幾大品牌的自動化外掛有支援的，幾乎就能夠互相串接 Trigger & Action 了。

進階功能

呼~ 介紹到這裡，前面所說的幾乎都是 SureCart 免費版就有提供的功能，客製的彈性高並且影響網站效能的程度也相當低。接下來這些是進階功能，大多數在免費版本中就有提供，隨著商業業務擴大可以進一步升級方案取得更完整的功能。

例如，Cart Abandonment、Order Bumps、One-Click Upsells、License Key Management 在 Scale 方案中都是無限次數。

  • 免費/付費試用、設定費
  • 在訂閱或分期付款方式中加入設定費
    適用於提供網站維護服務的人。
  • Auto Payments Recovery
    如果顧客在付款過程中出錯，系統可自動寄信提醒顧客，增加成交率。
  • Cart Abandonment Recovery
    當顧客在瀏覽商品並將商品放入購物車後因為某些原因沒完成購買，可以設定給予折扣券提高顧客完成購買的機會。
  • One-click Upsell (開發中), Order Bumps
    都是增加商品推薦曝光機會的功能，可以提高轉換率。
  • Subscription Saver
    在顧客想要取消訂閱時，提供折扣或問卷調查增加客戶回頭率。
  • Auto Fees/Discounts (開發中)
    符合條件即可折抵費用，藉此鼓勵顧客購買多一點商品以達成條件。
  • Early Payoff Offers (開發中)
    對使用分期付款的客戶給予誘因提前付款，以避免中途突然取消。
  • Multi-currency (開發中)
    讓顧客可以在最佳的成本效益下使用自己的貨幣進行付款。
  • Affiliate Platform (完成)
    聯盟行銷平台，可以給予商店客戶或聯盟行銷成員誘因一起推廣商品。
  • Purchasing Power Parity (開發中)
    不同國家、地區的消費能力不同，可以對來自不同國家、地區的顧客採取區隔定價。
  • Licensing Platform
    外掛開發人員可以使用這個功能進行外掛授權碼的管理。

結語

說老實話，一般使用 WooCommerce 的站長如果要使用這些進階功能，都需要按功能安裝數個額外付費外掛才行，而這些外掛堆疊起來不僅是對網站效能或是架站費用來說都會是負擔。

而 SureCart 採用 headless 的方式，將多數資料運算都放在雲端處理，而且在功能上更是很有野心的把經營電商上所需要的進階功能都一一納入，雖然因為工作繁忙去年錯失了初次發售的終生授權方案 (LTD)，但前陣子也終於從朋友那邊購入了。

SureCart 的定價

(行動裝置可左右滑動查看更多方案)

方案LaunchGrowScale
網站授權數量111
定價 (月付)免費$29$59
定價 (年付)免費$19
$12 (首年)		$49
$34 (首年)

方案Scale Lifetime Plan
(黑五期間限定)
網站授權數量1
定價$1599
$799
付費頻率一次性

希望藉由以上的介紹，可以讓大家了解安裝、設定 SureCart 並在文章中嵌入捐款表單是多麼簡單的事 (我也是邊設定、測試功能，編完成這篇文章撰寫的)，大家也可以下載安裝免費版本在測試網站中玩一下，希望能對大家有幫助唷！

SureCart 在黑五期間還開放了終生授權方案，可以把握機會購入唷。

前往下載 SureCart！

PrestoPlayer

相關文章