Extension · Elementor · King Addons
Custom Code Manager: snippets with a rule engine
This is not the Elementor Advanced → Custom CSS feature. Custom Code Manager is a wp-admin snippet library with placement and rules, stored as posts of type kng_custom_code.
Get King Addons
Install the plugin from WordPress.org, enable this extension in the dashboard, then follow the steps on this page.
What it actually does
FREE_LIMIT = 10. Pro removes the cap via hasPro() (Freemius).
Snippets can inject in head, footer (priority 99), or a custom hook the class registers. A rule engine caches which snippets run on the current request. Debug logging can print in the footer.
AJAX exists to save, delete, toggle, duplicate, export, and load a snippet without a full page reload.
Where to find it in WordPress
Enable Custom Code Manager. Open its King Addons screen to add snippets. Meta keys use prefix _kng_cc_.
How to set it up
- Enable the manager. Dashboard toggle.
- Add a snippet. Choose CSS, JS, or HTML. Stay under 10 on free.
- Set placement. Header, footer, or custom hook.
- Add targeting rules. Only output on the requests you intend — do not paste global JS “to test” and leave it.
- Toggle from the list. Disable without deleting.
Controls that change behavior
| Control | What the plugin does |
|---|---|
| Snippet type | CSS vs JS vs HTML. |
| Placement | wp_head, wp_footer, or custom_hook. |
| Rules | Request targeting; results are cached per request. |
| Free limit | 10 snippets until Pro. |
When this is the right tool
- A tracking pixel only on thank-you pages.
- CSS that should not live inside one Elementor document.
- A small JS snippet with include/exclude rules.
Notes from the implementation
Per-element CSS in the editor is the Custom CSS feature. This manager is site-wide snippets. kingaddons.com.
FAQ
Why can’t I add an 11th snippet?
FREE_LIMIT is 10 without Pro.
Will this survive an Elementor regenerate CSS?
Yes. Snippets are not Elementor CSS files; they print from PHP hooks.
Other King Addons extensions
Activity Log
Two admin screens: Activity Logs (view) and Activity Log (settings). Event groups: auth, user, content, plugin, theme, settings, media, woocommerce, kng. Optional checksum chain.
Data Table Builder
CPT kng_table with a visual editor (columns, rows, tooltips, hide-on-mobile). Front-end search, sorting, pagination, and presets — not the Elementor Table widget’s inline cells.
Docs / Knowledge Base
Custom post type kng_doc with archive/single/taxonomy templates, optional TOC, sidebar, search, reactions, and related posts — a docs site inside WordPress.
Maintenance Mode
Site-wide maintenance/coming-soon with template themes, rules, schedule, analytics, and bypasses for wp-admin, login, Elementor, IP, path, cron, and WP-CLI.
Template Catalog Button
Editor-panel button that opens the King Addons catalog popup and imports templates or sections onto the current canvas.
Templates Catalog
Admin catalog (Free Templates / Templates Pro) that writes Elementor JSON onto a page, plus 650+ pages and 4,000+ sections in the public library.
Get King Addons
Custom Code Manager ships in King Addons for Elementor. Install the plugin from WordPress.org, then come back to this guide when you configure it.