Content inspired after I receive <a target="_blank" href="https://twitter.com/obetomuniz/status/1385026594285236234">my first payment using Web Monetization API</a>
<h2 id="heading-the-how">🧑‍🔬 The How</h2>
<ul>
<li>Sign up to <a target="_blank" href="https://wallet.uphold.com/signup">wallet.uphold.com/signup</a> and verify yourself
</li>
<li>Find the Interledger Payment Pointer in the Transact panel
</li>
</ul>
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3pd0mbyoumewzccnd57p.png" alt="1" />
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jdsvnqcygexw4burot6e.png" alt="2" />
<ul>
<li>And pick a currency target. It could be USD, BTC, etc</li>
</ul>
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4e01yeoj1wixdflccllg.png" alt="3" />
The Web Monetization API needs a <a target="_blank" href="https://paymentpointers.org/">Payment Pointer</a> to address micropayment for you.
<h2 id="heading-the-where">🏗 The Where</h2>
You could use your previous created Uphold's Payment Pointer on your website using this declaration:
<pre><code class="lang-html">&lt;meta name="monetization" content="$ilp.your.payment/pointer" /&gt;
</code></pre>
Also, dozens of services offer support:
<ul>
<li><a target="_blank" href="https://help.coil.com/docs/monetize/content/twitch">Twitch</a>
</li>
<li><a target="_blank" href="https://dev.to/devteam/you-can-now-web-monetize-your-dev-posts-but-don-t-get-your-hopes-up-too-quickly-goc">DEV.to</a>
</li>
<li><a target="_blank" href="https://hashnode.com/post/how-to-enable-web-monetization-on-your-hashnode-blog-in-2-steps-ckdu4rspj003tn0s1959c0ruq">Hashnode</a>
</li>
<li><a target="_blank" href="https://cinnamon.video/">Cinnamon</a>
</li>
<li><a target="_blank" href="https://help.coil.com/docs/monetize/content/wp-overview">WordPress</a>
</li>
</ul>
Even <a target="_blank" href="https://help.coil.com/docs/monetize/content/youtube-monetize-channel">YouTube</a>, when connected in a creator account on <a target="_blank" href="https://coil.com/creator">Coil</a>.
<h2 id="heading-the-web-monetization-api">💰 The Web Monetization API</h2>
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gzoxgdhsllxa29qas93x.png" alt="Web Monetization API" />
The <a target="_blank" href="https://webmonetization.org/">Web Monetization API is a W3C Standard</a> that uses a neutral payment protocol called <a target="_blank" href="https://interledger.org/">Interledger (ILP)</a> for transferring money for anyone by anyone.
The proposal help web creators avoid systems that slow down the web and creates annoying UX
<h3 id="heading-more-about-web-monetization-standards">📚 More about Web Monetization Standards</h3>
<ul>
<li><a target="_blank" href="https://help.coil.com/docs/monetize/content/get-monetized-overview/index.html">Get Monetized - A Coil's Overview about Web Monetization API</a>
</li>
<li><a target="_blank" href="https://www.youtube.com/watch?v=dcBxWV8fu8k">Video in 🇧🇷 about Web Monetization API on my YouTube Channel</a>
</li>
</ul>

*Content inspired after I receive* [*my first payment using Web Monetization API*](https://twitter.com/obetomuniz/status/1385026594285236234)

## 🧑‍🔬 The How

* Sign up to [wallet.uphold.com/signup](https://wallet.uphold.com/signup) and verify yourself
 
* Find the Interledger Payment Pointer in the Transact panel
 

![1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3pd0mbyoumewzccnd57p.png align="left")

![2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jdsvnqcygexw4burot6e.png align="left")

* And pick a currency target. It could be USD, BTC, etc
 

![3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4e01yeoj1wixdflccllg.png align="left")

The Web Monetization API needs a [Payment Pointer](https://paymentpointers.org/) to address micropayment for you.

## 🏗 The Where

You could use your previous created Uphold's Payment Pointer on your website using this declaration:

```html
<meta name="monetization" content="$ilp.your.payment/pointer" />
```

Also, dozens of services offer support:

* [Twitch](https://help.coil.com/docs/monetize/content/twitch)
 
* [DEV.to](https://dev.to/devteam/you-can-now-web-monetize-your-dev-posts-but-don-t-get-your-hopes-up-too-quickly-goc)
 
* [Hashnode](https://hashnode.com/post/how-to-enable-web-monetization-on-your-hashnode-blog-in-2-steps-ckdu4rspj003tn0s1959c0ruq)
 
* [Cinnamon](https://cinnamon.video/)
 
* [WordPress](https://help.coil.com/docs/monetize/content/wp-overview)
 

Even [YouTube](https://help.coil.com/docs/monetize/content/youtube-monetize-channel), when connected in a creator account on [Coil](https://coil.com/creator).

## 💰 The Web Monetization API

![Web Monetization API](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gzoxgdhsllxa29qas93x.png align="left")

The [Web Monetization API is a W3C Standard](https://webmonetization.org/) that uses a neutral payment protocol called [Interledger (ILP)](https://interledger.org/) for transferring money for anyone by anyone.

The proposal help web creators avoid systems that slow down the web and creates annoying UX

### 📚 More about Web Monetization Standards

* [Get Monetized - A Coil's Overview about Web Monetization API](https://help.coil.com/docs/monetize/content/get-monetized-overview/index.html)
 
* [Video in 🇧🇷 about Web Monetization API on my YouTube Channel](https://www.youtube.com/watch?v=dcBxWV8fu8k)

An article that teaches you how to receive payments, where to receive payments and what is the Web Monetization API

Beto Muniz

Beto Muniz

Earn money using the Web Monetization API

The How, The Where, The Web API

🧑‍🔬 The How

🏗 The Where

💰 The Web Monetization API

📚 More about Web Monetization Standards