Overview
MediaStore is Cleeng’s front-end framework for building direct-to-consumer (D2C) subscription experiences. It provides flexible tools for integrating key subscription workflows—such as identity, checkout, and account management—into your platform.
MediaStore offers three integration methods to match different technical requirements and implementation strategies. Each method connects directly to Cleeng in the context of the end user and does not require backend middleware.
| MediaStore Hosted Customer Flows | MediaStore SDK (Components) | MediaStore API | |
| Integration Effort | 1 day | 1-2 weeks | 4-8 weeks |
| UX Customisation | Branding, Themes (dashboard configuration) | CSS, Props, Themes (full UI control) | Complete freedom |
| Maintenance | Minimal – Cleeng Managed | Update Components | Self-Managed |
| Update | Automatic | As Needed | Manual |
| Technical Expertise | Basic HTML | React.js Knowledge | Full Stack Team |
| Framework Support | Any | React.js based | Any |
| Ideal Use Case | Quick Launch | React Apps | Custom Requirements |
This article outlines the key features of each approach and helps you choose the right method.
MediaStore Hosted Customer Flows
MediaStore Hosted Customer Flows are Cleeng’s low-code solution for integrating a conversion-optimized checkout and account management system. This is the fastest integration option, typically requiring only one day to implement, making it ideal for quick launches and time-sensitive deployments.
It's based on widgets, pre-built UI components hosted by Cleeng. You configure and manage their behavior and appearance via the Cleeng Dashboard, no code deployment required after the initial setup.
Key Benefits
- Rapid Deployment: Add checkout functionality in minutes with minimal development effort.
- Reduced Maintenance: Cleeng manages updates, patches, and security, reducing your operational overhead.
- Technology Agnostic: Works with any front-end stack.
- Auto-Updating: New features and improvements are delivered automatically, ensuring your integration stays secure and current.
MediaStore SDK Components
MediaStore Components are pre-built React.js components designed to deliver a smooth, Cleeng-integrated user experience across identity management, checkout, and account management flows.
This method is suitable for teams using React.js who want a balance between time-to-market and control over UX.
Key Benefits
- Moderate Customization: Offers design and layout flexibility using CSS, props, and themes.
- Out-of-the-Box UI: Simplifies the integration process by providing ready-to-use components.
- Mobile-Friendly: Fully responsive across desktop, tablet, and mobile devices.
MediaStore API Integration
MediaStore APIs provide direct access to Cleeng’s functionality from your frontend application, giving you full control over the user experience.
This option requires advanced technical expertise and longer development time, but is ideal for businesses seeking full ownership of their user experience. Integration effort is typically higher, and ongoing maintenance is managed by your development team.
Key Benefits
- Full Flexibility: Design and implement your own UI components with complete control over layout and behavior.
- Advanced Functionality: Customize every step of the user journey, from registration to account management.
- Framework Agnostic: Integrate with any frontend technology.
MediaStore Supported Features
Identity Management
| Supported Features | MediaStore Hosted Customer Flows | MediaStore SDK | MediaStore API |
| Registration | ✓ | ✓ | ✓ |
| Login | ✓ | ✓ | ✓ |
| External SSO | ✓ | ✓ | ✓ |
| Social login (Google and Facebook) | ❌ | ❌ | ✓ |
| Forgot Password | ✓ | ✓ | ✓ |
| Cleeng Capture | ❌ |
✓ For more information, see: Identity Management |
✓ For more information, see: Identity Management |
Supported Offers
| Supported Features | MediaStore Hosted Customer Flows | MediaStore SDK | MediaStore API |
| Subscription | ✓ | ✓ | ✓ |
| Subscription with trial | ✓ | ✓ | ✓ |
| Seasonal Subscription | ✓ | ✓ | ✓ |
| Pass | ✓ | ✓ | ✓ |
| Live Event | ✓ | ✓ | ✓ |
| One-Time Purchase | ✓ | ✓ | ✓ |
| Offer localization (previous multicurrency offer) | ✓ | ✓ | ✓ |
Checkout
| Supported Features | MediaStore Hosted Customer Flows | MediaStore SDK | MediaStore API |
| Free Offer | ✓ | ✓ | ✓ |
| 100% Coupon Code | ✓ | ✓ | ✓ |
| Gifting | ✓ | ✓ | ✓ |
| Adyen Payments | ✓ (incl. cards with 3D Secure support, Google Pay, Apple Pay, iDEAL, and GCash) | ✓ (incl. cards with 3D Secure support, Apple Pay, Google Pay, and iDEAL) | ✓ (incl. cards with 3D Secure support, Apple Pay, Google Pay, and iDEAL) |
| PayPal Express Checkout Payments | ✓ |
✓ For more information about payments see: Checkout Implementation |
✓ For more information about payments see: Checkout Implementation |
My Account
| Supported Features | MediaStore Hosted Customer Flows | MediaStore SDK | MediaStore API |
| Current Plan Setup: | |||
| List customer subscriptions | ✓ | ✓ | ✓ |
| Update customer subscription | ✓ | ✓ | ✓ |
| Cancel subscription | ✓ | ✓ | ✓ |
| Custom cancellation survey | ❌ | ✓ | ✓ |
| Hide cancellation survey | ✓ | ❌ | ✓ |
| Apply coupon to customer's subscription | ✓ | ✓ | ✓ |
| Subscription upgrade and downgrade | ✓ | ✓ | ✓ |
| Pause | ✓ | ❌ | ✓ |
| Payment information: | |||
| Customer payment details | ✓ | ✓ | ✓ |
| Update payment details | ✓ | ✓ | ✓ |
| List customer transactions | ✓ | ✓ | ✓ |
| Hide transactions list | ✓ | ❌ | ✓ |
| User profile management: | |||
| Fetch and update customer data | ✓ | ✓ | ✓ |
| Fetch and update customer consents | ✓ | ✓ | ✓ |
| Fetch and update customer Capture data | ✓ |
✓ For more information see: My Account |
✓ For more information see: My Account |
User Support
Note that user support is a Hi5 product, it works only with Hi5 Licence.
The supported features within user support are:
Customization options
| Supported Features | MediaStore Hosted Customer Flows | MediaStore SDK | MediaStore API |
| Basic branding options | ✓ | ✓ | ✓ |
| Custom link to terms and conditions in checkout | ✓ | ✓ | ✓ |
| Full look & feel customization (custom CSS support) | ❌ | ✓ | ✓ |
Supported Currencies
You can accept payments in a variety of currencies from your users. Here is a complete list of supported customer currencies:
- AUD - Australian Dollar
- BRL - Brazilian Real
- CAD - Canadian Dollar
- CHF - Swiss Franc
- DKK - Danish Krone
- EUR - Euro
- GBP - Pound Sterling
- GHS - Ghanaian Cedi
- IDR - Indonesian Rupiah
- INR - Indian Rupee
- JPY - Japanese Yen
- KES - Kenyan Shilling
- KRW - South Korean Won
- MNT - Mongolian Tugrik
- MXN - Mexican Peso
- MYR - Malaysian Ringgit
- NGN - Nigerian Naira
- NOK - Norwegian Krone
- NZD - New Zealand Dollar
- PHP - Philippine Peso
- PLN - Polish Zloty
- SEK - Swedish Krona
- SGD - Singapore Dollar
- THB - Thai Baht
- TRY - Turkish Lira
- TWD - New Taiwan Dollar
- USD - US Dollar
- VND - Vietnamese Dong
- XAF - Central African Franc
- XOF - CFA Franc
- ZAR - South African Rand
Read more about currencies in Cleeng.
Supported Languages
| Supported Features | MediaStore Hosted Customer Flows | MediaStore SDK | MediaStore API |
| Supported Languages |
You control which language the widget displays by setting a locale value during configuration of each widget. If you don’t specify a language, the widget uses English by default. |
|
Determined by the publisher (API allows full control over localization) |
| RTL (right-to-left) text direction | ✓ | ✓ | ✓ |
Supported Locale
Below you can find the list of customer locales supported by the Cleeng API. You can get details about customer's current locale by using Fetch customer locales API.
You can save this value during customer registration (Register API) and use it depending on your needs.
Supported locale:
- ar_AE
- ca_ES
- de_DE
- el_GR
- en_GB
- en_US
- es_ES
- fi_FI
- fr_FR
- id_ID
- it_IT
- ja_JP
- ko_KR
- mn_MN
- ms_MY
- nb_NO
- nl_NL
- pl_PL
- pt_BR
- pt_PT
- ru_RU
- tr_TR
- zh_CN