You can always add code snippets to your theme’s functions PHP file or create a plugin, but recently plugins to manage code snippets have become popular.  I used the free Code Snippets plugin for years, but in this review I’m looking at the WPCodeBox plugins.  I was recently given a copy to try and wanted to share a walk-through and evaluation of it. This is a new offering that has some features not found in other offerings.

Video Version

The video version has the full walk-through. The written version is a summary of what is covered in the video.

Website and Pricing

WPCodeBox is a premium only offering.  There is no free version in the WordPress plugin directory.

wpcodebox home page

The plugin is available for purchase for 1, 5, or unlimited sites. All of the packages come with lifetime updates and support. One of the features of WPCodeBox is the ability to save code snippets to the cloud. We will look at that feature shortly, but note that the single site package has a limit on the number of snippets that can be saved to the cloud. A note on the website says that the lifetime option will be discontinued after the initial launch period.

wpcodebox pricing

There is some documentation on the site and an email form for support.

WPCodeBox Admin UI

When you activate WPCodeBox you get a new admin menu and a user interface for creating and managing snippets.

wpcodebox admin menu

On the main panel there are 5 links. The Settings link is where you enter your API key. This key is available in your account area on the WPCodeBox website. The API key connects your site to the cloud.

settings api key input

The Repository button opens a popup showing the library of snippets that you can import into your site. There is a large variety of code snippets to select from. It is possible that you might find exactly what you need in the repository, but the main value is that there is a large reservoir of examples that you can pick from when creating your own snippets. I noticed in looking at the list that it was organized by topic. For the sake of examples, it would be nice if there was a folder for JavaScript snippets, CSS snippets, SCSS and LESS snippets.

wpcodebox repository

Next to the Repository button is the New Snippet button. Next to the New Snippet button is the new folder button. Under the top row of buttons is a search box and under that a link to Cloud Snippets. This is where you upload and download snippets from the cloud so that you can build up your own library of snippets to conveniently use on multiple sites.

Tour of Snippet Editor Interface

  1. The snippet name
  2. Collapse the sidebar to make more room in the editor
  3. Enable / disable the running of the snippet
  4. Save
  5. Code template generator (see below)
  6. Title input
  7. Description, useful when saving to the cloud
  8. Snippet type: PHP, CSS, SCSS, LESS, or JavaScript
  9. The rules for where and when to run the snippet
  10. The code editor
wpcodex editor tour

Cloud Snippets

When you have a snippet open in the editor there is a button to save it to the cloud. Once you save it to the cloud then you can download it on other sites where you have WPCodeBox installed.

wpcodebox cloud snippets

Code Generators

WPCodeBox has a feature where you can enter some information and it will generate a code template to get you started. So far, the Shortcode generator is available. The first version is somewhat limited as there are features of shortcodes, for instance, which it doesn’t offer to create for you.

wpcodebox code generator

Note about SCSS and LESS Snippets

WPCodeBox supports SCSS and LESS code. Compilers are included and the compilers are run when the snippet is saved, not each time the code is used, so that is a good feature.

Summary And Conclusions

In my walk-through of WPCodeBox I noticed a few things that I could suggest for improvements:

  • There was only one hook location available in the snippet editor, on page load. WordPress has several hook locations, so more could be made available to the user.
  • There could be more options in the conditions builder. For example, the option to run a script based on user role.
  • The snippet repository is a great feature, but it could be better organized. There is an “Elementor” category that is empty, for example.
  • The repository could have a section for examples that are tagged as such for the different code types, like CSS, JavaScript, loading external files, etc.

None of those items above are bugs. They are just suggestions.

There were a number of things that I saw that I liked, including:

  • The plugin comes with an intelligent code editor that shows PHP and WordPress code hints.
  • WPCodeBox captures errors and automatically disables a script with a bug to keep you site from crashing.
  • The snippet repository is a great resource, especially if it is expanded and better organized.
  • The template generator has a lot of promise. This is a feature that has the potential to save a lot of time.
  • The ability to save and access snippets in the cloud is the plugins outstanding feature.
  • The developer is open to feedback and there is a Facebook group where you can talk with the developer and other users.

Overall WPCodeBox is a nice plugin that offers many convenience features.

Use Code WEBTNG for 25% Off

Some of the links in the post above are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission. You will still pay the same amount so there is no extra cost to you. I am disclosing this in accordance with the Federal Trade Commission’s 16 CFR, Part 255: “Guides Concerning the Use of Endorsements and Testimonials in Advertising.”

Similar Posts