Install Guide

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_complete badges 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](pro-setup.md).