Table of Contents
The Ledgerely Billing System provides a seamless and user-friendly way for customers to subscribe to plans. The system ensures proper plan selection, real-time price updates, and smooth integration with the Razorpay Payment Gateway. With built-in validation checks, users can only select eligible plans, agree to terms, and complete transactions securely.
Route: #
Billing Page: https://legerely.com/billing
Plan Selection Rules #
- Free plans are not selectable.
- Exhausted plans (expired or unavailable) are not selectable.
- The Subscription button remains disabled until necessary actions are completed.
User Interactions on Plan Selection #
On Selecting a Plan: #
- The selected plan is highlighted for visibility.
- The page automatically scrolls down to the subscription section.
- The summary price (left panel) updates dynamically from the API, reflecting the total cost.
- The payment cycle dropdown defaults to monthly.
- The “I agree to terms and conditions” checkbox is reset to unselected.
Enabling Subscription Payment #
- Users must manually select the “I agree to terms and conditions” checkbox.
- Once checked, the Subscription Payment button becomes active for proceeding with payment.
Payment Processing & Plan Activation #
- Clicking the payment button initiates the Razorpay Payment Gateway.
- Upon successful payment, the new subscription plan is recorded and activated in the system.
- The current active plan is highlighted in the subscription table.
