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
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - Page load time affect bounce rate Page load time affect bounce rate](https://www.quantsnote.com/wp-content/uploads/2023/11/Page-load-time-affect-bounce-rate.png)
作為 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 - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Install Step1 SureCart_Install_Step1](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Install_Step1.png)
步驟二
選擇品牌代表色以及商店的預設貨幣種類,這些在後續都是可以修改調整的。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Install Step2 SureCart_Install_Step2](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Install_Step2.png)
步驟三
可以選擇套用範本或是從頭自己設定,大家可以在測試網站中載入不同的範本體驗看看。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Install Step3 SureCart_Install_Step3](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Install_Step3.png)
步驟四
填入商店通知寄送的電子郵件信箱。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Install Step4 SureCart_Install_Step4](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Install_Step4.png)
步驟五
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Install Step5 SureCart_Install_Step5](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Install_Step5.png)
這樣就完成導引步驟了,接著來新增第一個商品。
新增商品
先替商品命名,並新增商品。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart New Product Product Name SureCart_New Product_Product Name](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_New-Product_Product-Name.png)
命名完成後就能看到商品的各部分細節設定了。
下圖中右上角的 Instant Checkout 可以設定商品目前的狀態:
- Published – 發布這個商品的商品頁面
- Test Mode – 在測試模式下測試購買這個商品的金流狀況
也可以彈性顯示相關資訊:
- 是否顯示商店 Logo
- 是否顯示商品圖片
- 是否顯示商品描述
- 是否顯示折扣碼欄位
- 是否顯示注意條款 (terms and conditions)
在右手邊的 Shipping 區塊可以看到支援的商品類型:
- 實體商品
- 數位商品或服務
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart New Product Product Details1 SureCart_New Product_Product Details1](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_New-Product_Product-Details1.png)
接下來是商品的定價模式、稅率、分類、庫存、購買限制等設定。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart New Product Product Details2 SureCart_New Product_Product Details2](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_New-Product_Product-Details2.png)
Variants 可以提供加入商品的樣式,例如同款式衣服的不同尺寸與顏色的選擇。
Integrations 可以將這個商品與其他外掛功能同步 (詳見下下圖)。
Downloads 則是提供創作者可以加入網站/網頁/區塊範本,以及可供下載的檔案。
Search Engine Listing 讓店家可以自訂在搜尋引擎中顯示的商品的頁面名稱與 Meta 描述內容,加強 SEO。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart New Product Product Details3 SureCart_New Product_Product Details3](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_New-Product_Product-Details3.png)
在 Integration 的部分可以支援目前最受歡迎的幾種學習管理系統、會員管理系統的:
- 課程
- 社群權限
- 會籍
的販售,直接與商品綁定同步即可。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Product Integration SureCart_Product_Integration](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Product_Integration.png)
商品定價
接著來仔細看看商品定價功能。
付款類型有三種方式可以選擇:
- 一次性支付全額
- 分期付款 – 高價服務或商品可提供分期付款
- 訂閱 – 加入課程或社群的每年/每月訂閱費用
功能相當彈性,對網站服務提供者來說甚至可以收取初次的設定費加上後續每個月的維護費用。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Product Price Payment Type SureCart_Product_Price_Payment Type](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Product_Price_Payment-Type.png)
設定價格的部分除了傳統的單一價格之外,對於接受捐款或提供免費數位商品下載的單位來說,更提供了讓支持者自行選擇捐款或贊助金額的功能。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Product Price Details SureCart_Product_Price_Details](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Product_Price_Details.png)
定價模式設定完成之後,就能看到以下連結、短代碼,方便站長:
- 分享購買連結
- 在網站中自訂「加入購物車按鈕」
- 在網站中自訂「直接購買按鈕」
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Product Price Shortcodes Type SureCart_Product_Price_Shortcodes Type](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Product_Price_Shortcodes-Type.png)
SureCart 更提供了可以在 URL 中加入折扣碼以及結帳資訊,方便顧客點擊購買連結後能夠直接使用折扣碼購買、快速結帳。
完善其他設定
商品設定完成之後,SureCart 外掛中畫面上方會出現提示,提醒將剩下的設定完成。
選擇 SureCart 方案
首先是選擇 SureCart 的方案,按照不同的定價可以支援許多更進階的功能提供給不同業務規模的商店使用。
令人興奮的是,免費方案就已經提供了許多在 WooCommerce 中需要額外安裝付費外掛的功能,像是訂閱功能、分期付款、接受贊助等。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Configuration Select Plan SureCart_Configuration_Select Plan](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Configuration_Select-Plan.png)
設定付款金流
- 單純的商品目錄網站 – 可以跳過這一步不需要設定
- 國外電商經營者 – 可以直接使用這些知名的金流平台
- 台灣的電商經營外國客戶 – 可以使用 PayPal 接收來自國外的款項
- 台灣的電商經營台灣客戶 – 目前應該只能成立國外公司,申請國外的 Stripe 或 PayPal 帳戶收款
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Configuration Payment Processor SureCart_Configuration_Payment Processor](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Configuration_Payment-Processor.png)
新增自訂結帳表單
SureCart 提供使用者可以自訂各種結帳 (Checkout) 表單,表單中的元素都是以區塊的方式組成,可以任意按照自己想要的順序排列組合。
SureCart 更提供了幾種結帳表單的設計範本讓大家可以不用從零開始,像是:
- 適合手機的直條式
- 適合電腦的整頁式 – 左邊是顧客、信用卡資訊,右邊是購買商品內容
- 清爽模式 – 只包含最低需求的欄位資訊
- 區塊式 – 由上而下各個區塊包含顧客資訊、地址、付款方式、商品訊息
- 兩欄式 – 與整頁式相仿,但左右內容對調
- 捐款贊助 – 直接顯示建議金額或支持者可以輸入指定金額,快速完成贊助付款
- 收據式 – 可以作為捐款贊助的收費收據使用
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Checkout Form SureCart_Checkout Form](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Checkout-Form.png)
下面就是以捐款贊助的結帳表單作為示範。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Checkout Form1 SureCart_Checkout Form1](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Checkout-Form1.png)
下圖中的每一個區塊都可以點選進行設定,開發商也提供了相當的彈性讓使用者可以改變表單上顯示的文字,使用目標客群的語言。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Checkout Form2 SureCart_Checkout Form2](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Checkout-Form2.png)
任意嵌入結帳表單
完成表單設計之後,每張表單都會有相對應的短代碼 (Shortcode)。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Checkout Forms List SureCart_Checkout Forms_List](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Checkout-Forms_List.png)
可以任意的嵌入網站頁面、文章中的指定位置,按照行銷、銷售的規劃進行安排。
以下就是我們使用 SureCart 免費方案製作的結帳表單喔!
想要支持 Quants Note 嗎?
這是真的 Checkout 表單唷,歡迎支持贊助我們~~
但因為金管會的規定,台灣的 PayPal 帳戶是無法彼此收、付款的。¯\_(ツ)_/¯
設定購物車外觀
對於提供眾多商品的店家來說,購物車是不可或缺的。SureCart 提供了側邊滑出購物車的功能,並且能自行設計購物車的外觀。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Cart view SureCart_Cart view](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Cart-view.png)
新增折扣碼
折扣碼的設定也是相當方便,可以設定為僅供特定顧客使用。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Coupon Create New SureCart_Coupon_Create New](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Coupon_Create-New.png)
也可以設定為只能在特定商品上使用。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Coupon Product Restrictions SureCart_Coupon_Product Restrictions](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Coupon_Product-Restrictions.png)
折扣幅度可以為百分比或是固定金額,有效時間可以設定為永久有效、單次使用或持續一段期間。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Coupon Amount SureCart_Coupon_Amount](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Coupon_Amount.png)
也可以對折扣碼的使用設定限制:
- 折扣碼可以使用的次數
- 每位顧客可以使用這個折扣碼的次數
- 購物金額需要超過一定數量才能使用這個折扣碼
並且可以設定折扣碼的確切到期時間點。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Coupon Redemption Limits SureCart_Coupon_Redemption Limits](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Coupon_Redemption-Limits.png)
設定完成之後,在右上角就能快速、清楚的知道這個折扣碼的細節是什麼了。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Coupon Summary SureCart_Coupon_Summary](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Coupon_Summary.png)
自訂「我的帳號」頁面
要能夠擁有一個具有設計感的「我的帳號」頁面並不件容易的事,使用 WooCommerce 的時候還得看佈景主題是否有提供客製的空間,我們過去也跟大家分享過如何利用 Kadence Blocks 區塊編輯器 + CCS 代碼來製作出美觀的「我的帳號」頁面。
延伸閱讀 – 「WooCommerce 小技巧 – 自訂「我的帳號」頁面、善用區塊編輯器」。
因為 SureCart 已經將許多功能做成區塊元素,使用者可以更輕鬆按照自己的想法設計「我的帳號」頁面。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Account Dashboard SureCart_Account_Dashboard](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Account_Dashboard.png)
以下是某個使用 SureCart 外掛開發商的「我的帳號」頁面。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Client Portal Customize SureCart_Client Portal_Customize](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Client-Portal_Customize.png)
在 SureCart 的設定中,也可以決定顧客在「我的帳號」頁面中對於訂閱管理的彈性與範圍。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Customer Portal Subscription SureCart_Customer Portal_Subscription](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Customer-Portal_Subscription.png)
管理頁面
在 SureCart 的 Dashboard 頁面中也提供了訂單與收益的即時監控功能,點開頁面時完全不會感受到延遲。
即時訂單、收益監控
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Dashboard1 SureCart_Dashboard1](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Dashboard1.png)
方便站長快速的瀏覽近期的業績狀況。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Dashboard2 SureCart_Dashboard2](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Dashboard2.png)
這方面確實會讓使用 WooCommerce 的人感到相當感慨,如果要有好看的監控畫面就得額外安裝第三方外掛,不然 WooCommerce 本身的許多功能應該都已經在調教效能的過程中使用 Disable Bloat for WordPress & WooCommerce 這個外掛給關掉了。
訂閱管理
訂閱管理的部分也有專門的監控頁面,可以查看目前的訂閱狀況、收益、MRR 等數據。
![SureCart - 不會拖慢網站效能的 WordPress 電子商務、購物車方案 - SureCart Subscriptions SureCart_Subscriptions](https://www.quantsnote.com/wp-content/uploads/2023/11/SureCart_Subscriptions.png)
在 WooCommerce 中這是需要額外安裝 Woo Subscriptions 外掛才能使用的功能,其費用為每年 $239 $279 美元 (漲價了!)。
與其他外掛功能整合
金流
對於外國的電商經營者來說真的是相當幸福,全球各個區域的知名支付平台都在 SureCart 的規劃中。對台灣的站長來說,就需要考慮前面章節提到的方法了,老實說,為了 SureCart 的功能我也會願意找開發人員來自行開發串接台灣的金流。
學習管理系統
- LearnDash
- TutorLMS
- LifterLMS
會員管理系統 & 社群管理系統
- SureMembers
- MemberPress
- BuddyBoss
流程自動化 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
在顧客想要取消訂閱時,提供折扣或問卷調查增加客戶回頭率。 - Conditional Checkout Fields
根據規則顯示結帳表單中的欄位與設計元素。 - Auto Fees/Discounts (開發中)
符合條件即可折抵費用,藉此鼓勵顧客購買多一點商品以達成條件。 - Early Payoff Offers (開發中)
對使用分期付款的客戶給予誘因提前付款,以避免中途突然取消。 - Multi-currency (開發中)
讓顧客可以在最佳的成本效益下使用自己的貨幣進行付款。 - Affiliate Platform
聯盟行銷平台,可以給予商店客戶或聯盟行銷成員誘因一起推廣商品。 - Affiliate 進階功能 (測試中)
可根據商品、聯盟行銷人員設定不同佣金比率。 - Purchasing Power Parity (開發中)
不同國家、地區的消費能力不同,可以對來自不同國家、地區的顧客採取區隔定價。 - Licensing Platform
外掛開發人員可以使用這個功能進行外掛授權碼的管理。
結語
老實說,一般使用 WooCommerce 的站長如果要使用這些進階功能,都需要按功能安裝數個額外付費外掛才行,而這些外掛堆疊起來不僅是對網站效能或是架站費用來說都會是負擔。
而 SureCart 採用 headless 的方式,將多數資料運算都放在雲端處理,而且在功能上更是很有野心的把經營電商上所需要的進階功能都一一納入,雖然因為工作繁忙去年錯失了初次發售的終生授權方案 (LTD),但前陣子也終於從網友那邊購入了。
SureCart 的定價
(行動裝置可左右滑動查看更多方案)
方案 | Launch | Grow | Scale |
網站授權數量 | 1 | 1 | 1 |
定價 (月付) | 免費 | $29 | $59 |
定價 (年付) | 免費 | $19 | $49 |
方案 | Scale Lifetime Plan | Scale Lifetime Plan |
網站授權數量 | 1 | 1 |
定價 | $999 | $99 |
付費頻率 | 一次性 | 月付、11 期 |
希望藉由以上的介紹,可以讓大家了解安裝、設定 SureCart 並在文章中嵌入捐款表單是多麼簡單的事,大家也可以自行下載安裝免費版本在測試網站中玩一下,希望能對大家有幫助唷!
SureCart 目前還有提供終生授權方案,可以把握機會購入。
有任何問題也歡迎加入社團一起討論唷!