Skip to main content

Example Preference Centre Pages

Zuora

Example Preference Centre Pages

When configured, the Personal Information page displays as illustrated below:

Pref_Personal.jpg

The Subscription Information page displays as illustrated below:

subs_info_page_Mar01.png

The end user in this example purchased a recurring subscription and a one-off product.

If the end user selects the Billing History link from the Payment Information section of “Magazine 1”, the Billing History displays as illustrated below:

billing_history_mar01-1.png

  • If you use Stripe or Braintree as the payment provider, the end user can update the payment method for the recurring subscription plans by clicking the Change payment method option under a subscription plan.
  • If you use Zuora Billing as the payment provider, the end user can update their default payment method, which will be used for all recurring charges.

The end users can manage subscription plans by clicking the Change your subscriptions option from the Manage Subscription section at the bottom of the Subscription Information page.

manage_sub_mar01.png

On the Manage Subscriptions page, the end user can change the plans for the subscriptions that are purchased. The recommended subscription plan will be displayed with the Best Value label.

Note:

  • You need to first define how the end user can change subscriptions on the Subscription Plan Option setting page of a site. For more information, see Subscription Plan Options.
  • The Type of plan selection setting defines whether the end user can select only one plan or multiple ones for a subscription options group.
  • If the end user doesn’t subscribe to any plan of a single-choice group, that group won’t be displayed on the Manage Subscription tab. However, multiple-choice groups will always be displayed and available for being updated.

manage_sub_details_mar01-1-768x890.png

To change plans, the end user needs to take the following steps:

  1. Select the plans to change for one or more subscriptions.
  2. Click Review Changes. The Payment page displays.
    • update_sub_review_mar01-768x731.png
  3. On the Payment page, the end user can review the changes to be made and click Edit to modify the changes. Optionally, end user can choose whether to add a new card to pay for the new plans.
  4. Click Confirm and Process Payment to apply the changes.

On the Manage Subscriptions page, the end user can also cancel subscriptions by clicking Cancel Subscriptions.

cancel_sub_mar01.png

The Cancel your subscriptions window allows users to select which subscriptions they want to cancel.

In addition, to receive real time messages on subscription changes made by the end users, you can set up Subscription Change system webhooks. For an example data payload the webhook, see System Webhooks.