Recipes and instructions
Turn a list of steps into numbered steps readers can copy.
Content / widget · Elementor module
Text Line Numberer Widget Plugin for Elementor
Let visitors paste text and get it back with a number in front of each line, updated as they type and ready to copy.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Text line numbererProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget. Type or paste text into any of them; the numbered copy updates as you type.
02 / Inside WordPress
Text line numberer controls in Elementor
Content sets the start number, the count-by step, the separator, number padding, blank-line handling, whether visitors can change the start and blank lines, the line limit and every label and message. The Style tab covers the layout and labels, the text area and fields, the numbered text with separate number and line colours, and the Copy and Clear buttons.
03 / Website use cases
Where to use text line numberer
Numbered lines make lists, scripts, code excerpts and instructions easy to refer to, but numbering them by hand is slow and breaks as soon as a line is added. Text line numberer runs on your own page: visitors paste text and get it back numbered, with the start number, separator and blank-line handling they need, ready to copy.
Code and documentation sites
Number a code excerpt from the right line so reviewers can refer to it.
Scripts, poems and transcripts
Add line numbers for rehearsals, lessons or citing a passage.
04 / Installation and setup
How to add a text line numberer 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 line numberer in the Complementor library.
Add the widget to a page.
In Numbering, choose Start at, Count by, the separator and how blank lines are handled.
In Labels, optionally add starting text and adjust the labels and messages.
Style the text area, numbered text and buttons, then paste some text to test it.
05 / Content and style controls
Customize text line numberer in Elementor
Configure the settings available for this module to suit the page you are building.
Numbering updates as visitors type, with a line count announced to screen readers.
Start at any whole number from 0 and count by 1 or more.
Separator after the number: colon, full stop, bracket, bar, tab or space.
Numbers can be lined up with spaces or zeros (001, 010, 100).
Blank lines can be numbered, kept without a number or removed, and visitors can change this and the start number.
Copy numbered text copies exactly what is shown, also on sites without HTTPS.
Separate colours for numbers and line text, a maximum height that scrolls, and wrapping on or off.
06 / Choose the right approach
Text line numberer and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Elementor's Text Editor numbered list
Better for a fixed list you write yourself; it does not let visitors number their own text.
Elementor Code Highlight (Pro)
Better for showing your own code with syntax colouring and line numbers; visitors cannot paste text into it.
Word processors and code editors
Fine for one-off documents but take visitors away from your page.
07 / Requirements and compatibility
Text line numberer compatibility with Elementor
- Requires Elementor; works without Elementor Pro or WooCommerce.
- Numbers lines as written; it does not wrap, sort or renumber existing numbers.
- Up to 50,000 lines (5,000 by default); visitor text is not saved.
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 line numberer
Check these settings if the published page behaves differently from the editor.
Why does the last line not get a number after I press Enter?
A final line break does not start a new line, so the empty line after it is not numbered.
Why are blank lines numbered?
Blank lines are numbered by default. Choose Keep, no number or Remove under Blank lines.
Why does it say Start at must be a whole number?
Start at accepts whole numbers from 0 to 1,000,000,000. Clear the field to go back to the saved start.
Why were some lines left out?
Only the first 5,000 lines are numbered by default. Raise Most lines numbered in Numbering, up to 50,000.
Text line numberer plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Is the text sent anywhere?
No. The numbering happens in the visitor's browser and nothing is saved.
Can numbers line up in columns?
Yes. Line up numbers pads them with spaces or zeros to the width of the largest number.
Can I paste the result into a spreadsheet?
Yes. Choose Tab as the separator and the numbers land in their own column.
Does it need JavaScript?
Yes. Without it a short message is shown instead.
10 / Annual All Access subscription
Get text line numberer 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.