Kajabi GamificationPackage Docs

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.