The Pricing Page & Plan Selection
Pro-level guide to navigating the Work Clock HQ public and internal pricing page, evaluating subscription plan tiers, understanding dynamic button states, and acquiring capacity add-ons.
🏷️ The Pricing Page & Plan Selection (/pricing)
The Pricing Page (/pricing) in Work Clock HQ serves as the central hub for organization evaluation, tier upgrades, and workforce capacity expansion. It is designed to provide full financial transparency, allowing executive decision-makers and workspace administrators to seamlessly compare plans, calculate volume discounts, and purchase feature add-ons.
🧭 Pricing Control Center Architecture
When visiting /pricing, the page is structured into three primary operational sections:
- 📅 Billing Cycle Toggle: Controls the display of recurring monthly rates versus discounted annual billing.
- 🎴 Interactive Plan Comparison Carousel: Visual cards showcasing Free, Professional, and Enterprise plan tiers, complete with feature checklists, included seats, and contextual action buttons.
- 📊 Capacity Add-ons Matrix: Granular feature expansion table for purchasing extra seats, extra office branches, extra departments, and heartbeat monitoring without upgrading base plan tiers.
📅 1. Billing Cycle Toggle (Monthly vs. Yearly)
Located at the top of the pricing interface, administrators can toggle between two billing arrangements:
- Monthly Billing: Ideal for month-to-month operational flexibility.
- Yearly Billing (Discounted): Displays annual pricing packages. Choosing yearly billing typically provides substantial cost savings equivalent to 2 months free per year.
- NGO Discount Adjustments: If your organization is verified as a registered Non-Governmental Organization (NGO), all displayed plan prices automatically reflect your custom NGO percentage discount.
🎴 2. Plan Tier Breakdown & Comparison
Work Clock HQ offers structured subscription packages tailored to varying business scales:
Plan Tiers Overview
| Plan Tier | Target Workforce | Included Seats | Core Capabilities Highlights |
|---|---|---|---|
| Free | Micro-teams & trial evaluations | 2 User Seats | Essential attendance logging, single office branch, standard time tracking. |
| Professional | Growing businesses & medium enterprises | Configurable base seats | Advanced GPS geofencing, custom work schedules, department management, comprehensive payroll reporting. |
| Enterprise | Large organizations & multi-branch operations | Configurable base seats | 24/7 rotational shift rosters, background heartbeat ping tracking, dedicated account management, priority support. |
💡 For full feature matrix breakdowns, visit the live pricing portal at workclockhq.com/pricing.
⚡ 3. Dynamic Subscription Action Buttons
Action buttons on each plan card dynamically adapt based on authentication status and active workspace subscription states:
Contextual Button States Breakdown
| Button State Label | Trigger Condition | System Action |
|---|---|---|
| Subscribe / Select Plan | Visitor is signed out OR active organization has no active paid plan. | Unauthenticated users are redirected to /sign-in. Authenticated admins can select payment options. |
| Current Plan | The plan card represents the organization's currently active subscription. | Button is disabled with a green checkmark badge indicating active coverage. |
| Upgrade Plan | The plan represents a higher tier or longer billing cycle than the current active plan. | Calculates prorated credits and seamlessly transitions to the higher tier. |
| Pay Now / Convert Trial | Active workspace is currently on a Free Trial period. | Allows administrators to pay for full plan activation before trial expiry. |
| Add Add-ons | Active plan capacity limits have been reached on the current tier. | Expands specific feature limits directly. |
📊 4. Capacity Add-ons Matrix
Located below the plan cards, the Capacity Add-ons Matrix allows organizations to scale specific infrastructure components independently:
Available Capacity Add-ons
| Add-on Feature | Operational Utility | Billing Integration |
|---|---|---|
| 👥 Extra User Seats | Adds capacity for additional employee enrollment. | Billed per seat, synchronized with active plan duration. |
| 📍 Extra Office Locations | Provisions additional physical branches, warehouses, or remote project sites. | Billed per office branch. |
| 🏢 Extra Departments | Unlocks creation of additional organizational divisions and sub-teams. | Billed per department slot. |
| 🫀 Heartbeat Tracking | Enables background mobile ping monitoring for shift verification. | Billed as a organization-wide feature add-on. |
Purchasing Add-ons from Pricing Page
- Navigate to the Capacity Add-ons table on
/pricing. - Adjust the desired add-on quantities using the
+and-counter controls. - The total amount automatically updates in real-time.
- Click Buy Add-ons to fund the purchase via your Prepaid Wallet.
🔐 Permission & Security Reference
| Pricing Action | Required Administrative Permission Code |
|---|---|
| View Pricing Page & Add-ons Table | Public Access / BILLING.VIEW |
| Subscribe / Upgrade Subscription | BILLING.UPGRADE |
| Purchase Capacity Add-ons | BILLING.ADDONS |
❓ Frequently Asked Questions
Can I purchase add-ons without upgrading my base subscription tier?
Yes! The Capacity Add-ons Matrix allows you to add extra seats, branches, or departments individually while remaining on your current plan tier.
What happens if I click a plan while signed out?
The pricing page securely redirects you to the login screen (/sign-in) while
preserving your selected plan choice, ensuring you return seamlessly after
authentication.
Administrator Management
Comprehensive guide to provisioning workspace administrators, managing RBAC security roles, delegating department oversight, and handling administrative invitations.
Technical Architecture & Developer Overview
High-level overview of the Work Clock HQ frontend architecture, state management, SWR data fetching, and API integration.