Banner tool

Create a banner that appears when your visitors don’t have the Web Monetization extension or have the extension turned off. The banner includes a link to download the extension from your visitor’s browser store.

All pages that include the banner script are automatically web monetized with your wallet address. This means you can exclude the monetization link tag from your site’s code unless you want your pages monetized with additional wallet addresses.

Create a new banner

Connect your wallet

1. Enter your wallet address.
   
2. Click Continue. A confirmation prompt appears.
   
3. Click Confirm. You’re directed to your wallet provider to sign in and confirm your ownership of the wallet address.

Change the banner’s contents

1. Optionally change the label of a configuration by selecting the pencil icon and typing over the default.
   
2. Expand the Content drop-down menu. Enter a title for the banner or choose from the suggested options.
   
3. Enter the message to show to your visitors or use the default text. We suggest changing the message so that it’s tailored specifically to your audience.
   
4. Review your changes in the preview panel.
   
5. Click Done to collapse the Content section.

Change the banner’s appearance

1. Select the font and font size to use in the banner.
   
2. Select the background and text colors to use.
   Click the paint can icon to enter a hex value or use the color picker.
   
3. Select the banner’s corner radius and position.
   
4. Select whether the banner should slide or fade-in to view. You can also disable animation.
   
5. Select whether to show the Web Monetization thumbnail in your banner.
   
6. Review your changes in the preview panel. Click Preview to try out your selected animation.
   

Generate your script

1. Click Save and generate script.
   
2. Add the script to your site.

   Example script

   <script id="wmt-banner-init-script"
       type="module"
       src="https://tools-cdn.webmonetization.org/banner.js"
       data-wallet-address="https://sandbox.ilp.link/rabeb"
       data-tag="version1">
   </script>

3. Go to your site and check that the banner appears correctly. If you have the Web Monetization extension installed, you might need to disable it for the banner to appear.

Change an existing banner configuration

1. Enter your wallet address.
   
2. Click Continue. If the confirmation prompt appears, you must first confirm your ownership of the wallet address.
3. Make your changes, then click Save edits only. Your script remains the same. There’s no need to update your site’s code.
4. Refresh a page on your site that uses the configuration’s script to verify your changes are live.

Connect banner to a new wallet address

1. Enter your current wallet address.
   
2. Click Continue to connect to your wallet. A list of your saved configurations appears.
3. Select the configuration that you want to connect to a new wallet address.
   
4. Click Add another wallet address.
5. Enter the new address in the wallet address field.
   
6. Click Continue. A confirmation prompt appears.
   
7. Click Confirm. You’re directed to your wallet provider to sign in and confirm your ownership of the new wallet address.
8. Click Save and generate script.
9. Replace the existing script on your site with the newly generated script.

All pages that include the script are now web monetized with the new wallet address.

Banner tool