How to Add a Visitor Counter to Your Website in 2026
A visitor counter shows how many people are on your page right now, or how many have been there today. “42 people viewing this.”
Adding one takes a few minutes on most platforms. What takes longer is deciding which number to show and where to put it, because a badly chosen counter does more harm than none at all.
This covers the setup, the platforms it differs on, the HTML route, and what to display once it is live.
What Is a Website Visitor Counter
A visitor counter is a small block on your page showing live or recent traffic. It reads the same data your analytics already collects and puts it where a visitor can see it.
There are three numbers people usually mean by it.
- Online now. Active sessions at this moment.
- Today. A rolling 24-hour count.
- Total visits. A lifetime figure, the old-school hit counter.
Which one you pick matters more than the design. “Online now” needs steady traffic to look credible. “Today” works on a quieter site. “Total visits” works at any size because nobody expects it to move.
The reason it works is simple. People use other people as a shortcut when they are unsure.
A visitor who lands on a product page cannot tell whether your site is busy or abandoned. A counter answers that before they have to guess. It is the same mechanism behind any social proof widget, just reduced to a single number.
The catch is that the number has to be real and it has to be big enough to help. Both of those are your decision, not the tool’s.
Build trust & FOMO
Highlight real-time activities like reviews, sales & sign-ups.
How to Add a Visitor Counter to Your Website
These steps use the live visitor counter from WiserNotify, which is our own product, so weigh that accordingly.
The counter is an inline element. It sits inside your page instead of floating over it, so the install involves pasting a small code block at the spot you want it.
Eight steps, about fifteen minutes the first time.
Prefer to watch? This walks through the same sequence in the dashboard.
Step 1. Create your account
Sign up at WiserNotify. No credit card required.
Step 2. Open Inline Social Proof
Log in and you land on the Dashboard. Click Inline social proof, then Explore.
Step 3. Pick where the counter goes
Two placements are available: the product detail page and the collection page.
Start with the product detail page. It earns its keep first, because that is the moment a shopper is weighing up the buy. You can add the collection page later using the same sequence.
Step 4. Copy the installation code
The dashboard generates a code block for that placement. Click Copy Code.
Each placement has its own code. The product page block will not work on the collection page, so copy them separately when you add the second one.
Step 5. Paste it into your theme
Open your product detail page template in the theme editor and drop the block in. Below the product description or beside the call to action both work well.
Save the template. This is the only step that touches your theme, and it is one paste.
Step 6. Create the notification
Back in the dashboard, enter your website and create the notification. You will see live visitor, recent sales and sold counter options. Pick the live visitor counter.
Step 7. Write the text and match your design
Click Customize. Wording first, because it does more work than the styling.
Something like “100 Shoppers are checking” or “100 live shoppers” reads better than a bare number, since it tells the visitor what the figure means. Then set colours, fonts and styles to match your theme, or it gets read as an ad and skipped.
Use Preview to see it in place before anything goes live.
Step 8. Set the pages and publish
The Display section controls where it appears. By default it runs on all product pages, so narrow it if you only want it on a few.
Then publish and check the page in a private window. A normal tab will serve you a cached version.
Platform Guides for Adding a Visitor Counter
The eight steps above are the same everywhere. Only step 5 changes, because every platform hides its theme editor somewhere else.
| Platform | Where the block goes | Guide |
|---|---|---|
| WooCommerce | Appearance › Theme File Editor › single product template | WooCommerce visitor counter guide |
| Wix | Drag an Embed HTML element onto the page | Wix visitor counter guide |
| Squarespace | Add a Code Block where you want the number | Squarespace visitor counter guide |
| Webflow | Embed element in Designer | Webflow visitor counter guide |
| BigCommerce | Storefront › My Themes › Edit Theme Files | BigCommerce visitor counter guide |
| PrestaShop | Preferences › Themes › product template | PrestaShop visitor counter guide |
| OpenCart | Design › Theme Editor › product template | OpenCart visitor counter guide |
| Ecwid | Settings › Apps › Custom Apps | Ecwid visitor counter guide |
| Volusion | Design › File Editor | Volusion visitor counter guide |
| Weebly | Drag the Embed Code element onto the page | Weebly visitor counter guide |
| Podia | Custom code section on the product page | Podia visitor counter guide |
| Shift4Shop | Settings › Design › Themes and Styles | Shift4Shop visitor counter guide |
Three that catch people out
- Wix. Custom Code only injects into the head, so it will not place an inline block. Use the Embed element instead.
- Squarespace. Code Injection is site-wide and cannot target a position on the page. A Code Block can.
- OpenCart. Clear the theme cache after saving or the change will not show.
All of these platforms cache hard, so give it a minute and reload before deciding the install failed.
Free Visitor Counter Options
Free counters exist and some are fine. Know what you are trading.
- Free widget services. Usually carry their own branding and cap your traffic. Fine for a personal site or a blog.
- Open-source scripts. No branding, no cap, but you host and maintain them. Abandoned repos are common, so check the last commit date.
- Platform built-ins. Some themes and site builders ship a counter already. Free, and no extra script to load.
Page weight is the one to watch. Anything adding a second to your load time costs more than it returns.
Check two things before you install anything free. Does the script load asynchronously, and is the service still maintained? One that stops updating is worse than none at all, because the number sits frozen where everyone can see it.
Live Visitor Counter Examples
Five counters running on real pages, and what each one is doing differently.
On a product detail page the count sits with the product information, close to the buy button. That placement is the whole trick, because it lands while someone is weighing the buy rather than when they arrive.
On a collection page it attaches to individual items, so shoppers can see which products are getting attention before they click through.
Cookd runs the same idea beside the add-to-cart button. Same position, different store.
Green Pea Press pairs one with a limited campaign. That is a fair match, because the scarcity is real and the count backs up something a visitor can check for themselves.
GrowthMarketer counts sign-ups on a lead magnet instead of views. A view says people looked. A sign-up says people committed, and the bar for copying a commitment is lower when nothing is being spent.
Where to Put a Visitor Counter
Placement decides whether it does anything.
1. Put it where the decision happens
Product pages next to the buy button. Pricing pages next to the plan. Signup forms next to the field.
Put it in the footer and nobody sees it, because nobody scrolls there while deciding.
2. Show live or rolling numbers, not stale ones
“14 people viewing now” or “312 views today” both work. “50,000 visitors since 2019” says nothing about whether the site is alive.
If your traffic is thin, widen the window rather than dropping the counter. Today beats now when now is one.
3. Keep it small
It needs to be readable, not loud. A small badge near the action outperforms a flashing bar every time, and it does not compete with your own call to action.
4. Give the number a job
Pair it with what you want done. “18 people viewing, 3 left in stock” gives someone a reason. “18 people viewing” on its own is just a fact.
The pairing is what turns a number into a nudge. There are more social proof popup patterns worth copying if you want to see how others handle it.
3 Visitor Counter Mistakes to Avoid
1. Inflating the number
Multiplying your real count is the fastest way to lose the customer who checks, and someone always checks. Open two tabs and the numbers should differ. Refresh and they should move.
It also puts you on the wrong side of advertising rules in most markets.
2. Running it on every page
Sitewide is the default setting and usually the wrong one. On a blog post or an about page the number has no job to do.
Pick the two or three pages where someone is deciding something, and run it only there.
3. Never checking whether it works
Every tool reports impressions and clicks. If the counter has been seen forty thousand times and clicked eleven, it is being ignored.
Run the page with it and without it for two weeks and compare conversion, not clicks. That is the only test that settles it.
Wrap Up
Adding a counter is the easy part. One code block in your theme and one notification in the dashboard.
The decisions that matter come after. Which number to show, which pages to show it on, and whether the figure is high enough to help instead of hurt.
Start with one page, pick the widest time window your traffic supports, and check the conversion rate two weeks later.
Also check: 12 best social proof tools to increase website conversion
Related Guides
Frequently Asked Questions
Are visitor counters free?
Some are. Free widget services usually put their own branding on the counter and cap how much traffic they will track, which suits a personal site or a blog. Open-source scripts have no branding and no cap, but you host and maintain them. Hosted tools like WiserNotify run a trial rather than a free tier, so budget for it if you go that way.
Can I create a visitor counter in HTML?
You can code the display but not the count. A div, a number and some CSS is straightforward. Knowing how many people are on your site needs a server counting sessions, so you either paste an embed from a counter service or build a small endpoint of your own. A hard-coded number is the one option to avoid, since it never moves and people notice.
Will a visitor counter slow down my website?
A badly built one can. Check that the script loads asynchronously so it does not block your page, and run a speed test before and after adding it. Anything that costs you a second of load time is taking more than it gives back.
What number should I show if my traffic is low?
Widen the time window instead of dropping the counter. “Online now” reads badly when the answer is one or zero, but “312 views today” holds up on a quiet day, and a running total works at any size because nobody expects it to move. Skip live counts until your traffic can support them.
Do visitor counters increase conversions?
They can, when the number is real and high enough to reassure someone. The counter answers a question a first-time visitor cannot check for themselves, which is whether anyone else is here. Run one page with it and one without for two weeks, then compare conversion rather than clicks.
Krunal Vaghasiya is a marketing tech expert who boosts e-commerce conversion rates with automated social proof and FOMO strategies. He loves to keep posting insightful posts on online marketing software, marketing automations, and improving conversion rates.
Capterra