DE
EN
STM Custom CSS JS Manager Free
join forincluding 19% VAT
Your theme provides the basic design — but every page has its own requirements. Custom CSS & JS Manager Free Brings your own CSS and JavaScript directly into the WordPress editor: page-specific, update-proof and without FTP. Customizations that survive theme updates — free and ready to use immediately.
Unique code for each post or page — only loaded where needed.
Syntax highlighting, auto-completion & error highlighting
File size, number of snippets & usage per page at a glance
Role-based permissions — only authorized users can see the editor
Pre-built solutions for frequent adjustments — constantly being expanded
Install, activate, get started — no configuration required
Code stored in the database — Theme updates don't delete anything
No hidden costs, no account needed — simply install
Custom CSS & JS Manager Free for WordPress
Manage your own CSS and JavaScript directly in the WordPress backend — page by page, without editing theme files. A free introduction to custom code management for posts and pages.
PHP 7.4 – 8.4
WooCommerce compatible
All themes
Why does your WordPress site need a CSS & JS manager?
WordPress themes offer standard designs — but every website has individual requirements. Anyone wanting to integrate their own CSS or JavaScript quickly runs into a problem: Directly editing theme files means that all customizations will be lost in the next update. Child themes are complex, and additional plugins are often cumbersome.
The Custom CSS & JS Manager Free This solves exactly that problem. You add your own CSS and JavaScript directly in the WordPress editor—page-by-page, update-proof, and without FTP access. The integrated CodeMirror editor offers syntax highlighting, auto-completion, and error highlighting. Your customizations will be retained regardless of any theme updates.
The main advantages of the free version
Page-by-page code management
Add your own CSS and JavaScript selectively to individual posts and pages — without overloading global stylesheets or touching theme files.
Professional code editor
CodeMirror integration with syntax highlighting, auto-completion, error highlighting and code folding — directly in your WordPress dashboard.
Clear analytics
Key data about your code snippets at a glance — file size, number of snippets, and usage per page. You always maintain an overview.
Access control
Define which user roles are allowed to edit custom code. Protect your website from unwanted changes by unauthorized users.
Code snippets to get started
Pre-built base snippets for frequent customization — so you don't have to start from scratch. The snippet library is constantly being expanded.
Simple installation
Install the plugin, activate it, and get started — no configuration required. The code editor appears directly below the WordPress post editor.
🎨
What does the integrated code editor offer?
A good editor makes the difference between frustrating trial and error and efficient work. The Custom CSS & JS Manager uses CodeMirror — the same editor that WordPress itself uses for its theme editor. The result: a familiar, professional environment right in your dashboard.
- Syntax highlighting — CSS and JavaScript code highlighted in color for better readability
- Auto-completion — CSS properties and values are automatically suggested.
- Error highlighting — Syntax errors are immediately highlighted before you save.
- Code folding — Expand and collapse sections for better overview of longer snippets
- Line numbering — Precise navigation and debugging in the code
📄
How does page-level code management work?
Global CSS files load on every page—even where the code isn't needed. This impacts performance and makes maintenance more difficult. The Custom CSS & JS Manager takes a different approach: Your code will only be loaded where you assign it.
- Posts & Pages — Include custom CSS and JavaScript for each post or page
- No global store — The code will only be executed on the assigned page.
- Separated fields — CSS and JavaScript in separate editors for a clear structure
- Instant preview — Check changes directly in the frontend without risking theme files
🔒
How does the plugin protect against unwanted code changes?
Custom code on a website is powerful — and that's precisely why not every user should have access to it. The Custom CSS & JS Manager offers a integrated access control, which allows you to precisely define who is allowed to edit CSS and JavaScript.
- Role-based authorization — Determine which WordPress user roles can see the code editor
- Protection against incorrect operation Editors or authors don't need to see code if they don't need it.
- Update fest — Your code remains in the database, not in theme files — Theme updates don't delete anything.
Free vs. Pro — Which version suits you best?
The free version covers the most important functions — perfect for getting started and simple customizations. Those who need more control, performance optimization, and WooCommerce support will find all the necessary tools in the Pro version.
| Features | Free | Pro |
|---|---|---|
| Posts & Pages | ✓ | ✓ |
| CodeMirror Editor | ✓ | ✓ |
| Analytics & Statistics | ✓ | ✓ |
| Access control | ✓ | ✓ |
| WooCommerce products | ✗ | ✓ |
| Custom Post Types | ✗ | ✓ |
| Code size | 25 KB | Unlimited |
| Code snippets | Basic | Erweitert |
| Code miniaturization | ✗ | ✓ |
| Import / Export | ✗ | ✓ |
| Multi-site support | ✗ | ✓ |
| Priority support | ✗ | ✓ |
| Updates | Basic | Lifelong |
Technical Details & System Requirements
system requirements
| Wordpress | 5.8 or higher |
| PHP | 7.4, 8.0, 8.1, 8.2, 8.3, 8.4 |
| Themes | All WordPress themes (including block themes) |
| Installation | WordPress plugin directory or ZIP upload |
Scope of services (Free)
| post Types | Posts & Pages |
| Code limit | 25 KB per field |
| Editor | CodeMirror with syntax highlighting |
| Configuration | Settings → Custom CSS & JS Manager |
Frequently Asked Questions about Custom CSS & JS Manager Free
Who is the Custom CSS & JS Manager Free the right choice for?
Need more? Upgrade to the Pro version.
WooCommerce support, custom post types, unlimited code, import/export, code minification, multi-site and priority support — unlock all features.
Questions about usage or individual customizations?
Our WordPress expert team will support you with setup, configuration or individual customizations — quickly and reliably.
This WordPress plugin can be installed in two ways: via ZIP file (recommended) or via Composer (for Composer-managed WordPress installations).
Option 1: Installation via ZIP file Recommended
After you place your order, the plugin will be available for download as a ZIP file.
1. Download the ZIP file
Download the ZIP file via your account at My Account → Downloads .
2. Upload the plugin in the WordPress admin area
Go to the WordPress admin area. Plugins → Install → Upload Plugin and select the downloaded ZIP file.
3. Activate the plugin
After uploading, click on "Activate plugin"The plugin is ready to use immediately. You can find the configuration under Settings → CSS & JS Manager.
Option 2: Installation via Composer
For Composer-managed WordPress installations (e.g., with BedrockAfter completing your order, you will receive your confirmation via email. personal login data for our Composer repository.
1. Add repository
composer config repositories.storetown-media composer https://packages.storetown-media.de
2. Install the plugin
composer require stm/custom-css-js-manager
3. Activate the plugin
The plugin will be automatically installed in the directory wp-content/plugins/
installed. Then activate it under Plugins
in the WordPress admin area. You will receive future updates via composer update.
Need help?
If you have any questions about the installation, please contact our support team at support@storetown-media.de.
Change Log
Version 2.1.0 — 2026-03-09
Added- STM License Client SDK integration for Pro license validation
- License activation in Free version unlocks Pro features without reinstall
- Pro feature unlock via filter system (post types, size limits, advanced features)
- License management now uses centralized STM License Client SDK
Version 2.0.0 — 2026-03-08
Added- Full WPCS (WordPress Coding Standards) compliance across all PHP files
- Centralized
CCJM_Sanitizerclass for CSS/JS input sanitization wp_add_inline_style()/wp_add_inline_script()for all frontend output (replaces raw/tags)$wpdb->prepare()for all database queries including LIKE patterns- Proper
wp_unslash()+sanitize_text_field()on all$_POST/$_GETdata - Format arrays for all
$wpdb->insert()/$wpdb->update()calls LICENSE.txt(GPLv2) in plugin root- German translation file (
languages/ccjm-de_DE.po/.mo(325 entries) - Translation template (
languages/ccjm.pot) - Pro upgrade page with feature comparison
- **Architecture:** Complete rewrite with shared
core/architecture (identical core with Pro version) - **Frontend output:** Hooks changed from
wp_head/wp_footertowp_enqueue_scripts(priority 9999) - **Metabox:** Replaced anonymous closures with named class methods for WordPress compatibility
- **Upgrade notices:** Moved from inline
to properly enqueued JavaScript viawp_add_inline_script() - **Capability:** Configurable via
CCJM_Core::get_capability()instead of hardcodededit_posts - **Code validation AJAX:** Uses
sanitize_textarea_field()for submitted code - **Pro features page:** Inline styles moved to
admin.css - Minimum PHP version requirement raised to 7.4
- Missing nonce verification on metabox save (
sanitize_text_field( wp_unslash() )) - Missing escaping on plugin action links (
esc_url(),esc_html__()) - Unescaped HTML in translation strings (now uses
wp_kses()) - Dynamic CSS class output missing
esc_attr()on settings page - Missing
absint()on post IDs in frontend output - Upgrade dismiss AJAX missing capability check
- All
$_POST/$_GET/$_REQUESTaccess now useswp_unslash()+ sanitization - All database queries use
$wpdb->prepare()with proper format specifiers - Direct file access protection (ABSPATH check) on all PHP files
- Nonce verification on all AJAX handlers and form submissions
- No external API calls — verified zero outbound connections in Free version
Version 1.5.0 — 2026-01-15
Added- Admin bar indicator showing active custom code on current page
- Code size indicator in metabox footer (bytes / percentage of 25 KB limit)
ccjm_free_size_limitfilter to allow customization of the size limit
- Settings page reorganized with tabs (General, Editor, Advanced)
- Improved code editor loading performance (lazy initialization)
- Better upgrade notices with feature comparison
- Code editor height not persisting after page reload
- Rare PHP notice when
$postis null on certain admin screens - Translation strings with placeholders not working correctly in some locales
Version 1.4.0 — 2025-12-10
Added- **10 basic code snippets** for common CSS patterns (hide elements, responsive text, flexbox layouts, etc.)
- Keyboard shortcuts in code editor (Ctrl+S to save, Ctrl+/ to toggle comment)
ccjm_before_output_cssandccjm_before_output_jsfilter hooks for developers
- Snippet insertion now replaces selection instead of appending
- Code editor theme updated for better readability
- Pro upgrade notice redesigned (less intrusive, dismissible for 30 days)
- JavaScript validation false positives on arrow functions
- CodeMirror conflict with other plugins loading older versions
- CSS validation rejecting valid
@mediaqueries withprefers-color-scheme
Version 1.3.0 — 2025-11-05
Added- **Analytics dashboard** under Tools > CSS & JS Stats with usage overview
- CSV export for analytics data
- Database table
{prefix}_ccjm_analyticsfor tracking code usage - Clear statistics button for data cleanup
- Metabox now shows "last modified" timestamp for CSS and JS
- Improved code validation with detailed error messages and line numbers
- Admin notices consolidated (max 1 notice at a time)
- Code not saving when both CSS and JS fields are submitted simultaneously on slow servers
- PHP 8.1 deprecation notice for
strftime()in analytics - Missing text domain on 3 admin notice strings
Version 1.2.0 — 2025-10-02
Added- Initial public release on WordPress.org
- Per-post and per-page custom CSS editor with CodeMirror syntax highlighting
- Per-post and per-page custom JavaScript editor
- Code validation for CSS and JavaScript
- Theme CSS/JS disable toggles by post
- Basic code statistics page
ccjm_capabilityoption for customizing required user role- 25 KB code size limit per post (CSS and JS each)
- Admin settings page under Settings > CSS & JS Manager
- Uninstall data cleanup option
- Gutenberg and Classic Editor support
- Data preservation during Free-to-Pro upgrade path
Frequently Asked Questions
Which WordPress versions are supported?
Our plugins are compatible with WordPress 5.0 and higher. You can find the exact version requirements in the respective product description.
Will the plugin work with my theme?
Yes, our plugins are compatible with all standards-compliant WordPress themes – including Gutenberg and Classic Editor.
Will I receive automatic updates?
Yes – if you installed the plugin via Composer, you will conveniently receive updates via composer update. With manual ZIP installation, you can download new versions via your account and update them via the WordPress admin.
Can I use the plugin on multiple websites?
Each license is valid for one WordPress installation. For use on multiple websites, you will need additional licenses. Please contact us for volume discounts.
Where can I find support?
Write to us support@storetown-media.deWe usually respond within 24 hours.
Individual adjustments
Do you need additional features or to adapt this extension to your individual requirements? We offer custom development as an agency service.
Our offer includes:
- Functional enhancements & individual features
- Integration into existing workflows & third-party systems
- Adaptation to your corporate design & theme
- Performance optimization & code reviews
- Dedicated support & maintenance contracts
Interested? Briefly describe your requirements and we will create a non-binding offer for you.
1 review for STM Custom CSS JS Manager Free
Frequently Asked Questions about STM Custom CSS JS Manager Free
- What is STM Custom CSS JS Manager Free and what is it used for?
- STM Custom CSS JS Manager Free is a professional digital product in the "WordPress / WooCommerce Plugins" category, developed and distributed by Storetown Media from Hamburg. Your theme provides the basic design—but every website has its own unique requirements. The Custom CSS & JS Manager Free brings your own CSS and JavaScript directly into the WordPress editor: page-specific, update-proof, and without FTP. Customizations that survive theme updates—free and ready to use immediately. ✏️ Page-specific CSS & JS: Custom code for each post or page — only loaded where needed. 🎨 CodeMirror Editor syntax highlighting, auto-completion & error highlighting 📊 Code analytics: file size, number of snippets & usage per page... This product is aimed at developers, agencies and shop operators looking for a reliable and professionally maintained solution.
- Is STM Custom CSS JS Manager Free free? Are there any hidden costs?
- Yes, STM Custom CSS JS Manager Free is completely free and open source. There are no license fees, subscription costs, or hidden charges. You can download the product freely, use it in your own projects, and benefit from regular updates. The download is available immediately after free registration in the Storetown Media Shop.
- How do I download and install STM Custom CSS JS Manager Free?
- The STM Custom CSS JS Manager Free download is available immediately after purchase. You will automatically receive a confirmation email with a direct download link. The file will also be permanently available in your personal customer account under "My Downloads." Installation is straightforward: detailed step-by-step instructions are included with the download. If you have any questions about the setup, our technical support team is available to assist you – in German, directly from Hamburg.
- What technical support and updates are included with STM Custom CSS JS Manager Free?
- Every purchase of STM Custom CSS JS Manager Free includes 12 months of professional technical support in German, as well as all product updates. Our development team, with over 10 years of e-commerce experience, is available via email and our ticketing system. After the first year, you can extend your support period at a 30% discount. Regular security and compatibility updates ensure that STM Custom CSS JS Manager Free remains reliable and up-to-date. Critical security patches are provided within 48 hours.
- Is there a free demo or trial version of STM Custom CSS JS Manager Free?
- Yes, Storetown Media offers a free live demo for STM Custom CSS JS Manager Free, which you can try immediately without registration. The frontend demo showcases the full functionality from your customers' and visitors' perspective – including all UI elements, animations, and responsive behavior across various devices. The backend demo gives you access to the administration interface, allowing you to explore all settings, configuration options, and the dashboard in detail. You can find the demo links directly on this page below the product gallery.
- What payment methods does Storetown Media accept? Is payment secure?
- The Storetown Media Shop accepts the following payment methods: PayPal, PayPal Pay Later, credit card (Visa, Mastercard, American Express), SEPA direct debit, and purchase on account. All transactions are protected by SSL encryption (256-bit). Sensitive payment data is not stored on our servers but is processed exclusively by PCI-DSS-certified payment service providers. Purchases are additionally protected by PayPal Buyer Protection and/or credit card protection.
- What experiences have customers had with STM Custom CSS JS Manager Free?
- STM Custom CSS JS Manager Free has an average customer rating of 5,0 out of 5 stars, based on 1 verified review. Customers particularly praise the easy installation, reliable functionality, and fast German-language support. All reviews are from verified buyers. You can find the full reviews in the Reviews tab at the top of this page.
- Who is behind STM Custom CSS JS Manager Free? Who is Storetown Media?
- STM Custom CSS JS Manager Free is developed and distributed by Storetown Media, a specialized e-commerce service provider based in Hamburg (Tornesch). The company has over 10 years of experience developing professional shop solutions based on Magento, Adobe Commerce, and WooCommerce. All products are designed, programmed, and maintained in-house by experienced, certified developers – no third-party software is used. Further information can be found at storetownmedia.de.
- What other WordPress / WooCommerce plugins does Storetown Media offer?
- STM Custom CSS JS Manager Free is part of the "WordPress / WooCommerce Plugins" category in the Storetown Media shop, which comprises a total of two professional products. All products in this category are maintained by the same development team and are designed to work together seamlessly. Discover our full portfolio of e-commerce solutions that will make your online store more powerful, secure, and profitable.
- Am I allowed to use STM Custom CSS JS Manager Free in multiple projects or shops?
- The standard license for STM Custom CSS JS Manager Free authorizes use in a single project or production environment. For use in multiple shops or client projects, we offer agency licenses and volume discounts. Contact our sales team for a customized offer. Development and staging environments are included free of charge with every license.
Discover More
STM Product Attachment Pro Extension for Magento 2
including 19% VAT
STM EU Tax Rate Sync for Magento 2 Community
including 19% VAT
STM B2B Register
including 19% VAT
⚡STM Smart One Page Checkout Extension for Magento 2, fast checkout, Hyvä, Luma compatible - Mollie, Ayden, Klarna, Paypal⚡
including 19% VAT
Steffen / Web Designer -
It does what it's supposed to. I needed the ability to use different CSS styles (colors, images) on different posts, not across all posts. Perfect. The JavaScript code needed only for the "Checkout" and "Thank You" pages was also integrated. However, anyone needing more supported post types like portfolios, forums, jobs, etc., will have to use the Pro version. The free version is sufficient for me for now.