How to Make Money from Your Blog by Adding Web Monetization
Tags: webdev, webmonetization, writing
Published: 2021-03-09 23:31:55

Hello, everybody! Today, I'll discuss how you can make money as a content creator by using web monetization; all you have to do is set it up on your blogs, and you'll start earning right away.

Following this  👇👇👇, I tweeted 

{% twitter 1367944445644128256%}

I've noticed that a lot of people want to set up web monetization on their blog but don't know where to start😪 .

These are the things you should be anticipating as you read this post.

## Table of Content

- What is Web Monetization
 - Web Monetization Wallets
 - Web Monetization Providers
 - Web Monetization Enabled Browsers
 - Web Monetization Enabled Search Engines
 - Web Monetization Tools
- How to set up a coil account(for those interested in rewarding content writers)
- How to set it up on [Hashnode](https://hashnode.com/@olanetsoft/joinme)
- How to set it up on your WordPress blog
- How to set it up on Dev.to
- Conclusion

You may be wondering why Hashnode, Devto, and WordPress are the only platforms that currently support web monetization. To the best of my knowledge, these are the only platforms that support web monetization. When there is a new update, I will update this article.

### What is Web Monetization

Web Monetization is a JavaScript browser API that allows the creation of a payment stream from the user agent to the website.


> The popular models for content creators to generate revenue online have always revolved around ads, subscriptions, and privacy invasion. This is one-sided(creator considering alone) and harmful, hence, the need to have a model that considers the users also.

> Web Monetization is the only model that puts both the content creator and user in mind for content and revenue allocations. What this means is that, with web monetization, both the users and the creator are benefiting mutually and for the first time, the users are actually considered.

> If you're a content creator on Hashnode, you can add web monetization to your contents, one advantage of this is that you have nothing to lose and everything to gain, Hashnode increased the reach of your contents and you're able to generate revenue from that reach, while your content is equally available to everyone on the web(both monetized users and non-monetized users). A true goldmine.
by ["HackSultan"](https://twitter.com/hackSultan)

#### Web Monetization Wallets

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615155690296/KQanL33MC.png)

#### Web Monetization Provider

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615155732158/-rwvrzx29.png)

#### Web Monetization Enabled Browsers

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615155783467/jVqVq8DvJ.png)

#### Web Monetization Enabled Search Engines

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615155822988/Yvcw8RXhW.png)

#### Web Monetization Tools

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615155864332/UeLjz42RG.png)

### How to set up a coil account(for those interested in rewarding content writers)
 Visit [coil.com](https://coil.com/) to create an account and set up your profile.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615156294662/lMoEvrTYF.png)

After clicking on the signup button, as shown above, you will be redirected to 👇

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615156421553/Y9YALGasB.png)

To get started, choose your preferred plan and start rewarding content writers who have enabled web monetization on their blogs every time you read their posts.

Example: 
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615162799375/dVk9tcfa5.png)

### How to set it up on [Hashnode](https://hashnode.com/@olanetsoft/joinme)

Yeah Hahnode supports web monetization 🎉

1. Setup Payment pointer
2. Create [Hashnode Account](https://hashnode.com/@olanetsoft/joinme)
3. Configure it on Hashnode. that's all 😊


1. Setup Payment pointer

a) You need to get your payment pointer from Uphold: Register and verify your account on [Uphold](https://uphold.com) 
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615157503837/QP2gGC6Q5.png)

b) After signup and email address verification, you will be redirected to your dashboard. Similar to this 👇

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615157851473/2XPchtIO0.png)

# You can skip step c - e if you don't want to verify yet

c) Click on Verify Your Identity to verify your home address and photo ID

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615158353953/pJaZfMz84.png)

d) Verify your Home address

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615158521749/vjVKN6RX9.png)

e) After Entering your phone number, you will get a magic link as a text message.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615159247395/pRRug3vVj.png)

After clicking the magic link, you will be asked to confirm by snapping a valid verification ID or passport, then a selfie. Afterward, you will get the image below to return to the desktop.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615159632826/TYZPL4_sO.png)

You will see this on the desktop.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615159684833/kVlfp1FoM.png)

Account under Review

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615159828063/1NFjlecm7.png)

# Verification of account doesn't stop you from creating a payment pointer but it is required when you want to withdraw your funds.

f) You will need to link a <b>US Bank Account</b>(update recently)  before an asset would appear At the center, in the Portfolio Panel.

You don't have a US Bank Account ??? Don't freak out I got you covered 😊

Create a Payoneer account via [how to open US bank account/](https://www.payoneer.com/resources/how-to-open-us-bank-account/)

g) To add a Bank Account 

## Click 

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615162505813/pGaYFd5ki.png)

## Then click 👇 to add a <b>US Bank account</b>

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615162675040/JKl1VGYwp.png)

h) At the center, in the Portfolio Panel, select the asset on which you would like to receive the funds using ILP

i) At the top right, click the 
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615162409448/Q6VmnxCaQ.png) button

j) Select “Interledger payment pointer”

k) You will get the payment pointer and the QR Code (example below)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615162161309/EvNHMXaU6.png)

Copy the code and save it because we'll be using it on our blog later.

### Example
$ilp.uphold.com/eNN6ta7eFIHKMN

This is the payment pointer that will be added to your Hashnode, Devto, and WordPress blog.


2. Create [Hashnode Account](https://hashnode.com/@olanetsoft/joinme)
Visit [Hashnode.com](https://hashnode.com/@olanetsoft/joinme) to create an account(if you already have Hashnode Account skip this step)

3. Go to your Hashnode blog dashboard and locate the "INTEGRATION" page, then to the "Web Monetization Payment Pointer" section. This is where you'll input your payment pointer :

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615160065779/bp2ckR_hl.png)


### How to set it up on your WordPress blog

To do this, go into your WordPress Dashboard > Appearances > Editor and make sure the right theme is selected in the top right corner. Then open the header.php in the editor by clicking on it on the right.

All you have to do now is copying the following piece of code, which you can also find in your Coil account’s dashboard, and pasting it into the editor right under the <head> marker.

Attention: Don’t forget to put in your own Payment Pointer!

```
<meta name="monetization" content="YOUR_PAYMENT_POINTER" />
```

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615160384704/MvYwUjHac.png)

For other methods to setup Coil on WordPress: [click here](https://xrpcommunity.blog/coil-wordpress/)

### How to set it up on Dev.to

Go to your Dev.to blog dashboard and locate the "Extensions" page, then to the "Web Monetization" section. This is where you'll input your payment pointer :

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1615163534305/J_nuY9Z2o.png)

## Conclusion

Yes, indeed! Isn't that a lengthy procedure? I hope you now have a better understanding of what web monetization is and how to implement it on your blogs.

Feel free to reach out to me via [Twitter](https://twitter.com/olanetsoft)