Donation Bar for House Ad

Customization Extras

AI-generated summary

A user introduces a Donate Bar for the Discourse House Ad plugin, designed to make donations more visible by displaying a dynamic progress bar between posts. The bar shows a donation goal and current contributions, which can be updated manually when donations are received. Instructions include adding specific HTML code to House Ads and installing a theme component from a GitHub repository. Another user suggests integrating Bitcoin or Monero donations via BTCPayServer, but the creator clarifies that the bar is not a payment gateway and only visualizes donation progress. A third user notes that Discourse already has a similar feature via campaigns, though one user mentions Stripe limitations prevent using it without a business account. The discussion highlights the need for a simple, effective way to encourage donations on Discourse forums. Don provides a detailed guide, while f1r4s proposes cryptocurrency options, and justin points to existing alternatives. Don explains the limitations of his solution. awesomerobot expresses interest in adding the feature to the Discourse Subscriptions plugin.

1

Hello,

This is a Donate Bar for Discourse Official Advertising Plugin House ad function. You have to install the plugin first.

I was thinking a lot…how could I make the donation more attention-grabbing to our Members. The problem is the donation are not continuous. First time we used a banner in all topic top and bottom but our Members are used to it and no longer noticed it. So I made it more dynamic. Now we use a donation bar between posts. We use a donation goal and when someone donate we update the current price.

donate-bar
donate-bar834×476 45.5 KB

Add HTML in House Ad

  1. Go to admin > Plugins > House Ads
    /admin/plugins/pluginad/house_creatives
  2. Create a new house ad.
  3. Paste the following :arrow_double_down:
<a class="donate-bar" rel="noopener" href="paste here the link of your donate page">
  <div class="ad-container">
    <span class="label-strong">Support your favourite Forum... (replace this text)</span>
    <br>
    <span>Donations received in this month! (replace this text)</span>
    <div class="goal-container">
	  <div class="goal-container__current"></div>
	   <div class="goal-container__bar">
         <span class="goal-bar__total"></span>
	   </div>
	   <div class="goal-container__progress"></div>
    </div>
  </div>
</a>
  1. Add this to Between posts or Topic above suggested or Topic above post stream.

Install the theme component and set up.

https://github.com/VaperinaDEV/house-ad-donate-bar

theme-settings
theme-settings651×581 26 KB

You’re done! :slightly_smiling_face:
Hope you find it useful!

6 Likes
2

Nice! I wonder if we should also add this as an option to Discourse Subscriptions Plugin?

3 Likes
3

We already have a feature like it!

Check out the campaigns feature.

image
image1405×210 27.7 KB

From community.drownedinsound.com :slight_smile:

6 Likes
4

Yeah I saw this before and I wanted to set this up but unfortunately Stripe only works if I have a business (company etc). Otherwise I can’t activate my account. So that is why I made this alternative. :slightly_smiling_face:

1 Like
5

@Don can we add Bitcoin or monero Donation with BTCPayserver ? if we setup BTCPayserver as our own system payment for bitcoin, monero with 0% FEES it would be good idea to add #BTCPayserver to Donate our Discourse through it.

6

I’m afraid not. Sorry. This is not a payment gateway. It is just shows users how much donation is needed and how much donations has been sent so far. You can set this manually. If someone donate you then you have to update the current donation field and the bar will update. The whole banner is click able so you can redirect users to the actual donation page (if you have) where they can do the payment.

1 Like