Monetizing content is a common challenge for content creators. While many platforms and services exist, they can be difficult to find or may present options in a way that feels invasive. Imagine an easy way to share all your preferred payment methods without annoying your web visitors.
That's the goal of this extension!
When users visit a website with payment information, the extension will notify them. If they wish, they can open the extension and donate using one of the creator’s preferred methods. The extension serves purely as a bridge, connecting users to the payment platforms.
Simply install the extension and browse the web as usual. If a creator has added a payment method, the extension icon will light up, notifying you that you can donate or tip. (To test it on a website, try https://alvaromontoro.com.)
You don't need the extension unless you want to support other creators. To enable donations, follow these two steps:
- Create a JSON file with your supported payment methods.
- Link the file on your web site using a
creator-paymentsmeta tag.
For example, your payments.json file might look like this::
{
"paypal": "alvaromontoro",
"patreon": "alvaromontoro",
"venmo": "Alvaro-Montoro",
"ko-fi": "alvaromontoro",
"buy-me-a-coffee": "alvaromontoro",
"tipeee": "comicss",
"crowdfundly": "alvaromontoro"
}
NOTE: The order of the payment methods will be preserved by the extension. Also, you don't need to have all the payment methods available. And if you add an incorrect one, it will be ignored.
In the <head> section of your webpage, you would add the following meta tag:
<meta property="creator-payments" content="payments.json" />If you'd like to contribute or test the extension locally, follow these steps:
- Clone the project to your machine
- Open the project in your favorite IDE
- Make your changes
- Open a Chromium-based browser
- Go to Options > Extensions
- Activate the Developer Mode
- Click on "Load unpacked"
- Select the extension folder