How to use the Give Donor Wall widget

How to use the Give Donor Wall widget

The Give Donor Wall widget helps you showcase all the donors of your running campaigns. It’s a good way to motivate your visitors by showing off the profiles of the kind-hearted people on your campaigns.

Let’s see how to use it inside this tutorial.

Inserting widget

Find the Give Donor Wall widget from the widget menu and place it inside your page.

Content tab

There is a single section under the Content tab holding every basic setting included in one place.

There are a visible number of switchers that control specific content on the display. Turning them on/off will show/hide the name, avatar, amount, comment, date, and anonymous.

Also, you have options for limiting the number of visible donors as well as the display order.

However, you can show donor profiles for all campaigns or simply display donors for a specific campaign. Just uncheck the Show all donors? option to do that.

There are also Load more and Read more text fields at the bottom of the section. You can change the texts and put something else if you like. (i.e. show more, details, etc.)

That’s it for the content tab. Now, let’s move on to the Style tab.

Style tab

The Style tab for the Give Donor Wall widget has several sections commanding several parts of the content. Let’s see them in an ascending manner.

Items

Go to Style> Items

You can change the background color and add borders, paddings to the whole content from the first section. Also, you can add a box-shadow to the boxes.

Avatar

Go to Style> Avatar

You can change the text color as well as the background color of the avatars. Also, you can add a border or even edit the typography of them.

Title

Go to Style> Title

Customize the titles of the content from this section by color, spacing, and size.

Amount

Go to Style> Amount

Edit the color and typography of the stated donation amount for all content.

Comment

Go to Style> Comment

You can change the color for the comment text and the Read More button on this section. Also, don’t forget to adjust the spacing and size.

Date

Go to Style> Date

Simply, customize the date by color, spacing and size.

Load More Button

Go to Style> Load More Button

And lastly, the load more button is also customizable through this section. Reposition it by the alignment option and change color, add a border, and padding.

Conclusion

Watch this video to get more visuals on the Give Donor Wall widget and visit this demo page for more examples.

Thanks for staying up.



Enjoy Black Friday Exciting Deals Right Now. Grab The Deals Before The Time Ends!

Day
Hour
Min
Sec