How to use the Charitable Donors widget

How to use the Charitable Donors widget

The Charitable Donors widget helps you create a showcase for your charitable campaigns, highlighting your valuable donors.

Let’s see how to use and customize the widget in this tutorial.

Inserting widget

Find the Charitable Donors widget from the widget menu and drag-drop it inside your page.

Content tab

The Content tab holds all the basic settings that will help you create your required displays. From the top, several switchers show/hide corresponding contents on the screen.

The menu Campaign is set to All by default, showing the whole donor list for all of your campaigns.

You can click it and select individual campaign for the display.

Also, you can change the content alignment, orientation, limit, etc. from this tab.

Now that your basic layout is ready, let’s head to styling it.

Style tab

The Style tab has several sections covering different parts of the content. Let’s see them in an ascending way.


Go to Style> Items

From this section, you can basically change the color, border of the whole content field. Just take the image above as an example of how it’s done.


Go to Style> Avatar

Either image or logo, whatever identifies the donor’s identity, can be customized in this section. Create borders, add paddings, or even drop a box-shadow to highlight the avatars.


Go to Style> Name

You can color the names and adjust spacing from this section. Make sure to get a good font format from the typography.


Go to Style> Location

Same control as before but for the location text.


Go to Style> Amount

Same control as the previous one but for the amounts.


Watch this video to get more visuals on the Charitable Donors widget and check out this demo page for more examples.

Thanks for staying up.

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