When a viewer wants to subscribe to your OTT package they will need to go through certain steps: setting up an account, choosing the package of preference, entering a coupon and of course share their payment details to ensure having continuous access to the premium video content.
Our Webstore SDK consists of components that will empower you to build and design a seamless checkout process and help visitors become subscribers to your service in an intuitive and trusted manner.
2. Advantages of using the Web store software development kit
It ensures a best practice checkout for optimal conversion including supporting free trials, coupons and being compliant with terms and conditions and GDPR.
Its simplified setup significantly reduces time spent on integrations when broadcasters leverage their preferred authentication platform and/or payment gateway.
You can alter the look and feel of the page quite easily. The Webstore SDK provides full flexibility in the design, positioning, and language of all of its elements.
The page automatically adapts to the screen size of your viewer's device, as it is a responsive page.
Your pages will work on desktop, laptop, tablets and mobile phones, where a web browser is used.
The payment pages are designed to work with all the payment products that you’ve selected.
Registration & Login
A viewer can register and from there on simply log in using their e-mail and password and/or social login. In addition, the Webstore SDK provides the option for viewers to give consents (GDPR) during the registration process and the ability to reset their account password.
Your offer will be displayed during the checkout to verify and confirm the package that the viewer wants to subscribe to. These can be supported with images and tailored descriptions.
We provide full flexibility to adjust your messaging in the checkout process. All the content in the checkout pages can be translated into 28 languages, but these translations can also be overwritten if you choose so.
You can use several options to attract and convert a viewer to a subscriber with the help of the different options for trial periods and couponing. In addition to these options, the payment pages are already optimized with proven user interface improvements to make that as frictionless as possible.
Flexible payment pages
We provide an optimized wireframe with placeholders for payment methods. Providing you the option to adjust the order of payment methods as you see fit.
After a purchase is completed you can show your appreciation for the viewer that just became a subscriber to your service by thanking and welcoming them.
Cleeng account, with Publisher API key
Configured product offer in Cleeng and associated offer ID
Visual designs of a checkout based on best-practice user flows of by Cleeng
Web application with React 16, and Node.js hosted back-end
Github account to sync the libraries
Payment gateway merchant account
Payment gateway connector
5. API methods used
This integration guide covers the following API methods:
|generateCustomerTokenFromPassword||used to get customer token after user log in|
|registerCustomer||used to register a customer|
|getCustomer||used to get user’s data after registration|
|getConsentDefinitions||used to get consents (e.g. GDPRs) in registration|
|submitConsent||used to submit consents used checked in registration|
|requestPasswordReset||used to reset password for user|
|getOfferDetails||used for get offer details|
|registerSubscription||used to register subscription for user after successful payment|
|createOrder||used to create order to be able to proceed with payment|
6. Integration Overview
The Cleeng platform allows you to integrate via Cleeng APIs. This API is platform independent and can be used from any programming platform that supports HTTP requests.
Guidelines how to develop, run, change, etc this project can be found in Github repository documentation.
Description of architecture can be found here.