Scripts Organizer

Get full code editor experience inside WordPress with support to write PHP hooks and functions, JavaScript, CSS, and compile SCSS. Scripts can be scheduled and triggered based on your needs.

• • Change WordPress Functionality PHP, Javascript, SCSS or CSS: Scripts Organizer provides a PHP block where you can write filters, hooks, or shortcodes. If you need to modify website styles, you can add CSS or compile SCSS. For interactive features, you can write JavaScript. Additionally, you can inject tracking scripts like Google Analytics (GA), HotJar, or others.
  • Scripts Organizer Compatibility; Every Theme, Plugin, and Visual Builder: If you are using a classic or block theme, or if you are using a visual builder, Scripts Organizer will assist you throughout the process. We are not only compatible with them but have also integrated deeply, allowing us to access colors or variables from themes or builders.
  • Hot Reload All Tabs and Windows: Developers and designers adore using dual screens and multiple tabs. With Scripts Organizer in one tab and the website frontend in another, simply press ‘save,’ and all tabs and screens will be updated with the latest CSS. We save you a ton of time, especially when using visual builders—you don’t need to reload to see the results.
  • Live Preview Inside Editor: If you prefer to have everything in one tab, that also works. You can have both the editor and website in a single tab, and it will automatically reload upon saving. Additionally, you can utilize inspect tools and resize the website, with predefined sizes available from desktop to mobile.
  • CSS Variable Scraper; Get Variables From Theme or Plugins: Scripts Organizer will scan all the CSS loaded on the selected page and extract CSS variables for use with the variable picker. You no longer need to remember them.
  • SCSS Partials: Avoid repetition and centralize core CSS in one location. Discard lengthy CSS files. For optimal performance, divide them and load them only when required for each page or post type. This will allow you to update it in one place instead of making changes in every CSS file.
  • Scripts Locations: By default, we place CSS in the header and JS in the footer. However, you can customize this based on your requirements. Additionally, for PHP, there are multiple hooks available, such as ‘plugins loaded,’ ‘init,’ ‘admin header and footer,’ ‘body open,’ and many more, to help you integrate your code effectively.
  • Get Builder Colors: Integrating with visual builders to extract global colors as code values is a clever approach. Obtaining these values as variables ensures automatic updates when changes occur within the builder. This simplifies maintaining design consistency on your website or app, whether you use Oxygen, Bricks, Elementor, or other builders, streamlining your development process.
  • Screen of Death? Never Again!: Coding directly on a live website carries significant risks. If the code contains errors, it can potentially disrupt the entire website for all users. This might necessitate enabling debugging, causing errors and warnings to be visible to everyone visiting the site. Instead of this, we propose a safer approach: we will assess your code in the background. In the event of an error, you will promptly receive an option to deactivate only the problematic code block, along with an explanation pinpointing the source of the error.
  • Include Frameworks. WordPress Media Library or CDN, w/ Easy Management: Gain an intelligent method for organizing your scripts in one centralized location. Effortlessly incorporate CSS or JS libraries via CDN or self-host them by uploading them to the media library, just like any other file. You have the flexibility to choose whether you want to enable them across the entire website or activate them based on code block conditions. If you update or replace a file, these changes will automatically propagate to all relevant code blocks.
  • Caching Files: In terms of performance, CSS and JavaScript can either be inlined in HTML or, for better caching, be created as separate files. On the other hand, SCSS and PHP blocks are always saved as files. This ensures that we don’t retrieve them from the database every time, unless they are updated.
  • Files Sync: If you wish to edit the generated files using your preferred editor, you are free to do so. The script organizer will retrieve the code from these edited files. Once you’re satisfied with the results, you can also sync these edited files back to the database.
  • Files Save Location: By default, all files are placed inside the wp-content directory. However, if you wish to change this location for security reasons or any other purpose, we have provided an option to modify the path and relocate the files.
  • Trigger Everywhere. Execute the Code Without Limitations: Trigger Everywhere offers a straightforward approach to executing code before your themes or plugins activate. It provides access to a comprehensive set of WordPress actions and hooks, ranging from “plugins loaded” to “wp_footer”. It’s a practical tool designed for developers seeking precision and control in their WordPress projects. This will also help you replace Functions.php without modifying your WordPress theme, so nothing will be lost with theme updates.
  • Trigger for Admins. Modify WordPress Admin Sections Without Impacting the Front End: Utilize this straightforward one-click setup to implement scripts, styles, or PHP hooks and actions within the WordPress admin area without altering the appearance or functionality of your website’s front end.
  • Trigger w/ Conditions. Include, Exclude, Custom Build: This is the most flexible code snippets plugin feature available in the WordPress ecosystem. You can handpick pages or posts for execution inclusion. Filter by post type, category, or taxonomy. Opt for comprehensive execution with exceptions for specific selections or ranges. Utilize built-in WordPress conditions like “is_home()”, integrate conditions from other plugins, or craft your own. Ideal for developers seeking precise control.