WP Coder – Insert & Manage Code Snippets

Description

Tired of editing theme files to add custom scripts or styles?
WP Coder lets you insert custom HTML, CSS, JavaScript, and PHP snippets directly from your dashboard — no coding in theme files required. Gain full control and flexibility over your site.

Documentation | Upgrade to Pro

Why WP Coder?

  • All-in-One Code Editor: Tabbed editor for HTML, CSS, JS & PHP with CodeMirror syntax highlighting.
  • Shortcode Integration: Use [wp_code id="X"] to embed snippets anywhere.
  • Live Preview: Instantly preview HTML & CSS without reloads.
  • Performance Ready: Minify CSS/JS and control script loading with async / defer.

Ideal For

  • Developers: Test snippets, hooks, and debug quickly.
  • Marketers: Insert tracking pixels, analytics, and ad scripts.
  • Designers & Bloggers: Customize layouts, styles, and enhance engagement.

Key Features

  • Insert HTML, CSS, JS, and PHP via powerful shortcodes.
  • Smart PHP handling: run in admin, front-end, everywhere, or only where inserted.
  • Include external libraries (Google Fonts, CDN scripts & styles).
  • Test Mode: Preview snippets safely before going live.
  • Import/Export snippets and settings between sites.
  • NAV comments: Add inline navigation markers for faster code editing.
  • Lightweight & secure — built for performance.

Included Tools:

Integrations

  • Google Analytics, Facebook Pixel, and Pinterest Pixel integration.
  • Google AdSense integration with the option to disable ads for selected user roles.

Content & Templates

  • Markdown Editor – Disables Gutenberg and TinyMCE, replacing them with a Markdown editor powered by CodeMirror.

Developer Tools

  • Debug Log management (enable/disable and clear log).
  • Show Page Debug Info – Display technical info for the current request in the Admin Bar (template, query type, object, body classes). Admins only.
  • Theme Switcher – Quickly switch between installed themes directly from the admin bar.

Included Snippets:

Editor & Content

  • Disable Gutenberg Editor
  • Remove Gutenberg Block CSS
  • Disable Widget Blocks
  • Enable Shortcode Execution in Widgets
  • Enable Excerpt for Pages
  • Open External Links in New Tabs
  • Change “Read More” Text

Admin Interface Tweaks

  • Disable Screen Options Tab
  • Disable Welcome Panel
  • Duplicate Posts
  • Disable Admin Bar

Login & User Access

  • Disable Login Page Language Switcher
  • Disable Login by Email
  • Disable Admin Password Reset Emails
  • Custom Login Logo
  • Custom Login Redirect URLs
  • Change Redirect After Login
  • Change Redirect After Logout

Media & Embeds

  • Enable SVG Upload
  • Force Lowercase Filenames
  • Default ALT Text for Avatars
  • Disable Lazy Load
  • Disable Embeds
  • Adjust oEmbed Max Dimensions

Core Functionality

  • Disable XML-RPC
  • Disable REST API
  • Disable Automatic Updates
  • Disable Emojis
  • Disable Shortlinks
  • Limit Post Revisions

Comments & Feedback

  • Disable Comments Globally
  • Disable Comment URL Field
  • Disable Self Pingbacks
  • Disable Trackbacks & Pingbacks
  • Disable HTML in Comments
  • Limit Comment Length

Cleanup & Optimization

  • Remove WP Version
  • Disable Attachment Pages
  • Disable RSS Feeds
  • Disable Built-in Search
  • Disable wlwmanifest Link
  • Disable Automatic Trash Emptying
  • Redirect 404 to Homepage

WP Coder simplifies your WordPress development workflow and makes customization safe, fast, and flexible!

Get started today and simplify your WordPress development workflow with WP Coder!

Quick Start Video

Plugin Demo:

Support

Need help? Ask questions and get quick answers in our support center.

