ProAbono demo site

How this demo site works

This site is a fictional team management SaaS. It hands everything subscription-related to ProAbono, as your own product would. When you sign up, you play the part of one of your customers.

1 · The principle

What is fictional, what is real

The line is the same as in your product: your SaaS keeps its business logic, ProAbono handles the subscription.

Fictional · the SaaS

A team management tool

  • Projects, team members, calls and document signatures are simulated for the demo.
  • No real product behind the interface: it is the setting in which the subscription takes place.
Real · ProAbono

Everything subscription-related

  • Your customer record and your free trial, created through the API at sign-up.
  • The plans, quotas and usage of each service.
  • The price shown before every change.
  • The customer portal: plan change, payment, invoices.
2 · The journey

7 steps, each a ProAbono building block

Once you sign up, the dashboard guided tour takes you through these steps one by one.

  1. Start a free trial

    When a customer signs up, a customer is created in ProAbono and a new free trial subscription is started. It grants them the entitlements this subscription provides in ProAbono.

    Sign-upAPI · customer and trial
  2. Try to use a paid feature

    From “Projects” in the sidebar, if you try to add a project, you will be blocked, because your free trial does not give you the right to. The site reads the entitlements from ProAbono and blocks the addition.

    ProjectsAPI · plan entitlements
  3. Upgrade to a higher plan

    From “Billing” or “Upgrade” in the sidebar, the ProAbono portal lets you subscribe to a higher plan on your own.

    BillingEmbedded customer portal
  4. View the invoices

    From “Billing” in the sidebar, download your invoices.

    BillingEmbedded customer portal
  5. Raise a metric beyond its quota (in-app purchase)

    From “Team Members” in the sidebar, add team members to raise the variable amount of your subscription. ProAbono calculates this amount, which the site shows before you confirm.

    Team MembersPrice preview
  6. Turn on a paid option (in-app purchase)

    From “Other Services” in the sidebar, turn on the 24/7 Support option: ProAbono calculates its price, which the site shows before you confirm. The option then shows in “Billing”.

    Other ServicesOn-demand option
  7. Measure usage

    From “Other Services” in the sidebar, view your usage: signing a document raises it by 1, and every display of the page simulates 1 to 10 phone calls. You find the same values in “Billing”.

    Other ServicesMetered usage
3 · The two views

The same screen, seen by your customer or by your tech team

A switch at the top of the pages toggles between what your customer sees and what the site does to show it. Try it on the Pricing page, no sign-up needed.

Customer view

The SaaS as your customers would see it: current plan, quotas, price before confirming, portal.

Developer view

The API calls, the embedded ProAbono components and the steps of each operation.

4 · The integration

How this site is connected to ProAbono

The site keeps its interface and its business logic. Everything related to subscriptions goes through ProAbono.

Your customerBrowserUses the SaaS, changes plans, pays.
This siteYour SaaSInterface, accounts, projects, team members.
REST API
ProAbonoSubscriptions & billingPlans, entitlements, quotas, prices, invoices, dunning.
PaymentYour PSPCollects card payments and direct debits.
portal.jsPricing grid and customer portal shown in the site’s pagesHMAC-SHA256The server signs the customer reference: the portal recognizes the customer without a second sign-inReturn URLProAbono sends the customer back to the site when they leave the portal
The fictional SaaS services and their ProAbono feature type
ServiceProAbono typeWhat you will see
ProjectsLimitationA number included per plan; beyond it, billed per unit or blocked depending on the plan.
Team MembersLimitationSeats included per plan; beyond them, billed per unit or blocked depending on the plan.
Document SignaturesConsumptionCounted against your plan and reset every period.
CallsConsumptionCounted against your plan and reset every period.
24/7 SupportOnOffIncluded or optional depending on the plan.
5 · Frequently asked questions

Before you sign up

Do I need to enter a real credit card?

No. The site is connected to a ProAbono sandbox account: payments are fictional and the forms are prefilled with a test card.

What can I do during the free trial?

The trial plan includes one project and one team member, with no way to add more, no usage and no support. Move to a paid plan, fictional too, to test the rest of the journey.

What happens to my data?

It is used only to simulate the journey and is fully deleted on a regular basis. You can ask for its immediate deletion: see the privacy policy.

Does this SaaS really exist?

No. Its services are simulated; only the subscription, quotas and billing are real, handled by ProAbono.

Do I need a ProAbono account to test it?

No. Signing up creates an account on this site; the site then registers you as a customer in ProAbono.

Can I do the same in my product?

Yes: one script for the plan grid and the portal, a few API calls for entitlements. The developer documentation covers each step.

Ready to test?

Play the part of your customer

Signing up starts your free trial and opens the guided tour.

Start the Demo →
Evaluating ProAbono?

Set up the same thing in your SaaS.

One script for the portal, a few API calls for entitlements. No credit card, no commitment.