Embed the Character Counter on Your Website

Add a powerful, free character counter to your website or blog — no signup, no cost, no limits. Every embed includes a small "Powered by Character Count" link which helps us stay free and gives your site a quality backlink.

Recommended. Paste two lines into any webpage. The widget injects itself, adapts to your site's width, supports dark mode, and counts in 14 languages.

Language

Theme

<div id="charactercount-embed" data-lang="en" data-theme="light"></div>
<script src="https://www.character-count.net/embed/widget.js"></script>

Live Preview:

Simple one-line embed. Works on Wix, Squarespace, and sites with strict Content Security Policies.

Language

Theme

Height

<iframe src="https://www.character-count.net/embed-tool?lang=en&theme=light"
  width="100%" height="520" style="border:none;border-radius:8px;"
  allowtransparency="true" title="Character Counter"></iframe>

Live Preview:

Self-contained snippet — no external files needed. Copy and paste the entire block.

<div id="cc-widget" style="font-family:Arial,sans-serif;border:1px solid #ddd;border-radius:10px;padding:16px">
  <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px">
    <div style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;text-align:center"><div id="cc-c" style="font-size:1.4rem;font-weight:700;color:#3b82f6">0</div><div style="font-size:11px;color:#64748b">Characters</div></div>
    <div style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;text-align:center"><div id="cc-w" style="font-size:1.4rem;font-weight:700;color:#3b82f6">0</div><div style="font-size:11px;color:#64748b">Words</div></div>
    <div style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;text-align:center"><div id="cc-s" style="font-size:1.4rem;font-weight:700;color:#3b82f6">0</div><div style="font-size:11px;color:#64748b">Sentences</div></div>
    <div style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;text-align:center"><div id="cc-p" style="font-size:1.4rem;font-weight:700;color:#3b82f6">0</div><div style="font-size:11px;color:#64748b">Paragraphs</div></div>
  </div>
  <textarea id="cc-ta" placeholder="Type or paste your text here..." style="width:100%;min-height:140px;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px;font-size:14px;resize:vertical;box-sizing:border-box"></textarea>
  <div style="margin-top:8px;font-size:12px;text-align:right;color:#94a3b8">Powered by <a href="https://www.character-count.net/?ref=embed" target="_blank" style="color:#3b82f6;text-decoration:none">Character Count</a></div>
</div>
<script>
(function(){var t=document.getElementById('cc-ta');
function u(){var v=t.value;
  document.getElementById('cc-c').textContent=v.length;
  document.getElementById('cc-w').textContent=v.trim()?v.trim().split(/\s+/).length:0;
  document.getElementById('cc-s').textContent=v.trim()?(v.match(/[^.!?]+[.!?]+/g)||[]).length:0;
  document.getElementById('cc-p').textContent=v.trim()?v.trim().split(/\n\s*\n/).length:0;}
t.addEventListener('input',u);})();
</script>

How to install on your website

1 Choose your embed method above — JS Widget (recommended), iFrame, or Direct HTML.
2 Click "Copy Code" to copy the code to your clipboard.
3 WordPress: Add block → Custom HTML → paste → Update.
4 Wix: Add → More → HTML Code element → paste the code.
5 Squarespace: Edit → Add block → Embed → paste the code.
6 Any HTML site: Paste the code anywhere in your HTML.
7 Save and publish — the counter appears instantly.

📎 Please keep the "Powered by Character Count" link — it keeps this widget free for everyone and helps us grow. Thank you!

What's included

🔤 Character Count

With and without spaces, live as you type.

📝 Word Count

Accurate for all languages and punctuation.

¶ Sentence & Paragraph

Auto-detected as you type.

⏱️ Reading Time

Estimated reading time at 238 wpm.

🗣️ Speech Time

How long to read aloud at 150 wpm.

🔑 Keyword Density

Top keywords with frequency bar chart.

🌍 14 Languages

English, Japanese, German, Spanish, French and more.

🌙 Dark / Light / Auto

Matches your site colour scheme.

📱 Fully Responsive

Works on any screen size.

🆓 Always Free

No account, no limits, no expiry.

FAQ

Is it free to embed?

Yes, 100% free. No account needed, no time limit. Just keep the "Powered by" link.

Will it slow down my website?

No. The JS widget is under 5KB. The iframe loads asynchronously and does not block your page.

Can I remove the backlink?

The backlink is how we keep the tool free. We ask you to keep it — removing it violates our terms of use.

Does it work with WordPress?

Yes. Use a "Custom HTML" block in the Gutenberg editor and paste the JS widget code.

Can I change the language?

Yes. Set data-lang="de" on the widget div. Supported: en, ja, de, es, fr, pt, ko, zh, ar, hi, it, nl, pl, tr.

Does it support dark mode?

Yes. Set data-theme="dark" for dark mode, or data-theme="auto" to follow the visitor's system preference.