WP Coder – Code Snippets + HTML, CSS, JS and PHP Injection

Description

Tired of editing theme files to add custom scripts or styles? WP Coder lets you effortlessly insert custom HTML, CSS, JavaScript, and PHP snippets right from your dashboard, giving you complete control and flexibility.

Documentation | Upgrade to Pro

WP Coder is a robust and user-friendly WordPress plugin that allows effortless insertion of custom HTML, CSS, JavaScript, and PHP code directly into your pages, posts, or widgets using powerful shortcodes. No more editing theme files—gain full control over your website’s customization instantly.

🚀 Why WP Coder?

  • Advanced Code Editor: CodeMirror-powered editor with syntax highlighting and intuitive navigation.
  • Shortcode Integration: Use [wp_code id="X"] to embed snippets anywhere easily.
  • Live HTML & CSS Preview: Real-time preview without the need to save or reload.
  • Code Optimization: Minify and inline your CSS/JS to boost website speed.

🎯 Ideal for:

  • Developers: Rapidly test scripts or debug live sites.
  • Marketers: Easily integrate analytics, pixels, and ad scripts.
  • Bloggers & Designers: Customize styles, enhance layouts, and improve user engagement.

⚙️ Features:

  • Embed HTML, CSS, JS, and PHP: Easily insert custom code through powerful shortcodes.
  • Advanced Tabbed Code Editor: Easily toggle visibility of HTML, CSS, JS, and PHP tabs for focused editing or cleaner visualization.
  • Syntax Highlighting: Enhanced code readability with CodeMirror integration.
  • Live Preview: Instantly view HTML and CSS output inside the editor.
  • Minify & Optimize: Improve loading performance by minifying CSS and JavaScript.
  • JS Optimization: Control script attributes (async, defer, disable jQuery).
  • Smart PHP Handling: Execute PHP snippets conditionally—run where inserted, run only in the admin area, run only on the front-end, or run everywhere.
  • External Scripts & Styles: Include external libraries like Google Fonts or CDN resources.
  • Test Mode: Safely preview snippets without affecting your live site.
  • Import/Export: Easily transfer snippets and settings between sites.
  • Visual Snippet Navigation: Inline NAV comments for easy code section navigation.
  • Safe and Lightweight: Built for speed and optimized for security, with zero bloat.

💡 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

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

🚨 PRO Features:

  • Custom Templates: Create unique page and post templates. Also available for categories, archives, and custom post types.
  • Conditional Display Rules: Show snippets based on specific criteria.
  • Advanced Shortcode Attributes: Create and use custom shortcode attributes to dynamically adjust snippet content.
  • Scheduled Visibility: Set date/time rules for snippet display.
  • Visibility Control: Mobile/Desktop-specific visibility settings.
  • Browser & Language Targeting: Show or hide snippets based on browser or language.
  • Maintenance Mode: Display custom maintenance pages.
  • Remove Enqueued Scripts & Styles: Optimize site performance by managing scripts/styles.
  • QuickCode: Dynamically insert data like object IDs or site options.
  • Register Menu: Automatically add menu support in themes that don’t have a registered navigation menu.

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!

📺 Plugin Demo:

🌟 Other Popular Plugins:

Enhance your WordPress site today with WP Coder!

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.

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

སྤྱི་ཟླ་བཅུ་གཅིག་པ། 23, 2023
Amazing plugin and easy to use! I am happy I found this plugin and the support is AMAZING!! Thank you for everything! 5 stars!!!
སྤྱི་ཟླ་དགུ་པ། 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) {
སྤྱི་ཟླ་བརྒྱད་པ། 10, 2023 5 replies
This new update ruined my quiz web code…. I had to revert back to version 2.5.6 for my code to work again
སྤྱི་ཟླ་བརྒྱད་པ། 8, 2023 2 replies
Indeed the latest version of the plugin has new useful features but I revert back to the older version. The new update ruined 26 web apps I had live in community along with custom pages for premium community members. Kind of ruined 2 years of hard work so who’s going to fix that?! Reverted back to older version yet some of the custom pages didn’t got fixed. :/ It supposed to simplify things not making it harder to recode.
སྤྱི་ཟླ་དྲུག་པ། 29, 2023
A great plugin to add external html/css/js to a wordpress site. it works very well.
སྤྱི་ཟླ་ལྔ་པ། 24, 2023 1 reply
Thank you dear, you’re doing a good job.Good luck and prosperity!
Read all 28 reviews

Contributors & Developers

“WP Coder – Code Snippets + HTML, CSS, JS and PHP Injection” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

Helpful Links

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.