Screenshots

  • HTML Block – Easily insert custom HTML snippets.
  • CSS Block – Manage and insert custom CSS snippets.
  • JavaScript Block – Customize your site’s functionality with JS snippets.
  • PHP Block – Dynamically embed PHP snippets.
  • Include External CSS & JS – Quickly link external CSS and JavaScript files.
  • Publish Settings – Configure snippet visibility and publishing options.
  • Snippets Manager – manage all snippets efficiently.
  • Tools – Access helpful tools like Tracking Code Manager and Google AdSense integration.
  • Global PHP – Insert PHP snippets globally across your website.
  • Export/Import – Easily export and import your snippet settings.

Blocks

This plugin provides 1 block.

  • WP Coder Snippet

Installation

📌 Option 1: Install via WordPress Admin

  1. Go to Plugins Add New in your WordPress admin panel.
  2. Search for “WP Coder” and click Install Now.
  3. Click Activate after installation.

📌 Option 2: Install Manually

  1. Download the WP Coder plugin ZIP file from WordPress.org.
  2. In WordPress admin, go to Plugins Add New Upload Plugin.
  3. Click Choose File, select the downloaded ZIP file, then click Install Now.
  4. After installation, click Activate.

📌 Option 3: Install via FTP

  1. Download and unzip the WP Coder plugin ZIP file.
  2. Upload the extracted wp-coder folder to /wp-content/plugins/ via FTP.
  3. Go to Plugins in WordPress admin and click Activate.

🚀 Getting Started

  1. Navigate to the Wow Plugins WP Coder section in your WordPress admin panel.
  2. Click Add New Snippet to create your first code snippet.
  3. Configure your snippet settings (HTML, CSS, JavaScript, PHP).
  4. Click Save to apply your changes.

FAQ

Does WP Coder support Network activation?

Currently, WP Coder doesn’t support network-wide activation. If you’re using WordPress Multisite, activate the plugin individually on each site within your network.

Where can I find detailed documentation?

Visit our comprehensive official documentation for detailed guides and step-by-step instructions.

How can I use shortcode content in HTML code?

If you include content within the shortcode like [wp_code id="1"]Some Text[/wp_code], you can insert this content into your HTML snippet using the variable {{$shortcode_content}}.

Can I use shortcodes from other plugins within WP Coder snippets?

Absolutely! WP Coder allows you to embed shortcodes from any plugin within your HTML snippet content. You can also use WP Coder’s own shortcodes, offering enhanced flexibility for customization.

What is the purpose of tags in the ‘Publish’ block?

Tags help categorize and organize your snippets. When creating or editing a snippet, assign tags in the ‘Publish’ block to easily filter and manage your snippets later.

How do I use the link feature in the ‘Publish’ block?

The link feature helps you track where your shortcode is placed. Simply enter the URL of the page where your shortcode is inserted in the ‘Link’ field when creating or editing your snippet.

Reviews

