Monetization Dashboard UI Guide
Complete walkthrough of the /dashboard/monetization interface. Manage subscriptions, donations, campaigns, and revenue.
Dashboard Structure
The monetization dashboard is organized into multiple tabs:
Plans Tab
Create and manage subscription plans
Donations Tab
Manage donations and donation tiers
Campaigns Tab
Create and manage fundraising campaigns
Revenue Tab
Revenue overview and analytics
Perks Tab
Manage perk library and assignments
Plans Tab
Create and manage subscription plans:
Plans List
Table of all subscription plans with:
- • Plan name and description
- • Price and billing cycle (monthly/yearly)
- • Active subscriber count
- • MRR from this plan
- • Status toggle (active/paused)
- • Action buttons (edit, analytics, delete)
Create Plan Button
Green button to create new plan opens modal with fields:
- • Name input
- • Price input (numeric, currency selector)
- • Billing cycle (radio: monthly/yearly)
- • Trial period toggle and days
- • Perk selector (SearchableSelect, multi-select)
Donations Tab
Manage donations and donor tiers:
Recent Donations
Latest donations list showing:
- • Donor name and profile
- • Donation amount and date
- • Donation tier
- • Status (pending, completed, refunded)
- • Quick actions
Donation Tiers Management
Configure donation tiers:
- • List of all donation tiers
- • Edit tier amounts and perks
- • Create new tier button
- • Delete tier button (if no donors)
Campaigns Tab
Create and manage fundraising campaigns:
Active Campaigns
Cards/list showing active campaigns with:
- • Campaign banner image
- • Title and description
- • Progress bar ($X / $Goal)
- • Days remaining
- • Donor count
- • Actions (pause, end, edit)
Create Campaign Button
Green button opens campaign creation form:
- • Title input
- • Description textarea
- • Goal amount input (numeric)
- • Deadline date picker
- • Image upload area
- • Create button
Revenue Tab
View comprehensive revenue analytics:
Key Metrics Cards
- • Total Revenue (lifetime)
- • Monthly Recurring Revenue (MRR)
- • Total Subscribers
- • Active Plans
- • Growth Rate (%)
Charts
- • Revenue over time (line chart)
- • Subscriber growth (line chart)
- • Revenue by plan (pie/bar chart)
- • MRR trend
- • Churn analysis
Perks Tab
Manage perk library and assignments:
Perks Library
List of all available perks with:
- • Perk name and description
- • Perk type (role, channel, badge, etc.)
- • Used in plans count
- • Edit and delete buttons
Create Perk Button
Green button to add new perk with form:
- • Perk name input
- • Description textarea
- • Perk type dropdown
- • Type-specific config (role, channel, etc.)
UI Components
Standard components throughout monetization dashboard:
SearchableSelect Dropdowns
For plan/perk selection with search and multi-select
Green Buttons
Create, Save, and primary action buttons
Progress Bars
Campaign goal progress visualization
Status Badges
Active, paused, expired, refunded status indicators
Dashboard Tips
- • Check Revenue tab weekly to monitor MRR and growth
- • Review recent donations and respond with thanks
- • Monitor campaign progress toward goals
- • Analyze churn rate to improve plan value
- • Test campaigns with specific fundraising goals
- • Keep perks library organized and up-to-date
- • Adjust pricing based on subscriber metrics
- • Use trial periods to boost conversion rates