WP Coder – Powerful HTML, CSS & JS Injection


WP Coder can embed HTML, JS, and CSS codes directly into your WordPress pages. This plugin allows you to easily manage style issues, add web forms, or introduce interactive features. For more detailed information on each feature, please consult our official documentation.

This plugin is an excellent tool for integrating a variety of scripts or styles, which can enhance your website’s aesthetics, interaction, and overall appeal.

WP Coder gives you the freedom to incorporate diverse elements, constructed using scripts and styles, into virtually any part of your website.

For instance, introducing a pop-up window script or a notifications script to a webpage is effortless, eliminating the need for multiple plugins, thereby avoiding the potential for site performance degradation.


  1. Direct Injection of Codes – Embed HTML, JS, and CSS codes directly to your pages or the whole site.
  2. Test Mode – Test different codes without affecting your live site.
  3. Import/Export Functions – Transfer your code snippets effortlessly across different websites.
  4. Multifunctional Code Editor – Enjoy color syntax highlighting, line numbering, and built-in error checking.
  5. Advanced CSS and JS Options – Have your CSS and JavaScript inline or minified to optimize page loading times.
  6. Integration of External Libraries – With WP Coder, you can tap into the vast pool of third-party libraries, leveraging existing scripts or styles that can significantly optimize your site development. This feature is perfect for not having to reinvent the wheel, and instead, you can build upon the robust releases of global developers to enhance your site’s functionality and appeal.
  7. Easily Embed Shortcodes into HTML Code – Shortcodes provide a convenient way to add complex features to your website without manually writing them into the HTML. With WP Coder, these shortcodes can be easily inserted into your HTML, improving site development speed and simplicity. Whether you’re looking to embed a contact form, add a gallery, or even include custom-designed elements, all these can be done through just a few lines of shortcode, significantly simplifying your website management.

WP Coder is an invaluable tool for all WordPress developers, website owners, and coding enthusiasts. Elevate your WordPress development experience with WP Coder.

Please note: While WP Coder allows for advanced customization and control, improper use may affect your site. Always backup your site before making significant changes.


Other Useful Plugins

If you find WP Coder useful, you might also want to check out our other plugins:


  • HTML block
  • CSS Block
  • JavaScript Block
  • Include custom CSS and JS files
  • Publish Information


Automatic installation

  1. Log into your WordPress admin
  2. Click Plugins
  3. Click Add New
  4. Search for WP Coder
  5. Click Install Now under “WP Coder”
  6. Activate the plugin
  7. Click link “Settings” or go to the page “Wow Plugins” ⇒ “WP Coder”

Manual installation

  1. Download the plugin
  2. Extract the contents of the zip file
  3. Upload the contents of the zip file to the wp-content/plugins/ folder of your WordPress installation
  4. Activate the WP Coder plugin from ‘Plugins’ page.

For more detailed instructions on setting up WP Coder, please refer to our step-by-step guide.

Perguntas frequentes

How do I activate WP Coder in Network mode?

If you’re using WordPress in Network mode, WP Coder will need to be activated for each individual site within the network. Unfortunately, the plugin does not support network-wide activation at this time.

Where can I find more detailed documentation?

You can find a complete guide and detailed usage instructions in our official documentation.

Can I insert any shortcode into the HTML block content?

Absolutely, you can embed any shortcode into the HTML block content using WP Coder. This flexibility not only allows you to include shortcodes from other plugins, but you can also use shortcodes specifically from WP Coder itself, adding a layer of convenience to your customization process.

How can I use the tag feature in the ‘Publish’ block?

Tags in WP Coder are useful for categorizing and grouping your code snippets. When you create an item (a code snippet), you have the option to assign a tag to it in the ‘Publish’ block. This tag can help you organize your snippets and make them easier to filter in the list of items. To assign a tag, simply enter the name of your tag in the ‘Tag’ field when creating or editing an item.

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

The link feature in the ‘Publish’ block allows you to attach a link to the page where your shortcode is inserted. This way, you can always track where you’ve placed a particular shortcode. You can set this by entering the URL of the page in the ‘Link’ field when creating or editing your code snippet in WP Coder.


18 Setembro, 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) {
8 Agosto, 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.
24 Maio, 2023 1 reply
Thank you dear, you're doing a good job.Good luck and prosperity!
21 Maio, 2023 1 reply
Thank You So much, WP coder for making this plugin. It makes our job super easy and so convenient that even a layman can place the coding inside the WordPress site in a fraction of a second and so quickly. Warm regards to their team.
Ler todas as 27 avaliações

Contribuidores e programadores

“WP Coder – Powerful HTML, CSS & JS Injection” é software de código aberto. As seguintes pessoas contribuíram para este plugin:


Registo de alterações


  • Fixed: minor bug with update
  • Fixed: admin notification


  • Fixed: updated datatable.


  • Fixed: Inline scripts and styles.


  • Fixed: Execution queue for styles and scripts.


  • Fixed: update and save items.
  • Fixed: change the capability for the admin page plugin.


  • Added: ‘Test Mode’ and ‘Status’ for items.
  • Added: ‘Tag’ and ‘Link Options.’
  • Added: ‘Inline’ and ‘Minified’ options to the CSS block.
  • Added: JavaScript (JS) block options include ‘JQuery Dependency,’ ‘Inline,’ ‘Minified,’ and ‘Attribute.’
  • Added: Attributes for JavaScript in the ‘Includes block.’
  • Added: ‘Export/Import’ function.
  • Updated: Database structure.
  • Updated: The style of the admin interface.


  • Fixed: minor bug in page-list


  • Fixed: minor bug


  • Fixed: security update


  • Fixed: security update


  • Fixed: minor bug on main page of the plugin


  • Fixed: minor bug.


  • Added: alternative shortcode.
  • Added: processing shortcodes inserted into the HTML code


  • Fixed: Adding tag in HTML code
  • Fixed: shortcode code


  • Fixed: deleting item
  • Fixed: saving into database


  • Fixed: minor bugs


  • Fixed: order of connection scripts and styles


  • Fixed: Saving in the database


  • Added: Codemirror
  • Optimized: file storage
  • Changed: admin style


  • Fixed: display shortcode in content


  • Initial release