Naming variables and columns
Turn a description into a name in your project’s style.
Content / widget · Elementor module
Code Identifier Formatter Widget Plugin for Elementor
Let visitors turn words or an existing identifier into camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, dot.case or Title Case and copy it.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Code identifier formatterProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published widgets running in your browser; type your own words to try them.
02 / Inside WordPress
Code identifier formatter controls in Elementor
Text and format sets the starting text, the format shown first and whether visitors can choose it. Behaviour sets acronym handling, plain ASCII, the table of every format, the words found and live updates. Labels sets the heading and every label and button. The Style tab covers the layout, the identifier and table, warnings, fields and buttons.
03 / Website use cases
Where to use code identifier formatter
Renaming getHTTPResponse to snake_case or a database column to camelCase by hand is slow and easy to get wrong, and simple converters treat HTTPResponse as one word. Code identifier formatter splits words at spaces, punctuation, camel humps, acronyms and digits, shows the result in seven common formats with a Copy button each, and warns about leading digits, reserved words and characters that cannot be written in plain ASCII.
Converting between styles
Move names between JavaScript, Python, CSS and SQL conventions.
Style guides
Show the naming style of a codebase with live examples.
04 / Installation and setup
How to add a case converter 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 Code identifier formatter in the Complementor library.
Add the widget to a developer documentation or style guide page.
Type starting words or an identifier, or leave the field empty.
Choose the format shown first and whether acronyms stay in capitals.
Style the identifier and table, then type words to check it.
05 / Content and style controls
Customize code identifier formatter in Elementor
Configure the settings available for this module to suit the page you are building.
camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, dot.case and Title Case.
Words split at spaces, punctuation, camel humps, acronyms and digits, so getHTTPResponse and get_http_response match.
Acronyms kept in capitals or not.
Accents turned into plain ASCII letters, with a note about anything left out.
Warnings for leading digits and reserved words.
A Copy button for the main format and for every row.
06 / Choose the right approach
Code identifier formatter and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Acronym generator
Turns phrases into acronyms.
Stop word filter
Removes common words from text.
07 / Requirements and compatibility
Code identifier formatter compatibility with Elementor
- Requires Elementor.
- Formats names in the browser; it does not edit code.
- Reserved words are checked against JavaScript.
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 code identifier formatter
Check these settings if the published page behaves differently from the editor.
Why is HTTP written Http?
Acronyms are written like other words by default. Turn on Keep acronyms in capitals for getHTTPResponse.
Why were some letters left out?
Plain ASCII letters only is on and those letters have no plain form. Turn it off to keep them.
Why is there a warning about a digit?
The name starts with a number, which most programming languages do not allow. Add a word or _ in front.
Code identifier formatter plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Is anything sent to a server?
No. Everything runs in the visitor’s browser.
Which formats are there?
camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, dot.case and Title Case.
Can it convert an existing identifier?
Yes. Paste a name such as getHTTPResponse or MAX_RETRY_COUNT and it is split into words first.
Does it handle accented letters?
Yes. By default é becomes e and ß becomes ss; turn plain ASCII off to keep them.
10 / Annual All Access subscription
Get code identifier formatter 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.