內容簡介
**總結文案: Zuta Lucky Wheel是一個行銷工具，旨在將訪客轉變為訂閱者和客戶。其在您的WordPress網站上添加了一個“轉到贏取”幸運輪彈出視窗，讓用戶輸入信息以獲得贏得優惠券、折扣碼或免費禮品的機會。該外掛利用Matter.js和p5.js庫創建平滑、逼真的物理動畫效果。**
1. **Zuta Lucky Wheel是設計來將訪客轉為訂閱者和客戶的行銷工具。
2. **它向您的WordPress網站添加了一個“轉到贏取”輪形彈出視窗，讓用戶輸入信息以獲得贏得優惠券、折扣碼或免費禮品的機會。
3. **使用Matter.js和p5.js庫來創建平滑、逼真的物理動畫效果。
4. **重要提示給管理員：幸運輪彈出視窗僅針對訪客設計，不會顯示給已登錄的管理員。
5. **主要功能：
- **逼真物理：基於真實物理（Matter.js引擎）的平滑旋轉動畫。
- **全面自定義設計：調整每個部分的顏色（背景、文字）、自定義轉輪按鈕和彈出視窗背景、編輯“禮盒”觸發圖標和中獎消息。
- **靈活的獲獎邏輯：加權概率（控制每個獎項的中獎概率，例如獎項A：10％，獎項B：0.1％）、隨機模式。
- **安全與防作弊：Google reCAPTCHA v3整合、智能限制、重置間隔。
- **數據收集：在旋轉之前收集客戶姓名、電子郵件和電話號碼。
- **配合手機：適應iPhone、Android和平板電腦的響應式設計。
- **優化性能：僅在需要時有條件地加載資產。
6. **短代碼：
- **使用以下短代碼手動嵌入轉輪觸發器或在文章/頁面內容中：
- [zutalw_lucky_spin]
- **您也可以通過鏈接錨文本觸發轉輪：點擊旋轉。
7. **外部服務：這個外掛依賴以下第三方服務正常運作：
- **Google reCAPTCHA v3：用於保護轉輪表單免受垃圾郵件和機器人濫用。
8. **第三方資源：這個外掛在assets/js目錄中捆綁以下第三方庫以確保功能。所有代碼都是開源的。
- **p5.js、Matter.js、FingerprintJS、Poly Decomp（decomp.js）和PathSeg（pathseg.js）。
```html
<ul>
<li>Zuta Lucky Wheel是一個行銷工具，目的是將訪客轉化為訂閱者和客戶。</li>
<li>它在WordPress網站上添加了“轉到贏取”輪形彈出視窗，讓用戶有機會輸入信息贏取券、折扣碼或免費禮品。</li>
<li>該外掛使用Matter.js和p5.js庫來創建平滑、逼真的物理動畫效果。</li>
<li>重要提示：幸運輪彈出視窗僅針對訪客，不會顯示給已登錄的管理員。</li>
<li>主要功能：
<ul>
<li>逼真物理效果、全面自定義設計、靈活的獲獎邏輯、安全防作弊措施、數據收集、手機適應和優化性能。</li>
</ul>
</li>
<li>短代碼可手動嵌入，也可通過鏈接觸發轉輪。</li>
<li>外部服務包括Google reCAPTCHA v3。</li>
<li>第三方資源包括p5.js、Matter.js、FingerprintJS、Poly Decomp和PathSeg。</li>
</ul>
```
外掛標籤
開發者團隊
原文外掛簡介
Zuta Lucky Wheel is a marketing tool designed to turn visitors into subscribers and customers. It adds a “Spin to Win” wheel popup to your WordPress site, allowing users to enter their information for a chance to win prizes such as coupons, discounts, or free gifts.
Zuta Lucky Wheel utilizes Matter.js and p5.js libraries to create smooth, realistic physics animations for the spinning effect.
⚠️ Important Note for Administrators
The Lucky Wheel popup is designed for visitors only. It will NOT display for logged-in Administrators. To test the wheel, please use an Incognito/Private window or log out of your account.
🚀 Key Features
Realistic Physics: Smooth spinning animation based on real physics (Matter.js engine).
Fully Customizable Design:
Change colors for every slice (background, text).
Customize the spin button and popup background.
Edit the “Gift Box” trigger icon and winning messages.
Flexible Winning Logic:
Weighted Probability: Control exactly how often each prize is won (e.g., Prize A: 10%, Prize B: 0.1%).
Random Mode: Let fate decide with random outcomes.
Security & Anti-Cheat:
Google reCAPTCHA v3 Integration: Protect your wheel from bots and spam.
Smart Limits: Limit spins per device/IP address (using FingerprintJS).
Reset Interval: Allow users to spin again after X days.
Data Collection: Capture customer names, emails, and phone numbers before they spin.
Mobile Friendly: Responsive design that adapts to iPhone, Android, and Tablets.
Optimized Performance: Assets are loaded conditionally only when needed.
⌨️ Shortcodes
Use the following shortcode to embed the wheel trigger manually or inside a post/page content:
[zutalw_lucky_spin]
You can also trigger the wheel via a link anchor:
Click to Spin
External Services
This plugin relies on the following third-party services to function properly:
Google reCAPTCHA v3
Used for: Protecting the spin form from spam and bot abuse.
Data Sent: Hardware and software information, such as device and application data, is sent to Google for analysis.
Privacy Policy: https://policies.google.com/privacy
Terms of Service: https://policies.google.com/terms
Third-Party Resources
This plugin bundles the following third-party libraries in the assets/js directory to ensure functionality. All code is open source.
p5.js (Core, DOM, and Sound)
Source: https://github.com/processing/p5.js
License: LGPL-2.1
Files included:
assets/js/p5.min.js
assets/js/p5.dom.min.js
assets/js/p5.sound.min.js
Matter.js
Source: https://github.com/liabru/matter-js
License: MIT
File included: assets/js/matter.js
FingerprintJS
Source: https://github.com/fingerprintjs/fingerprintjs
License: MIT
File included: assets/js/fingerprint.min.js (Browser IIFE build)
Poly Decomp (decomp.js)
Source: https://github.com/schteppe/poly-decomp.js
License: MIT
File included: assets/js/decomp.js
Note: Used as a dependency for Matter.js to handle concave polygons.
PathSeg (pathseg.js)
Source: https://github.com/progers/pathseg
License: MIT
File included: assets/js/pathseg.js
Note: Polyfill for SVGPathSeg API.
