open-paywall v0.0.1
Open Paywall - The First Open Source Cross-Framework Paywall Component
Integrating a paywall into your website to get paid for your content should be easy. Unforutantly, payment provider systems do a great job at accepting payments, but a poor job of making it easy to integrate the paywall into your website. Their implementations hide behind fancy javascript that statically defines your payments.
Open Paywall makes it dead simple to integrate payments into your system. Add our script tag, and then include this simple html component in your website that can be built with any framework, or no framework at all.
<script src="npm/open-paywall.js">
...
<body>
<open-paywall provider="stripe" cost="1500" access-token="your-token">
<div class="premium-content">Your Permium Content Here!</div>
</open-paywall>
...
</body>
<script>
document.addEventListener('paymentMade', (event) => {
console.log('Payment Made');
document.querySelector('.premium-content').style.display = 'block';
});
<script>How It Works
First you select your provider. At the moment we only handle stripe.js integrations but we plan on adding several more later on in the project.
Then you configure a certain price and product id for your purchase. The product ID could be related to a individual purchase item, or a group of items. In more advanced configurations you can set access based on Group Configurations
Add paywall either around your content, as a redirect link, or as a top level object. Then viola, you now have premium content!
Custom Backend Support -- Or Use Our Backend Templates
In the /backend directory, you can find a sample backend application that can be easily deployed to your favorite serverless environment (Lambda etc...) to handle transactions. We are working on providing a one click service that will launch this backend service preconfigured for you.
Cross Framework Component? How Is That Even Possible
Got front end framework fatigue? Well we won't add to that. Our components work accross frameworks and even with vanilla html!
Integrate with React
Coming Soon
Integrate with Angular 2+
Coming Soon
Integrate with Vue.js
Coming Soon
For Developers
Coming Soon
6 years ago