Tools
Embeddable Typing Test Widget
Add a live typing test to any website with one line of HTML.
The preview updates live as you change settings above.
How to Embed the Typing Test Widget
Configure your preferred settings using the controls above, then click Copy embed code. Paste the iframe code into any HTML page — the typing test will run fully inside the iframe without any additional setup.
What the Widget Includes
- Full typing test engine — words, time, and quote modes
- Live WPM and accuracy display during the test
- Detailed results screen with WPM chart
- All 16 themes, selectable via URL parameter
- Difficulty and modifier controls (punctuation, numbers)
- postMessage API — get test results in your own page's JavaScript
postMessage API
When a user completes a test inside the embedded widget, a message event fires on the parent window:
window.addEventListener('message', function(e) {
if (e.data && e.data.type === 'tt_result') {
console.log(e.data.wpm); // net WPM
console.log(e.data.accuracy); // accuracy %
console.log(e.data.mode); // "words" | "time" | "quote"
}
});Customisation via URL Parameters
theme— any theme name:dark,light,monokai,solarized, etc.mode—words|time|quotecount— word count (words mode) or seconds (time mode): 10, 25, 50, 100modifiers— comma-separated:punctuation,numbers
Backlinks
The widget footer includes a "Powered by TypingTest.now" link. This is a lightweight backlink that helps the site stay free — please leave it in place.