All widgets

Lead capture

Goal Counter

How to Add a Goals Counter to Your Website

Set a target, type where you are now, and the bar fills. In public goal mode a contribution form adds each submission on top of your number, with an optional supporters list and milestone markers along the way. Switch it to personal tracker mode and the same widget becomes a private count each visitor keeps in their own browser.

Live starter preview

Fundraising drives

Use this starter as a fast base, then edit text, colors, images, links, and behavior.

Signup and sales targets

Use this starter as a fast base, then edit text, colors, images, links, and behavior.

Personal habit tracking

Use this starter as a fast base, then edit text, colors, images, links, and behavior.

The number on the bar is two numbers added together. One is the figure you type in yourself, which covers the cheque that arrived by post, the cash from the bake sale, and everything that happened before the page existed. The other is the running total of whatever people submit through the form. You are never picking between updating it by hand and letting it update itself, because it does both, and neither one overwrites the other.

That matters most when the same counter is on more than one page. A fundraiser usually is: the homepage, the campaign page, the newsletter, a partner site that agreed to carry it. The widget is hosted, so the number lives in one place. Type the new total once and every page carrying the embed shows it, including the pages you no longer have logins for.

Features

What the Goal Counter widget can do.

Your number plus their submissions

The bar starts at the current progress figure you set and adds each contribution on top. Counting money or quantity adds the amount someone entered; counting people adds one per submission regardless of what they typed.

Money, people, or things

Pick what you are counting and the widget formats itself around it. Money takes a currency symbol, people counts heads, and quantity takes a unit label you write, so "412 of 1,000 trees planted" works the same as a pound total.

A bar, a ring, or a bare number

Three display styles from one setting. The percentage is a switch, and so is the count-up animation, which respects a visitor's reduced-motion setting rather than overriding it.

Milestones along the bar

Add a marker at any amount with its own label and icon, such as "Venue booked" at 2,500. Each one lights up as the total passes it, so the bar shows what the money did rather than only how full it is.

A supporters list you switch on

Names, amounts, and messages can appear under the bar, and nothing appears until you turn those fields on under Database, pledges, Show on widget. The email address the form requires is never shown on the widget, whatever else you display.

A second mode, for private counts

Switch it to personal tracker mode and it stops being public: each visitor gets their own count with plus and minus controls, saved in their own browser, with an optional daily reset. Good for a reading challenge or a habit streak, where the number belongs to the reader rather than to you.

FAQ

Common questions.

How do I add a fundraising thermometer to my website?

Start from this widget in Fugte, set your target and your current total, and publish. Paste the hosted link or the iframe snippet into your page. Canva, Notion, Shopify, WordPress, and Webflow each have their own guide on this page, because the click path differs on all five.

How do I update the total?

Open the widget in Fugte, type the new current progress figure, and save. Every page the widget is embedded on shows it, and you do not touch the embed code on any of them. If the contribution form is switched on, submissions also add to the total on their own, so the number you type is the starting point rather than the whole figure.

Does it take payments?

No, and this is the thing to be clear about before you launch a campaign on it. The form records the amount somebody says they are giving. No money moves, no card is charged, and nothing connects to a payment processor. Use it alongside however you actually collect, whether that is a donation platform, a bank transfer, or a bucket at the door, and treat the bar as a public tally rather than a ledger.

Do supporters' names appear automatically?

No. The list stays empty until you turn the fields on under Database, pledges, Show on widget, and it only fills in on the published widget. That order is deliberate: submissions arrive private, and you decide what becomes public. The email address is required on the form and is never rendered on the widget.

What happens when the deadline passes?

The countdown is replaced by your closing message. That is all it does: the form stays open, submissions still add to the total, and the bar keeps working. It is a label rather than a lock, so if you need contributions to stop on the day, switch the form off yourself. The countdown also reads the visitor's own device clock, so a wrong clock shows the wrong remaining time.

Can I count people or items instead of money?

Yes. Counting people adds one per submission and hides the amounts from the supporters list, which suits volunteer signups and pledge drives. Counting quantity uses a unit label you write, for meals served, books read, or trees planted.

Can I put a goal counter on a Canva site?

Yes. Canva has no code block, but its Embed element accepts a link and a Canva site renders static in-page embeds, which is what this is. Worth knowing: floating buttons, sticky bars, and popups do not work on a Canva site. A counter sitting in the page flow is unaffected.

What is personal tracker mode for?

It turns the widget from a public tally into a private one. Each visitor gets their own count, held in their own browser, with plus and minus controls and an optional daily reset. Nobody sees anybody else's number and nothing reaches you, so it fits a reading challenge, a habit streak, or a practice log. Clearing browser data clears the count.

Is the goal counter free?

Yes, with one thing to know. Goal mode with the contribution form switched on is a live form, so it takes the free plan's single form slot. Basic raises that to three and Creator to fifteen. Tracker mode has no form at all, so it does not use the slot. Free widgets carry a small Fugte badge, which paid plans remove.