Edit snippets and select how to place them

WP Coder Pro brings HTML, CSS, JavaScript, and PHP into a tabbed WordPress dashboard editor with CodeMirror syntax highlighting. Create and manage snippets without editing theme files. Insert them with the Gutenberg block, which works with custom attributes and live preview, or use the shortcode [wp_code id="X"]. HTML and CSS previews are available in the backend and Gutenberg without a reload.

Set execution separately from placement

PHP settings determine whether a snippet runs in the admin area, on the front end, everywhere, or only where it is inserted. External libraries can be included, such as Google Fonts and CDN scripts or styles. Test Mode lets you preview snippets before making them live.

For front-end code, controls include CSS and JavaScript minification, JavaScript obfuscation with Dean Edwards’ Packer, and script loading with async or defer. Import and export tools move snippets and settings between websites.

Manage measurement and advertising code

Integrations include Google Tag Manager with user-role controls, Google Analytics, Facebook Pixel, Pinterest Pixel, and Google AdSense. AdSense can be disabled for selected user roles.

Adjust editing and website administration

The Markdown Editor uses CodeMirror and replaces Gutenberg and TinyMCE while it is in use. You can hide editor tabs you do not need, and add NAV comments as inline markers to help navigate code.

• Enable, disable, or clear the WordPress debug log.
• Show request details in the Admin Bar, including the template, query type, object, and body classes. This tool is available to administrators.
• Switch among installed themes from the Admin Bar.
• Use included snippets for editor, content, login, user access, media, embeds, and core functionality.
• Apply settings to disable Gutenberg, change login redirects, enable SVG uploads, set default avatar ALT text, control lazy load, or disable embeds.