內容簡介
**總結文案: 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 powerful marketing tool designed to turn visitors into subscribers and customers. It allows you to create interactive “Spin to Win” wheel popups for your WordPress site, where users can 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
Multi-Campaign Support (NEW): Create and manage multiple lucky wheel campaigns simultaneously. Set different designs, prizes, and display rules for different pages or target audiences.
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 a specific campaign wheel manually or inside a post/page content:
[zutalw_lucky_spin id="CAMPAIGN_ID"]
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.
