My Account (Web)

👍

Check our Reference Materials for more details about MediaStore SDK.

👍

See MediaStore SDK Components Library Overview for more information on the components-based integration.

Once you have completed the Quick Start - MediaStore SDK steps, you can start to implement the “My Account” feature.

By now, you should have the identity-related components implemented (Register and Login as a minimum) and you can go ahead and select and import components you need for the "My Account" feature.

With the MediaStore SDK Components approach, you just pick components you need and import them in the places in your application where you want them to be.

Components Selection

Components are like building blocks that let you decide on your final product. You pick and choose the blocks you need from a box called MediaStore SDK Components Library.

To implement the “My Account” feature you have the following options:

  • use MyAccount - a big component that contains the whole My Account feature. It is a recommended option and the easiest way for broadcasters who don't want to dive into details. You can just use it "as is" in the context of your app

  • select the components you want (see the table below) to build My Account suited to your needs.

1409

My Account Components

Here is an overview of “My Account” components:

MediaStore SDK ComponentFunction
MyAccountOne big component that comprises the whole feature:
- PlanDetails
- PaymentInfo
- UpdateProfile
PlanDetailsA component that comprises the following:
- Subscriptions
- SubscriptionSwitches
If you want both Subscriptions and SubscriptionSwitches - just choose PlanDetails to save time and effort.
SubscriptionsIt lists all subscriptions that are linked with a given logged-in customer
SubscriptionSwitchesIt shows a list of available switches (upgrade options) for a given subscription
PaymentInfoIt contains all information about customer payments:
- customer's payment methods
- TransactionList component (transactions that took place in the past)
TransactionListIt contains only information about all transactions that took place in the past
UpdateProfileIt displays all information about a current customer. It also gives the possibility to change that profile information.

Components Import

Import the selected components in the places in your application where you want them to be.

MyAccount

It is a big component that contains the whole "My Account" feature. When you choose it, you get the following components:

  • PlanDetails - it allows your customers to manage their subscriptions
  • PaymentsInfo - it provides information about customer's payment methods and also shows transactions that took place in the past)
  • UpdateProfile - it displays all information about a current customer and also gives the possibility to change that profile information.

For implementation information, please refer to MediaStore SDK Package documentation - MyAccount component.

You can see the default look and feel in the screens below:

2880

"My Account: Plan Details" - MediaStore SDK

2880

"My Account: Your Payments" - MediaStore SDK

2880

"My Account: Update Profile" - MediaStore SDK

You can style it according to your needs. For details of styling options see Styling.

PlanDetails

This component comprises the following two:

If you want to give your customers access to both their current subscription plan and also present them with options to upgrade, the PlanDetails component is a perfect choice to save time and effort.

For implementation information, please refer to MediaStore SDK Package documentation - PlanDetails component.

You can see the default look and feel of the form in the screen below:

1602

"Plan Details" - MediaStore SDK

You can style it according to your needs. For details of styling options see Styling.

Subscriptions

This component lists all subscriptions that are linked with a given logged-in customer.

For implementation information, please refer to MediaStore SDK Package documentation - Subscriptions component.

You can see the default look and feel of the Subscriptions component in the screen below:

1602

"Subscriptions" - MediaStore SDK

You can style it according to your needs. For details of styling options see Styling.

SubscriptionSwitches

It shows a list of available switches (upgrade options) for a given subscription. It is a must-have component if you want to offer customers more choice.

For implementation information, please refer to MediaStore SDK Package documentation - SubscriptionSwitches component.

You can see the default look and feel of the SubscriptionSwitches component presenting upgrade options in the screen below:

1614

"Subscription Switches" - MediaStore SDK

You can style it according to your needs. For details of styling options see Styling.

PaymentInfo

Select this component if you want to show your customers all information about their payments:

  • payment methods
  • transactions that took place in the past (TransactionList component)

For implementation information, please refer to MediaStore SDK Package documentation - PaymentInfo component.

You can see the default look and feel of the PaymentInfo component in the screen below:

1606

"Payment Info" - MediaStore SDK

You can style it according to your needs. For details of styling options see Styling.

TransactionList

It contains only information about all transactions that took place in the past.

For implementation information, please refer to MediaStore SDK Package documentation - TransactionList component.

You can see the default look and feel of the list of transactions in the screen below:

1606

"Transactions List" - MediaStore SDK

You can style it according to your needs. For details of styling options see Styling.

UpdateProfile

It displays all information about a current customer. It also empowers a customer to change that profile information. Customers would be able to change

For implementation information, please refer to MediaStore SDK Package documentation - UpdateProfile component.

You can see the default look and feel of the UpdateProfile component in the screen below:

1602

"Update Profile" - MediaStore SDK

You can style it according to your needs. For details of styling options see Styling.