Table Of Contents

Give Totals widget

How to use the Give Totals widget

The Give Totals widget displays a mini stat of total donations received in percentage for your running campaigns. This widget has a similar interface to the Give Goal widget but has more features.

Let me show you how to work it in this tutorial.

Inserting widget

inserting the Give Totals widget

Find Give Totals widget from the widget menu and drag it inside your webpage.

Content tab

This widget has a single section in the Content tab holding all the basic settings.

1 14 - BdThemes

First, you have an empty field where you have to choose your target form. You can insert any number on the goal amount or the total donation amount for the Give Totals widget in Elementor. The number you put will be the maximum donation limit and show a 100% progress bar upon fulfillment.

You have a text input field, determining what message you want to give to your donors, a link-address field, and a switcher to show/hide the progress bar.

1.1 - BdThemes

While in Forms, you can choose any donation form from the current list. You can see the progress bar and the message with the goal amount in the image for this charity plugin.

This is all for the Content tab. Now, let’s move on to the Style tab.

Style tab

The style tab has a bunch of sections covering different parts of the content on the screen.

Raised Title

2 13 - BdThemes

Go to Style> Raised Title

You can customize the top title of the content by color, padding, and typography from this section.

Progress Bar

3 13 - BdThemes

Go to Style> Progress Bar

The progress bar section lets you customize the actual progress bar on the screen by color, border-radius, height, and spacing. Note that putting a seemingly brighter color will help viewers focus on the progress.

Message

4 12 - BdThemes

Go to Style> Message

Here, you can change the color and typography of the message below the progress bar.

5 13 - BdThemes

Go to Style> Link

And lastly, you have a section for customizing the link text and the end of the message.

Conclusion

Watch this video to get more visuals on the Give Totals widget, by Bdthemes, and visit this demo page for more examples.

Thanks for staying up.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.