How to Embed a Free Counter on Your Website

Adding a free counter to your website takes four steps:

1. Go to the Free Counter Generator
2. Customize the color, name, and settings
3. Click Copy Code
4. Paste the code into your website's HTML where you want the counter to appear

The embed code looks like this:

<iframe src="https://digitaltallycounter.com/free-counter/embed?name=Counter&color=3b82f6&step=1&start=0&theme=light" width="280" height="240" style="border:none;border-radius:8px;overflow:hidden;" loading="lazy" title="Counter"></iframe>

Tip: The counter value saves automatically in each visitor's browser. When they return to your page, their count will still be there.

You can customize the counter by changing the URL parameters:

• name (default: Counter) — The label shown above the number
• color (default: 3b82f6) — Hex color code without # for the accent color
• step (default: 1) — How much each click adds or subtracts
• start (default: 0) — The initial counter value
• theme (default: light) — Use light or dark
• min (default: none) — Minimum value, prevents counting below this

The Free Counter Generator gives you a visual interface to adjust all of these without editing code manually.

For plain HTML sites, paste the embed code directly into your HTML file where you want the counter:

<div style="text-align: center; margin: 2rem 0;">
  <iframe src="https://digitaltallycounter.com/free-counter/embed?name=Votes&color=10b981"
    width="280" height="240" style="border:none;border-radius:8px;"
    loading="lazy" title="Vote Counter"></iframe>
</div>

Wrap it in a centered div to position it nicely within your content.

Adding the counter to WordPress is straightforward:

1. Edit the page or post where you want the counter
2. Add a Custom HTML block (click + and search "HTML")
3. Paste the embed code into the block
4. Click Preview to verify, then Publish

This works with both the Block Editor (Gutenberg) and the Classic Editor (switch to the Text/HTML tab).

To add the counter on Squarespace:

1. Edit your page and click Add Block → Embed
2. Click the embed block and select Code Snippet
3. Paste the embed code and click Apply

Squarespace will render the iframe inline with your other content blocks.

For Wix websites:

1. In the Wix Editor, click Add → Embed Code → Embed HTML
2. Paste the iframe code in the HTML box
3. Resize the widget to fit your layout

Wix handles iframe embeds natively, so the counter will display immediately in the editor preview.

To embed on a Shopify store:

1. Go to your Shopify admin → Online Store → Pages
2. Edit the page and switch to the HTML editor (the <> icon)
3. Paste the embed code where you want it

For product pages, you can add the embed code to product description HTML or a custom section in your theme.

The counter works on any platform that supports HTML embeds or iframes:

• Notion (Published Pages) — Type /embed and paste the iframe URL (just the src value)
• Google Sites — Insert → Embed → By URL
• Webflow — Add an Embed element and paste the code
• Ghost — Add an HTML card in the editor
• Blogger — Use the HTML/JavaScript gadget

If your platform supports custom HTML or iframe embeds, the counter will work.

Three common sizes work well for different contexts:

• Small (200×220) — Sidebar widgets, tight spaces
• Medium (280×240) — Most common, fits content columns nicely
• Large (350×260) — Hero sections, featured spots

For full-width responsive embedding, use this CSS wrapper:

<div style="max-width: 300px; margin: 0 auto;">
  <iframe src="..." width="100%" height="240"
    style="border:none;border-radius:8px;"></iframe>
</div>

The max-width keeps the counter compact while width: 100% ensures it scales down on smaller screens.

Is this really free? Yes. The free embed counter requires no account, has no usage limits, and works forever. We offer premium widgets with cloud sync and analytics for businesses that need more.

Does the counter save between visits? Yes. Each visitor's count is saved in their browser's local storage. When they return to your page, their count persists. Different visitors see independent counts.

Can visitors share a single count? The free version is per-visitor. For shared counting where all visitors see and increment the same number, check out our premium embeddable widgets.

Will it slow down my website? No. The embed uses loading="lazy" so it only loads when visible. The widget is under 5KB total — smaller than most images.

Can I remove the "Powered by" link? The free version includes the attribution link. Our premium widgets offer white-label options with full branding control.

Does it work on mobile? Yes. The counter is designed mobile-first with large touch targets that work well on phones and tablets.