Policy updates
Show customers exactly what changed in terms or shipping rules.
Content / widget · Elementor module
Text Difference Viewer Widget Plugin for Elementor
Let visitors paste two versions of a text and see which lines and words were added or removed, live in the browser.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Text difference viewerProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published widgets running in your browser; edit either text to see the differences update.
02 / Inside WordPress
Text difference viewer controls in Elementor
Comparison sets live or button comparison, ignoring case and extra spaces, showing unchanged lines, marking changed words, visitor options and the most lines per text. Labels sets the heading, the text area labels and starting texts, and every button and message. The Style tab covers the layout, text areas, the added and removed colours, line numbers and the buttons.
03 / Website use cases
Where to use text difference viewer
Spotting what changed between two versions of a policy, recipe, contract clause or code snippet by eye is slow and unreliable. Text difference viewer lines the two texts up and marks every added and removed line, and the changed words inside edited lines, right on your page.
Writers and editors
Compare drafts of an article or product description.
Developers
Compare two versions of a code or settings snippet.
04 / Installation and setup
How to add a text comparison tool 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 Text difference viewer in the Complementor library.
Add the widget to a page and set the text area labels, such as Old policy and New policy.
Optionally fill both starting texts so visitors see a comparison straight away.
Choose whether to ignore case or extra spaces, and whether to show unchanged lines.
Style the added and removed colours, then paste two texts to check the result.
05 / Content and style controls
Customize text difference viewer in Elementor
Configure the settings available for this module to suit the page you are building.
Live comparison as visitors type, or a Compare button.
Ignore case and ignore extra spaces, also as visitor checkboxes.
Show or hide unchanged lines.
Changed words marked inside edited lines.
Copy differences as a unified diff, Swap texts and Clear.
Line numbers for both texts and a spoken summary of the changes.
Colours for added and removed lines and words.
06 / Choose the right approach
Text difference viewer and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Desktop diff tools
Compare files on a computer; this widget works on any page, for any visitor.
WordPress revisions
Compare post revisions in the admin only; this widget compares any two texts on the page.
07 / Requirements and compatibility
Text difference viewer compatibility with Elementor
- Requires Elementor.
- Line and word comparison of plain text.
- Runs in the visitor’s browser.
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 text difference viewer
Check these settings if the published page behaves differently from the editor.
Why does a line show as removed and added when only a space changed?
Turn on Ignore extra spaces to treat spaces at the ends and repeated spaces as the same.
Why does it say the texts differ too much to line up?
Very long, very different texts are shown as removed then added so the page stays fast.
Why is there no comparison for a long text?
Each text is limited to the Most lines per text setting; raise it up to 5,000.
Why does Copy not work?
Browsers allow copying from secure (HTTPS) pages; the widget falls back to the older copy command elsewhere.
Text difference viewer plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Are the texts sent to a server?
No. The comparison runs in the visitor’s browser and nothing is sent anywhere.
Can screen reader users use it?
Yes. Lines are labelled Added or Removed, and a short summary is announced after each change.
Can visitors copy the result?
Yes. Copy differences gives a plain text diff with + and - markers.
How long can the texts be?
Up to 5,000 lines each; the default limit is 2,000.
10 / Annual All Access subscription
Get text difference viewer 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.