Customize
เอกสารแพ็กเกจ gamification สำหรับ Kajabi ที่ย้ายจาก repo มาไว้ใน Wize School เพื่อใช้เป็น productized package และใช้กับเว็บนี้ต่อได้เลย
Customize GamifyKit
Everything below is editable in the Kajabi theme editor — no code.
Brand (Theme settings → Brand)
| Setting | Effect |
|---|---|
| Accent / brand color | buttons, progress fill, highlights |
| Ink | text + borders |
| Paper / Paper alt | page + card backgrounds |
| Body / Heading font | system, serif, or mono |
These map to CSS variables (--gk-color-*, --gk-font-*), so one change restyles the kit.
XP & levels (Theme settings → Gamification)
- **XP per completed lesson** — points awarded per lesson.
- **Level thresholds** — comma-separated cumulative XP, e.g. 0,50,150,300,600,1000
→ Level 1 at 0 XP, Level 2 at 50, etc.
Badges (Badge Shelf section)
Add a **Badge** block per badge:
- badge_id (unique), label, image (upload from skins/editorial-wize/assets/badges/).
- **Unlock rule:** Module completed (set Module ID), XP threshold (set XP), or
Course 100% complete.
Learning path (Learning Path section)
Add a **Step** block per lesson: title, lesson URL, and a **gate**:
- Always open, Previous step done, or Quiz passed (Pro — see pro-setup).
- Set **Module ID** so completing that lesson marks the step done.
Certificate (Certificate Block)
Title, signature name/image, background image (use
skins/editorial-wize/assets/certificate/certificate-bg.svg), and **award at %**.
Gamify cards
Set a **trigger** (always / progress % / badge / level) and a value; the card stays hidden
until the learner reaches it. Great for bonus drops and timed upsells.
Confetti & accessibility
Confetti fires on lesson completion and automatically **respects
prefers-reduced-motion** — no setting needed.