Typing tutors
Give students practice phrases between lessons.
Content / widget · Elementor module
Keyboard Text Practice Widget Plugin for Elementor
Let visitors practise typing a phrase and see every character marked right or wrong as they type, then their time, speed and accuracy.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Keyboard text practiceProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget. Try each one on this page.
02 / Inside WordPress
Keyboard text practice controls in Elementor
Content sets the phrases, their order, whether capital letters must match, whether speed and accuracy are shown, and every label and message. The Style tab covers the phrase colours and highlights, the input, labels and messages, and the buttons.
03 / Website use cases
Where to use keyboard text practice
Typing tutors and schools want a quick practice box on their own pages, but most typing tests are separate sites full of adverts. Keyboard text practice puts one on your page: visitors type a phrase, see each character marked right or wrong as they go, and get their time, words per minute and accuracy at the end. Phrases are yours, in order or at random, and nothing typed leaves the browser.
Schools
Spelling and keyboard practice on the class page.
Language sites
Practise typing accented words and phrases.
04 / Installation and setup
How to add a keyboard text practice in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Keyboard text practice in the Complementor library.
Enter one or more phrases, one per line.
Choose the order and whether capital letters must match.
Style the phrase colours and try it.
Publish the page and try it.
05 / Content and style controls
Customize keyboard text practice in Elementor
Configure the settings available for this module to suit the page you are building.
Live right and wrong marks.
Time, words per minute and accuracy.
Your own phrases, in order or random.
Curly quotes match keyboard quotes.
Next phrase and Start again.
Typing never leaves the browser.
06 / Choose the right approach
Keyboard text practice and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Typing test sites
Take visitors away and use their own text.
A plain text box
Gives no feedback while typing.
07 / Requirements and compatibility
Keyboard text practice compatibility with Elementor
- Requires Elementor; works without WooCommerce.
- Practises single-line phrases; it is not a full typing course.
- Nothing is sent to your server.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot keyboard text practice
Check these settings if the published page behaves differently from the editor.
Why is my capital letter marked wrong?
Capital letters must match. Switch that off to ignore case.
Why does a quote mark count as right?
Curly quotes and dashes in the phrase match the keyboard versions.
Where is the Next phrase button?
It appears when there is more than one phrase.
Why is my phrase cut short?
Each phrase is limited to 300 characters.
Keyboard text practice plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Is the typing sent anywhere?
No. Everything happens in the visitor’s browser and nothing is saved.
How is speed worked out?
Five characters count as a word, from the first keystroke to the last.
Is it accessible?
Yes. The input is labelled, mistakes are underlined as well as coloured, and the result is announced.
Can I use it more than once on a page?
Yes. Each copy works on its own.
10 / Annual All Access subscription
Get keyboard text practice with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.