KLP Wizard SDK - CDN üzerinden embed edilebilir frontend script
A lightweight and modern frontend SDK that can be embedded via CDN. Provides an interactive wizard modal with features such as campaigns, rewards, FAQ, and recent activities.
- Features
- Installation
- Quick Start
- 🎯 CDN Integration: Easy integration with a single script tag
- 🎨 Modern UI: Sleek and modern interface with Inter font
- 📱 Responsive: Perfect appearance on all devices
- 🔄 SPA Support: Automatic remount in Single Page Applications
- 🎭 Multiple Pages: Welcome, Demo, Campaigns, Rewards, FAQ, and Last Activities pages
- 🔐 Authentication: Flexible auth configuration
- 🎨 Customizable: Font and appearance settings
- 📊 Event Tracking: Automatic event push support
``bashLatest (stable) version
npm install @kaizentech/wizard-sdk
$3
html
src="https://unpkg.com/@kaizentech/wizard-sdk/dist/klp-wizard.min.js"
api-key="YOUR_API_KEY"
>
`🚀 Quick Start
1. Add Script Tag
html
My Website
src="https://unpkg.com/@kaizentech/wizard-sdk/dist/klp-wizard.min.js"
api-key="YOUR_API_KEY"
>
`2. Get Your API Key
You can get your API key from the Revx management panel.
3. Ready!
After the script loads, a floating action button will automatically appear in the bottom right corner of your page.
🔧 Technologies
- ESBuild: Fast JavaScript bundler
- Axios: For HTTP requests
- JavaScript Obfuscator: Code obfuscation in production builds
📝 Notes
$3
The SDK works automatically in SPAs. It monitors History API changes (
, replaceState, popstate`) and automatically remounts the modal and floating button.The SDK uses Inter font by default. Different fonts can be selected through configuration:
- Inter (default)
- Roboto
- Open Sans
- Lato
- Montserrat
- Poppins
- Oswald
- Merriweather
- Raleway
- Playfair Display
The SDK automatically performs event tracking. Events are pushed to the backend and can be viewed in the console when debug mode is enabled.
---
⭐ If you liked this project, don't forget to give it a star!