The Visual User Roadmap (Progress Map) is a gamified feature that displays a user’s journey, progress, and achievements in a visual timeline. It appears on the WooCommerce My Account page, allowing users to track their growth, levels, and milestones in one place.
Overview
The Progress Map provides:
- A visual timeline of user progression
- Display of levels and achievements
- A clear view of the current position and future goals
- A more engaging and gamified user experience
This helps users stay motivated by showing how far they’ve come and what they can unlock next.
Where to Find the Progress Map
Users can access the Progress Map directly from their account dashboard.
Steps to Access
- Go to the My Account page in WooCommerce
- Click on My Game Stats from the sidebar menu
- Select Progress Map
Understanding the Progress Map
The Progress Map is displayed as a vertical roadmap or timeline.
Key Elements
- User Info Section
- Displays username and current points balance
- Levels
- Each step in the roadmap represents a level
- Shows level name (e.g., Shopper, Regular Buyer)
- Progress Indicator
- Highlights the user’s current level
- Shows completed and upcoming milestones
- Visual Path
- A connected path that represents progression from one level to another
How It Works
- Users earn points through activities (purchases, achievements, etc.)
- As points increase, they progress through levels
- Each level unlocks new status, rewards, or recognition
- The Progress Map updates automatically based on user activity
Benefits of Progress Map
- Encourages continuous engagement
- Provides clear progression goals
- Enhances gamification within WooCommerce
- Improves user retention and motivation
Important Considerations
- Points System Required: Ensure the points system is properly configured
- Levels Setup: Define levels and progression rules in GameEngine
- User Visibility: The Progress Map is visible only to logged-in users
- Real-Time Updates: Progress updates automatically as users earn points
The Visual User Roadmap (Progress Map) transforms user activity into a clear and motivating journey. By integrating it into the WooCommerce My Account page, you give users a reason to stay engaged, level up, and interact more with your platform.