Woo 優化工具 (搜尋欄位、會員快速登入、迷你購物車、會員註冊驗證)

整合 WooCommerce 商品搜尋、會員登入選單、即時迷你購物車、AJAX 加入購物車及 Email OTP 驗證註冊功能,支援短代碼與 HTML 掛載,並可由後台自訂會員連結、購物車樣式及搜尋設定。

NT$8,000

Category

主要功能

  • WooCommerce 商品限定搜尋。
  • 會員登入彈窗與登入後會員選單。
  • 可自訂會員選單文字、歡迎文字、註冊網址及選單連結。
  • 可選擇顯示 Google 登入按鈕及指定登入網址。
  • 即時迷你購物車:
    • 顯示商品、數量、小計。
    • AJAX 移除商品。
    • 前往結帳。
    • WooCommerce fragments 即時更新。
  • AJAX 加入購物車:
    • 商品數量增減。
    • 加入成功後更新並開啟迷你購物車。
  • 自訂會員註冊:
    • Email 四位數 OTP 驗證。
    • 驗證碼有效期兩小時。
    • 同一 IP 寄送冷卻時間 120 秒。
    • 姓名、至少八字元密碼、生日、條款驗證。
    • 行銷訊息訂閱選項。
    • 建立 WooCommerce 會員後自動登入並前往會員中心。
    • 後台可查看及管理會員生日。
  • 後台「Woo 小工具」設定頁:
    • 購物車數量徽章。
    • 購物車強調色。
    • 搜尋提示文字。
    • 會員文字與連結。
    • AJAX 購物車開關。

可用短代碼

短代碼 用途
顯示 WooCommerce 商品搜尋列
聯絡客服
顯示會員登入/會員中心選單
購物車

購物車是空的

去逛逛
顯示即時迷你購物車
在目前商品頁顯示數量與 AJAX 加入購物車按鈕
顯示指定商品 ID 的加入購物車元件

建立會員帳號

加入 CloudLift,探索專屬優惠

驗證碼將寄送到此信箱
顯示 Email OTP 自訂會員註冊表單

使用方式:在 Gutenberg 的「短代碼」區塊、Elementor Shortcode 元件,或其他支援 WordPress Shortcode 的內容區域貼上即可。

custom_ajax_cart 必須先到「WordPress 後台 → Woo 小工具 → 其他設定」啟用 AJAX 加入購物車。其程式目前只傳送商品 ID 與數量,較適合一般商品;變化商品沒有提供規格屬性選擇。

HTML 掛載方式

若是在佈景主題、頁首產生器或自訂 HTML 中,也可使用:

<div id="fzcloudSearch"></div>
<div id="fzcloudMember"></div>
<div id="fzcloudCart"></div>

或:

<div data-fz-widget="search"></div>
<div data-fz-widget="member"></div>
<div data-fz-widget="cart"></div>

使用注意事項

  • Email OTP 透過 WordPress wp_mail() 寄送,網站需先正確設定 SMTP/寄信服務。
  • Google 登入功能只是導向後台設定的登入網址,本外掛本身不處理 Google OAuth。

Contact

:@168uhecy
:service@fz-cloud.com

© 2026 Felix. All Rights Reserved.