Scripts Organizer

Product Hunt Hellooo 👋, We went long way from small scheduling scripts manager. Now we became complete code editor inside WordPress and we are proud to promote it to the world! 🔥 Fully compatible with every setup. You can use Scripts Organizer with every theme or visual builder Avada, Divi, Brizy, Elementor, Beaver Builder, Oxygen, the list just goes on. We are compatible with all of them. Scripts Organizer is not replacing theme or visual builders. It extend their functionalities. 🌈 Visual Code Experience with Monaco Editor With Scripts Organizer you will finally get a feeling you never left your desktop app. It’s powered with Monaco Editor and brings all the fancy stuff such as: • Emmet Abbreviation • Autocomplete • Find / Replace • Multiline edit • Shortcuts 🛠️ - Code Languages and locations You can write HTML, PHP, JS, CSS or Compile SCSS. Each code block has a tree tab that will write CSS in the header, JS in the footer, or you can write PHP and create a shortcode. With that logic, you can write CSS and send it to the header, JS and send it to the footer, and write PHP and create a shortcode. 🎬 - Live Preview You need to be able to see what you are doing. Every change will be visible once you press CTRL + S and save changes. Code is compiled and preview is refreshed to reflect the latest changes. 🔒 - Safe mode How many times you ended up with White Screen of death. No more time-wasting with local, stage, production. You can work directly on the website alone or with the team. In case the saved code has an error website will not crash. You will get a Safe Mode screen with a message about what is wrong with the code. In which block and on what line so you can fix it right away. 🧩 - CSS with Partials Besides compiling SCSS to CSS you can split entire theme style in partials. Base, Layout, Form, Typography… There is also option to create SCSS source map and you can see in browser from inspect tool from which partial code is coming from. 🕹️ - Page Builders integration All colors registered in page builders will be visible in the Scripts Organizer palette, so you don't need to remember hex or variables. You can just pick and insert them. In addition to colors, we made it possible to exclude page builders. It is handy if you are working with animations and don't want elements flying around. 🗓 - Schedule Scripts A code block can be scheduled to be triggered based on a specific weekday, date, date range from one period to another or even based on a specific time during the day. This is excellent for promotions and online shops. 🧠 - Conditions You can also choose where the script will be active. The entire website, admin only, page, post, post type taxonomy, and so on. You can also exclude them. For instance, all categories except one. ⛳️ - Scripts Manager ( register libraries ) If you register a library (script or style), you will assign a name to it and call it from code blocks. That way, you can reuse libraries and update libraries from one place only. 🥊 - Quick toggle to enable disable When you are stuck and want to test which script is causing the problem, there is a toggle to quickly disable that script. 📂 - Export & Import Code Blocks You can export and import code blocks just like any other WordPress page or post. You will receive a .JSON file that you can save on your computer. 🚀 - Performance For better performance you can select if JS or CSS will be added as inline style or file will be created and added to the page header or footer. For PHP code block and better performance we are creating file that is linked. 📝 - Sync with files Since we are creating files and if you are working in local you can easily transfer files with FTP and then sync files with database. How awesome is that ☺️

Massively powerful tool... it's like VS Code is directly in the WP dash.

Easily the most powerful, feature-rich, and actively maintained code snippet manager for WP. Been using for more than a year now, can't recommend enough. Makes your life a lot easier when you have to deal with custom code in WordPress.