Creating a widget is a great option if you'd like to visually display how much you have raised in donations or the quantity of donations that have come in. You also can create a countdown clock for when your fundraiser is ending or list all of your available giving pages and more!
Widgets can either be created to display on your giving page or you can generate code to embed it directly into your external website. This article will walk you through how to do both.
Jump To...
Thermometer
The thermometer tracks a goal by measuring donors and donation totals against the goal set.
Add a Thermometer Widget to Your GivingFuel page
Add a Thermometer Widget to Your GivingFuel page
On the Pages tab, click the pencil icon under the page you want to edit
Hover over your page, and click the + icon
Select the Widget field
Select the Thermometer Widget
Choose the Name of the widget
Choose whether you would like to track revenue or donors
Add the Goal of the widget
Add Offline Data if you have any offline payments that are not tracked in GivingFuel that you would like to include in the totals
Change the Thermometer Color and Indicator Text by selecting from the color wheel
Toggle the Rounded Corners option to Yes if you would like your thermometer to have rounded corners
Adjust the Thermometer Size as desired
Click Done
Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page
Embed a Thermometer Widget on an External Website or Create a Widget that Applies to Multiple GivingFuel Pages
Embed a Thermometer Widget on an External Website or Create a Widget that Applies to Multiple GivingFuel Pages
From the Pages tab, hover over the Extras tab in the top menu bar
Select Widgets
If you have already created a widget, click Create Widget
Select the Thermometer widget
Choose the Name of the widget
Select the Page(s) you would like to track with the thermometer
Choose whether you would like to track revenue or donors
Add the Goal of the widget
Add Offline Data if you have any offline payments that are not tracked in GivingFuel that you would like to include in the totals
Change the Thermometer Color and Indicator Text by selecting from the color wheel or adding a color hex
Click the Rounded Corners checkbox if you would like your thermometer to have rounded corners
Adjust the Thermometer Size as desired
Click Save
To embed your code, copy the embed link after clicking Save, or click the Embed icon on the Widgets page
Countdown Clock
The Countdown Widget generates a countdown for a time and date you select.
Add a Countdown Clock Widget to your GivingFuel Page
Add a Countdown Clock Widget to your GivingFuel Page
On the Pages tab, click the pencil icon under the page you want to edit
Hover over your page, and click the + icon
Select the Widget field
Select the Countdown Clock widget
Adjust the Label as desired
Add the Time to Count Down To
Click Done
Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page
Page Search
The Page Search widget generates a search bar/dropdown for your donors to select a specific donation page.
Add a Page Search Widget to your GivingFuel Page
Add a Page Search Widget to your GivingFuel Page
On the Pages tab, click the pencil icon under the page you want to edit
Hover over your page, and click the + icon
Select the Widget field
Select the Page Search widget
Add the Name of the widget
Add the Description of the widget
Add the Pages you would like to include in the page search
Toggle the Open in New Window to Yes if you would like the pages to open in a new window
Select how you would like to sort the pages
Toggle the Show Summary to Yes if you would like to show a summary
Customize the Button Text that appears under the page search field
Click Done
Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page
Embed a Page Search Widget an External Website or Create a Page Search Widget that Applies to Multiple GivingFuel Pages
Embed a Page Search Widget an External Website or Create a Page Search Widget that Applies to Multiple GivingFuel Pages
From the Pages tab, hover over the Extras tab in the top menu bar
Select Widgets
If you have already created a widget, click Create Widget
Select the Page Search widget
Add the Name of the widget
Add the Page(s) you would like to include in the Page Search widget
Add the Description of the widget
Select how you would like to sort the pages
Check the Event Link checkbox if you would like the pages to open in a new window
Click the Show Summary checkbox if you would like to show a summary
Customize the Button Text that appears under the page search field
Click Save
To embed your code, copy the embed link after clicking Save, or click the Embed icon on the Widgets page
Counter
The Counter Widget will display the total number of donors or donations from one or multiple pages.
Add a Counter Widget to Your GivingFuel Page
Add a Counter Widget to Your GivingFuel Page
On the Pages tab, click the pencil icon under the page you want to edit
Hover over your page, and click the + icon
Select the Widget field
Select the Counter widget
Choose the Name of the widget
Choose whether you would like to track revenue or donors
Add the text that displays before the counter in the Text Before Count field
Add the text that displays after the counter in the Text After Count field
Add Offline Data if you have any offline payments that are not tracked in GivingFuel that you would like to include in the counter
Click Done
Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page
Embed a Counter Widget on an External Website or Create a Counter Widget that Applies to Multiple GivingFuel Pages
Embed a Counter Widget on an External Website or Create a Counter Widget that Applies to Multiple GivingFuel Pages
From the Pages tab, hover over the Extras tab in the top menu bar
Select Widgets
If you have already created a widget, click Create Widget
Select the Counter widget
Choose the Name of the widget
Select the Page(s) you would like to track
Choose whether you would like to track revenue or donors
Add Offline Data if you have any offline payments that are not tracked in GivingFuel that you would like to include in the counter
Add the text that displays before the counter in the Text Before Count field
Add the text that displays after the counter in the Text After Count field
Click Save
To embed your code, copy the embed link after clicking Save, or click the Embed icon on the Widgets page
Roster
The Roster widget will display information of existing donors.
Create a Roster Widget
Create a Roster Widget
From the Pages tab, hover over the Extras tab in the top menu bar
Select Widgets
If you have already created a widget, click Create Widget
Select the Roster widget
Choose the Name of the widget
Select the Page(s) you would like to track
Include the Field(s) of the page you would like to include in the roster
Select the From Date/Time you would like (this will be the first date that will be included in the roster)
Select the To Date/Time you would like (this will be the final date that will be included in the roster)
Select the Status you would like to include in the roster
Click Save
To embed your code, copy the embed link after clicking Save, or click the Embed icon on the Widgets page
FAQs
When I Copy My Page, Does the Widget Automatically Update to Track my New Page?
No. When a GivingFuel page is copied, the widget will continue to track the original page. Because of this, we recommend deleting any widgets when copying a GivingFuel page, and creating a new widget that tracks the correct page.
Why is My Widget Showing the Wrong Totals, and Why Isn't My Widget Updating?
A common reason a widget is displaying the wrong totals and isn't updating as expected is because the page was copied. When a GivingFuel page is copied, the widget continues to track the original page. If you choose to copy a GivingFuel page with a widget, we recommend deleting the original widget, and creating a new widget on the new page.
Can I Track One Fund on my GivingFuel Page with a Widget?
Right now, widgets can only track an entire GivingFuel page, not a fund within a GivingFuel page. If you would like to create a widget for a GivingFuel fund, we recommend setting up a completely separate GivingFuel page for that particular fund.
What Timezone does the Countdown Clock Display?
The countdown clock widget adjusts to the local timezone that is set on a particular device.
How Do I Edit My Widget
Here is how to edit your widget if you would like to adjust any details!
Edit a Widget on my GivingFuel Page
Edit a Widget on my GivingFuel Page
On the Pages tab, click the pencil icon under the page you want to edit
Hover over your widget, and click the pencil icon
Make your edits
Click Done
Click Save Now in the upper-right corner of your page to save your changes. Click Publish to publish these changes to your live page
Edit a Widget from the Extras Tab
Edit a Widget from the Extras Tab
From the Pages tab, hover over the Extras tab in the top menu bar
Click the pencil icon next to the widget you want to edit
Make your edits
Click Save
