Web Monetizing individual Gutenberg blocks

Introduction

Welcome! This post is the sixth in a series about Web Monetization and WordPress.

In the last post, we had a look at how to selectively Web Monetize individual posts. In this post, we’ll look at why and how you might want to add Web Monetization at the level of an individual Gutenberg block.

Preparation

You’ll need to have completed the first tutorial and be logged into your WordPress site with administrator privileges.

We also need to think of a good example for why you might want to selectively Web Monetize one or more individual blocks. This is really where you can start to get creative with the value proposition that you’re offering to your readers and how to remind readers of the value you’re offering.

What would you like to hide from users who aren’t sending you funds via Web Monetization? Or what would you like to show only to users who are sending you funds?

  • You might want to show an ad or a CTA for a non-Web Monetized visitor to ensure you can monetize the content another way if you’re not receiving funds from their visit already.
  • You might want to show one or more blocks for Web Monetized visitors to give them some bonus content like a special insight, graphic or any other bonus content!

Tutorial

Here’s the video walking through how to do all this.

Video showing how to set up per-block Web Monetization using the Coil plugin
  1. First off, make sure you’re on a post edit screen
  2. Then we need to change the post-level Web Monetization settings to ‘Enabled’ – even if it’s enabled by default, we need to choose this setting explicitly
  3. You’ll see that a new section appears underneath which allows you to choose ‘Split’ as an option – select this option because it will enable the block-level controls
  4. Now let’s add our variable blocks
  5. We’ll create one that is for non-Web Monetized users, encouraging them to get themselves Web Monetized in order to view the bonus content. This block will hide for Web Monetized users because we don’t want them to get pestered by this CTA.
  6. We’ll then create some blocks that contain the bonus content, these will be hidden for non Web Monetized users but show for those who have Web Monetization enabled.
  7. We’ll then see how this works on the front end of the website for both types of user.

Bonus content!

To demonstrate the power of block-level Web Monetization controls, I’ve created a special bonus piece. It shows you how to set up an excellent, free backup plugin called UpdraftPlus to backup your site on a schedule.

To see this content, please Web Monetize your browser! Find out how here: coil.com

Video showing how to set up UpdraftPlus and configure it to send regular backups to a Dropbox account.

Here’s how to get your WordPress site backing up to your Dropbox account for free!

  1. Install and activate UpdraftPlus
  2. Go to the settings and choose whatever settings you want. Because I’m hosting this site on WP Engine it’s already fully backed up so I’m just going to select for the database to get backed up every week – this’ll protect the content in case of a complete disaster (this series has taken a lot of writing!)
  3. You’ll need to authorise the plugin to connect to your Dropbox account (I’ve redacted that part from the video for security reasons but it’s very straight-forward
  4. Run a backup immediately to test it’s all working!
  5. There you go, now even if something unimaginable happens to your site, you should always have your own backups in Dropbox!

Conclusion

Hopefully in this guide, you’ve learned how you can use the Coil Web Monetization plugin to differentially Web Monetize your content at a block level. This is the end of the ‘how to’ series of guides but I’ll be writing up the results of this experiment in terms of payments received (and other stats) in a few months.

I’d love to hear your ideas or see what you’ve done so please do leave a comment or contact me! Thanks for coming along for the ride!

Leave a Reply