Install GamifyKit (โ 30 minutes)
> Works on Kajabi Liquid product themes. You'll upload a theme .zip, then add
> gamification sections to your course pages. No code required.
1. Upload the theme (5 min)
1. Kajabi admin โ Website (or your product) โ Design.
2. Scroll to Saved Templates โ Upload Template.
3. Drag in the zip you received (e.g. gamifykit-editorial-wize-GamifyKit-1.0.0.zip).
4. Once it appears under Saved Templates, activate it on the product/course you want.
2. Set your brand (5 min)
Open the theme editor โ Theme settings:
- Brand โ accent color, ink, paper, fonts.
- Layout โ sidebar or no-sidebar.
- Copy โ progress/level labels.
Everything is CSS-variable driven, so brand changes apply everywhere instantly.
3. Add gamification sections (15 min)
On your course home / category / lesson templates, Add Section and pick from the
Gamify category:
- Gamify Dashboard โ progress (pulled from Kajabi's real completion data) + XP + level.
- Badge Shelf โ add a *Badge* block per badge; set ID, label, image, and unlock rule.
- Learning Path โ add a *Step* block per lesson; set the lesson URL and gate.
- Gamify Card โ bonus/upsell shown on a trigger (progress %, badge, level).
- Certificate Block โ set title/signature and the award threshold.
- Announcement Bar, Progress CTA, Leaderboard (Pro).
Badge IDs & module IDs
- Each badge needs a unique
badge_id. - For
on_module_completebadges and learning-path "done" state, the module ID you
type must match the data-gk-complete value on your lesson's complete button
(the lesson template wires this to post.id by default).
4. Done โ test it
Open the course as a student, mark a lesson complete, and watch XP rise, a badge unlock,
and confetti fire. Progress % matches Kajabi's native tracking.
โก๏ธ Want cross-device sync, a real leaderboard, quiz-gating, and analytics?
See pro-setup.md.
