Description

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.

Features

Direct Injection of Codes – Embed HTML, JS, and CSS codes directly to your pages or the whole site.
Test Mode – Test different codes without affecting your live site.
Import/Export Functions – Transfer your code snippets effortlessly across different websites.
Multifunctional Code Editor – Enjoy color syntax highlighting, line numbering, and built-in error checking.
Advanced CSS and JS Options – Have your CSS and JavaScript inline or minified to optimize page loading times.
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.
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.

Video

Other Useful Plugins

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

Screenshots

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

Installation

Automatic installation

Log into your WordPress admin
Click Plugins
Click Add New
Search for WP Coder
Click Install Now under “WP Coder”
Activate the plugin
Click link “Settings” or go to the page “Wow Plugins” ⇒ “WP Coder”

Manual installation

Download the plugin
Extract the contents of the zip file
Upload the contents of the zip file to the wp-content/plugins/ folder of your WordPress installation
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.

FAQ

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.

Reviews

drahcirj September 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) {

Counselor24 August 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

Dan Nita August 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.

matematikvakti June 29, 2023

A great plugin to add external html/css/js to a wordpress site. it works very well.

gmspb May 24, 2023 1 reply

Thank you dear, you're doing a good job.Good luck and prosperity!

shashikantsingh2288 May 21, 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.

Read all 27 reviews

Contributors & Developers

“WP Coder – Powerful HTML, CSS & JS Injection” is open source software. The following people have contributed to this plugin.

Translate “WP Coder – Powerful HTML, CSS & JS Injection” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

3.0.5

Fixed: minor bug with update
Fixed: admin notification

3.0.4

Fixed: updated datatable.

3.0.3

Fixed: Inline scripts and styles.

3.0.2

Fixed: Execution queue for styles and scripts.

3.0.1

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

3.0

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.

2.5.6

Fixed: minor bug in page-list

2.5.5

Fixed: minor bug

2.5.4

Fixed: security update

2.5.3

Fixed: security update

2.5.2

Fixed: minor bug on main page of the plugin

2.5.1

Fixed: minor bug.

2.5.

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

2.4

Fixed: Adding tag in HTML code
Fixed: shortcode code

2.3.2

Fixed: deleting item
Fixed: saving into database

2.3

Fixed: minor bugs

2.2

Fixed: order of connection scripts and styles

2.1

Fixed: Saving in the database

2.0

Added: Codemirror
Optimized: file storage
Changed: admin style

1.1

Fixed: display shortcode in content

1.0

Initial release