Payvoice Subscription Flow

Payvoice Subscription Flow

So you have created the subscription plans through the dashboard, and now you wonder how to install it in your app? It only takes a few minutes to install Payvoice on your web app. Once installed, your users will be able to subscribe to your plans, update their subscription plans, cancel their plans and update their credit card. We have two flows for installing your subscription plans into your app. You can easily embed the subscription plans into your web-app using iframe embedding or javascript.


First Flow: Embed subscription plans as a widget on selected pages of your web app

  1. User sign up to your app.
  2. You initialize the Payvoice widget with users’ account uuid (user unique identifier), which is unique for every user account.
  3. Anytime user sign in to your account, Payvoice Widget checks to find existing customer with the same external_id
  4. If a customer with this external id exists and the customer has an active subscription, it will not block the users to pay.
  5. If no customer is found or customer found by this subscription is unpaid or past-due, it will block the user with a pop-up and forces them to select a plan and pay or update a credit card.
  6. You have the ability to customize the widget setting and decide whether you want to block the users after a certain amount of time if the payment is past-due or if its unpaid.

Second Flow: Embed subscription plans as iframes on your marketing page

  1. Copy the generated iframe and embed it in your marketing pages.
  2. A user can choose to pay one of the plans in the page where they select the plan.
  3. Once user select to pay, they will be redirected to the page of your choosing, which is normally the sign up page of your web app.
  4. We create a uuid for this customer and pass it as a url parameter to the redirect page (e.g. sign up page).
  5. When the user sign up, you can create this user with this uuid, so once the user is inside your app, the Payvoice widget can associate this customer with a customer on Payvoice account.
  6. If you do not create this user with the uuid that Payvoice provided (generated uuid passed as a url parameter), you need to manually match the Payvoice customer_id with the unique customer_id in your system.

To learn more visit: Payvoice.

* Set the customer_id, which is a secure uuid that identifies the current users account in your system