CSS & JavaScript Toolbox PLUS

Manage WordPress code blocks

CSS & JavaScript Toolbox PLUS lets you write and organize CSS, JavaScript, PHP, and HTML in a shared dashboard. Each code block pairs an editor with a location editor, so you can select which WordPress requests should execute it. Use CSS to style selected pages, PHP to add functionality, or JavaScript to make a page interactive. Blocks can also hold third-party scripts such as analytics or chat widgets.

Assign code to locations

The assignment panel supports pages, posts, custom posts, and categories. You can choose multiple locations and assign more than one block to the same items. The listed assignment settings also include broad areas such as the entire site, the backend, all pages or posts, recent posts, the blog index, search pages, archives, author archives, attachment pages, and 404 pages. PLUS capabilities include placement options for broad areas, code added through shortcodes, widgets, or Gutenberg blocks, and assignments using tags, URLs, or regular expressions.

Assignment tabs depend on installation history. Version 11.4 removed the Auxiliary and Advanced tabs for new installations; existing installations with active code blocks retain them.

Tools for code libraries

PLUS includes code and script library management, eight additional hooks for more precise placement, and an invert option that runs code everywhere except the locations selected for exclusion. Editor utilities include autocomplete and options to beautify or minify code. Revisions help manage earlier block versions, while backup and export or import options help preserve or move a code library. The product is described as optimized for hundreds of code blocks and thousands of locations.

Create and save a block

Create a code block, choose its type, then enter the CSS, JavaScript, PHP, or HTML in the editor. Use the assignment panel to select where it should run, review the locations, and save the block. Manage additional blocks from the shared code and script library.