WP Coder Pro

WP Coder Pro lets you create and manage HTML, CSS, JavaScript, and PHP snippets in a tabbed dashboard editor with CodeMirror syntax highlighting. Add code without editing theme files, whether you are testing hooks, adding tracking scripts, or adjusting a website's layout and interactions.

Choose how snippets are placed and execute

Insert snippets with the Gutenberg block, which works with custom attributes and live preview, or use the shortcode [wp_code id="X"]. HTML and CSS can be previewed in the backend and Gutenberg without reloading. PHP execution settings let a snippet run in the admin area, on the front end, everywhere, or only where it is inserted. You can also include external libraries, including Google Fonts and CDN scripts or styles.

Preview and prepare front-end code

Test Mode lets you preview snippets before they go live. For front-end code, the plugin includes CSS and JavaScript minification, JavaScript obfuscation with Dean Edwards’ Packer, and settings to load scripts with async or defer. Import and export utilities move snippets and settings between sites.

Connect integrations and content tools

Integrations include Google Tag Manager with visitor-role controls, Google Analytics, Facebook Pixel, Pinterest Pixel, and Google AdSense. AdSense can be disabled for selected user roles. The Markdown Editor uses CodeMirror and replaces Gutenberg and TinyMCE while it is in use. You can conceal unused editor tabs and add NAV comments as inline navigation markers while editing code.

Manage WordPress administration tasks

• 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 between installed themes from the Admin Bar.
• Use included snippets for editor, content, login, user access, media, embeds, and core-functionality changes.
• Apply options to disable Gutenberg, change login redirects, enable SVG uploads, set default avatar ALT text, control lazy loading, or disable embeds.

Create and publish a snippet

Install and activate the add-on through the standard WordPress plugin workflow, then open the code editor in the dashboard. Create a snippet, select its code type, add the content, and pick how and where it should run. Preview it in Test Mode when appropriate, then place it with the Gutenberg block or shortcode. Import and export tools are available when moving snippets and settings between sites.