Developers · integration
Embed WordFlow in two HTML lines.
Load embed.js from wordflow.co.in and drop in the placeholder. Readers see live word and character counts in a clean white panel. Nothing is shipped back to WordFlow.
Prefer the desktop experience? Launch the full WordFlow homepage or skim the legal bits in our privacy overview.
Frequently asked embed questions →Add to your page
↓ Live preview belowCopy these two tags (order does not matter; the script waits for <body> to finish loading).
<script src="https://wordflow.co.in/embed.js"></script>
<div id="wordflow-counter"></div>
Copied text is plain UTF-8. Styles ship from embeded.css automatically; your site only needs embed.js and #wordflow-counter.
Live preview
↑ Jump back to snippetThis is the same minimalist surface external sites render after mounting —
typography and counts match what embed.js delivers on your domain.
Common questions
If you integrate the widget and something behaves oddly, ping us via GitHub issues so we can help.
What do I paste into my HTML to embed WordFlow?
You need the hosted embed.js loader plus an empty placeholder
<div id="wordflow-counter"></div>.
The script hydrates that node after load; order doesn't matter because init waits until the DOM is ready.
Does the embedded widget send drafted text back to WordFlow?
No. Metrics are recomputed purely in JavaScript.
Visitors' drafts never leave their browser unless you add your own tooling on top.
Persistence is minimal localStorage keyed per origin.
How do I customise colours or typography?
Today's preset emphasises readability with restrained white chrome.
If you style it yourself, target descendants of #wordflow-counter only so upgrades stay predictable.
Does the snippet order matter?
Either arrangement is fine. The bootstrap logic waits until the DOM is ready, so downstream scripts or templates can defer insertion.
Embedding still subjects you to typical third-party CSP rules:
ensure https://wordflow.co.in is allowed for <script> + <link rel="stylesheet">.