Self-Service Auto-Recharge Snap-in Widgets
Following the launch of our backend Auto-Recharge feature, we are bringing this powerful capability directly to your application’s frontend, allowing customers to manage their auto-recharge configuration in a self-served manner.
🆕 What’s New
We’ve released two new snap-in widgets that can be embedded into your customer portal in minutes:
- Auto-recharge Status Widget: A summary card that gives customers instant visibility into their current settings. It shows whether the feature is active, their specific recharge rules (e.g., "Top up to 100 when below 10"), and a progress bar tracking their monthly spend against their limit.
- Auto-recharge Configuration Widget: A form that customers can use to toggle auto-recharge on/off, adjust their low-balance thresholds, set their target top-up amounts, and update their monthly spending caps.
⭐️ Why It Matters
- Self-service is no longer a luxury: it's an expectation for modern SaaS users.
- Build Trust Through Transparency: By showing customers exactly how much they’ve spent on recharges this month and when the next trigger will happen, you reduce billing surprises and "chargeback" friction.
- Fully Brandable: Use our No-Code Widget Designer to match the typography, colors, and styling of these widgets to your brand perfectly, or use Custom CSS for advanced pixel-perfect control.
- Frictionless Integration: With our React, Vue, and Next.js SDKs, adding a complete credit management system to your app is as simple as dropping in a single component.
⚒️ Get Started
Embed the new widgets into your application with only a few lines of code. Explore the Status Widget Docs and Configuration Widget Docs to learn more.
📦 Availability
This new widgets are available in the latest versions of our SDKs:
- React: v7.15.1
- Vue: v5.10.0
- Embed: v6.10.0