28 мая, 2025 1 reply
Es simple, clara y funiona para lo que se supone que fue diseñada! eso me gusta mucho! bien por el equipo
18 верасня, 2023 1 reply
Works, except string literals, like message = We can make change for ${totalString} with ${nickelsString} nickels and ${penniesString} pennies!; document.querySelector(‘#status’).innerHTML = message; , display with missing whitespace. Instead of just adding my js code to the page, this plugin breaks it into some weird eval function that doesn’t work with whitespace: eval(function(p, a, c, k, e, d) {
Read all 31 reviews

Contributors & Developers

“WP Coder – Insert & Manage Code Snippets” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

Helpful Links

4.4

  • Added: Gutenberg block – insert and manage WP Coder snippets directly inside the WordPress block editor.

4.3.1

  • Fixed: includes css to Live preview

4.3

  • Added: Markdown Editor in Tools for writing with Markdown syntax.
  • Added: Debug Tools section in Tools, including:
    • Show Page Debug Info
    • Theme Switcher
    • Plugin Switcher
  • Improved: Tools page layout – tools are now grouped into sections for easier navigation.

4.2

  • Added: Debug Log page in WP Coder admin menu with options to enable/disable logging and clear log.
  • Added: Admin bar indicator with link to Debug Log when entries are present.

4.1

  • Added: Export snippets by tags
  • Added: Export selected snippets
  • Added: Option to use CSS files only in Live Preview without loading them on the site

4.0.3

  • Added: duplicate button for each item
  • Improved: Live Preview block behavior and rendering

4.0.2

  • Improved: Reorganized method order in DBManager class for better readability and maintenance
  • Improved: Minor SQL formatting for consistency
  • Cleaned: Minor code style improvements according to WordPress Coding Standards (WPCS)

4.0.1

  • Improved: Added matchBrackets: true option for the JavaScript editor to highlight matching brackets when editing code.

4.0

  • Improved: Refreshed interface for better user experience.
  • Added: “Open External Links in New Tab” snippet.
  • Added: “Redirect 404 to Homepage” snippet.
  • Added: “Limit Comment Length” snippet.
  • Added: “Disable HTML in Comments” snippet.
  • Added: “Disable Trackbacks & Pingbacks” snippet.
  • Added: Live preview feature for HTML & CSS snippets.

3.6.1

  • Fixed: Security issue in escaping within list files.

3.6

  • Added: Custom locations for PHP snippet inclusion.
  • Added: Option to hide tabs in settings.
  • Fixed: Admin style compatibility for Safari browser.

3.5.2

  • Fixed: Minor admin style improvements.
  • Fixed: Various minor bugs.

3.5.1

  • Changed: Adjusted user permissions to use the plugin.

3.5

  • Added: “Tracking Code Manager” tool for easy integration of analytics pixels.
  • Added: “Google AdSense” integration tool.
  • Added: User roles support for “Disable WP Admin Bar” snippet.
  • Improved: Updated back-link functionality.

3.4

  • Added: Pre-set popular snippets page.

3.3

  • Added: Button to insert images in HTML snippets.
  • Added: HTML Minification tool.
  • Improved: Enhanced CSS Minification tool.

3.2.1

  • Fixed: Minor database issue.

3.2

  • Added: “Add New” and “All Codes” buttons in editor.
  • Fixed: Improved admin styling.

3.1.1

  • Fixed: Database save issue.

3.1

  • Added: Global PHP snippet feature.
  • Added: Content handling inside shortcodes.
  • Added: Copy shortcode button.
  • Improved: More flexible file inclusion management.
  • Changed: Shortcode updated to [wp_code].

3.0.5

  • Fixed: Minor update bug and admin notifications.

3.0.4

  • Fixed: Updated datatable handling.

3.0.3

  • Fixed: Inline scripts/styles management.

3.0.2

  • Fixed: Execution order for scripts and styles.

3.0.1

  • Fixed: Updating and saving snippets.
  • Fixed: Admin capability adjustments.

3.0

  • Added: Test Mode and snippet Status.
  • Added: Tagging and Link options.
  • Added: Inline and Minified options for CSS.
  • Added: JavaScript optimization options.
  • Added: Export/Import feature.
  • Improved: Updated database and admin interface.

2.5.6

  • Fixed: Minor bug in snippet list.

2.5.5

  • Fixed: General minor fixes.

2.5.4

  • Fixed: Security enhancements.

2.5.3

  • Fixed: Additional security improvements.

2.5.2

  • Fixed: Minor issues on main plugin page.

2.5.1

  • Fixed: General minor fixes.

2.5

  • Added: Alternative shortcode option.
  • Added: Shortcode processing within HTML snippets.

2.4

  • Fixed: Handling of <textarea> tags in HTML.
  • Fixed: Shortcode functionality.

2.3.2

  • Fixed: Snippet deletion and database saving issues.

2.3

  • Fixed: Minor bug fixes.

2.2

  • Fixed: Improved script/style loading order.

2.1

  • Fixed: Database save issue resolved.

2.0

  • Added: CodeMirror integration.
  • Optimized: Improved file storage efficiency.
  • Improved: Admin interface styling.

1.1

  • Fixed: Shortcode display issue in content.

1.0

  • Initial release.