How to create a playlist of videos with Pay Per View monetization
In this tutorial we are going to embark on a journey of video monetization. We are going to be Creating a Web Player Group with Pay-Per-View Integration.
This is a good user-case if you want to create a list of videos, (like a video course) and charge money for viewing your content.
In our example we are going to be creating a fitness course.
You will need the following components:
- Your video content
- Callaba
- A PayPal account to accept payments
- A cup of tea. 😊
Before we begin, let’s take a look at what we are going to create.
- We are going to upload our video content
- Create an individual Web Player for each of the files
- Combine Web Players into a Web Player Group that’ll allow users to switch between videos easily
- In the Web Player Group, we will set up Pay Per View monetization, set up our price and link our PayPal account to collect payments
- Finally, we’ll embed the player to our website or share the link to the player with our audience
Uploading video files
1 . Open Callaba.
To launch Callaba in the cloud, you can follow our detailed guides :
Once you’ve launched Callaba, log into the dashboard.
2. Go to the Files section
Click “Add New”
3. Upload your file
Create a Name for it.
Set file visibility to “Private” if you don’t want it to be available via a direct link to outside parties.
4. Repeat the same steps for the rest of your files.
Creating Web Players
1. Go to the Web Players section
Click “Add New”
2. Name your player
Player type : Video on demand
Input type : File
File : select your file from the list
As we are going to be creating a video playlist by combining our individual players into a group of web players, we will not change the rest of the settings. The settings of the Web Player Group will override the settings of an individual player.
However, in case if you are not going to create a group of players, you can utilize these other settings, change visual appearance of the player and add pay-per-view monetization for an individual video file.
Click “Save”
3. Repeat the same steps and create video players for the rest of your files.
Creating a Web Player Group
- Go to Web Player Groups section
Click “Add New”
Name your Web Player Group
Attention : Your viewers are going to see this name. Keep it human-friendly.
Type : Files list
Click the Add Player button to add all your players and form a playlist out of them
2. Unfold “Authorization settings”
Here you can add users who have to have access to the player.
For example, your colleagues or friends you want to give free access to your content to.
In case you were selling tickets through some third-party ticketing service, you can upload a list of users who bought tickets here via a CSV upload.
3. To collect payments, we need to obtain a Client ID from the PayPal.
To do that, go to the PayPal Developer page .
Click “Get API credentials”
Navigate to Apps and Credentials page.
Copy your Client ID.
Now back to Callaba.
Unfold Pay Per View settings
Client ID : enter your PayPal Client ID
Amount : set up your price.
Currently prices can only be indicated in USD
4. Unfold Visual settings
Upload logo
Upload background image for the player
5. Unfold “Event settings”
Event date (optional) : You can shedule your video playlist to go live at a specific date and time. Viewers who access your player before specified time will see this information.
Support email (optional) : You can specify a support/contact email for your viewers to be able to reach out to you.
Click “Save”
Embedding the player
- Return to the Web Player Group listing page
Click “Info” (i) icon
Copy the Web Player URL to share the link with your audience.
For embedding to your website, copy the Embed player or Embed video code.
To view your player, copy the Web Player URL and open it in the browser.
Attention! Callaba puts cookies in your browser that identify you as an admin, thus allowing you access to the video by default. As if you already bought the ticket and logged in.
To view your Per Pay View player, use an incognito mode or a different browser.
Making the Web Player accessible
To embed a Web Player with Pay-Per-View monetization or user authorization on your website, you need to set up:
- Domain name
- SSL certificate (if you don't have your own, you can issue a free one by Let's Encrypt).
If using a CDN:
Connect your subdomain, SSL, and CDN together.
Guide: 📖 Connect custom domain name to a CDN
If NOT using a CDN:
Set up a domain name and SSL directly in Callaba's UI.
Important: Follow the steps in order
Guide: 📖 Set up SSL and domain name for Pay Per View
Why SSL and domain setup matter
Browsers today block insecure content (HTTP) on secure pages (HTTPS). This means that if your player is not served over HTTPS (i.e., lacks SSL), it may not load properly, or users might struggle to log in.
Another important factor is CORS (Cross-Origin Resource Sharing). CORS settings control how a web page or iframe can access resources across different domains. If your website and player are on separate domains, CORS restrictions could prevent the player from loading content or authenticating users.
To avoid these issues, it's best to have your website and player share the same domain (for example, www.example.com for your website and player.example.com for the player). As long as both use SSL (i.e., both are served over HTTPS), the browser will recognize them as the same origin. This allows the iframe to load smoothly and users to log in without problems.
This is the end of our tutorial.
If you have any questions, please contact us at: [email protected]
We will respond to you within 24 hours.
Happy streaming!
Follow us on social media
LinkedIn • Reddit • Instagram • Facebook • Youtube • Twitter
