Are you tired of using the default Bricks Builder and looking for a way to enhance your workflow? Well, look no further! If so, you'll want to hear about Swiss Knife Bricks, the latest workflow enhancer addon that takes the website-building experience to the next level.
I recently gave this plugin a try, and let me tell you, it's a game-changer. With its unique features that allow you to paste HTML and create Bricks Builder elements, write HTML within the editor, and copy and paste classes, Swiss Knife Bricks makes website building faster and more efficient.
And that's not all! The Scripts Manager feature, Winden Integration, and Plain Classes option are just a few of the other fantastic tools available with Swiss Knife Bricks. Trust me, if you're looking to take your website-building skills to the next level, you won't want to miss this. Keep reading to find out more!
Introduction of Swiss Knife Bricks
Swiss Knife Bricks is an essential add-on for the Bricks WordPress Builder that enhances workflow and takes the website-building experience to the next level.
It provides a unique game-changing ability to paste or write HTML and create Bricks Builder elements within the editor, enabling the creation of entire pages with just a few clicks, simplifying the entire process for users.
Swiss Knife for Bricks Builder is a successor of Swiss Knife Oxygen which is one of the most popular workfow engancer addon for Oxygen Builder developed by the same DPlugins team.
This Bricks addon also allows for the copying and pasting of classes, as well as multi-select and multi-edit elements, which is especially useful when dealing with utility classes.
The Scripts Manager feature enables the easy registration and enqueuing of scripts and styles, including the use of CDN or self-hosted libraries.
With Winden Integration, it offers seamless integration of Tailwind CSS for Bricks WordPress Builder, making it a real-time saver for those working with utility styling.
Swiss Knife Bricks is a valuable investment for any website creator that uses Bricks Builder and is looking to enhance their workflow and streamline the website-building process.
Main Features of Swiss Knife Bricks
If you're a WordPress user, you know how important it is to have a seamless workflow. That's where Swiss Knife Bricks comes in.
With its powerful features, this Bricks Builder addon can make your website development process faster and more efficient. In this section, we'll dive into the main features of Swiss Knife and see how it can enhance your workflow.
Paste HTML to Create Bricks Builder Elements
The Paste HTML to Create Bricks Builder Elements is a game-changing feature that allows you to create Bricks Builder static elements by copying and pasting HTML code from your favorite editor, browser, or clipboard.
With just a few clicks, you can create an entire website page or template. To enable this feature, simply check Paste HTML and save changes.
Before using this feature, make sure that the website is HTTPS and if you are pasting inline SVG elements, enable “Code Execution” in Bricks Builder.
To use this feature, copy the HTML code from the code editor, browser, or clipboard and then right-click and select Paste HTML or click the “Down Arrow inside Clipboard” icon in the top bar.
All HTML elements such as h1, h2, h3, h4, h5, h6, p, links, buttons, div, span, and images will be converted to Bricks Builder elements.
However, inline SVG will be added as a code block as it is the closest that Bricks has at the moment. Classes will be attached to the elements but class values will not be converted as they are converted into Bricks and attached to the elements.
When using this feature for the first time or on a new website, a dialog box will prompt you to allow clipboard access. Allow this feature, or else you will not be able to use it. This feature is a time-saver and will make your workflow more efficient by creating entire pages or templates with just a few clicks.
Write HTML to Create Bricks Builder Elements
Swiss Knife Bricks offers a convenient feature called "Write HTML" that lets you quickly write your HTML structure inside the Bricks editor. Simply enable the feature, and you can start typing your HTML code.
When you hit insert, the HTML automatically converts into Bricks Builder static elements, just like the "Paste HTML" feature. This feature is enabled through the same Clipboard function, and you can find the "Code inside Clipboard" icon in the Bricks Topbar.
Clicking on it will open a code editor with an overlay popup where you can write your HTML. It's a great option for those who prefer to write code directly in the editor rather than copying and pasting it from another source.
Copy & Paste CSS Classes
Swiss Knife Bricks offers a handy feature that allows users to easily copy and paste CSS classes from one element to another. This feature is particularly useful for those working with utility frameworks or who have already added content and need to apply the same styling to other elements.
To use this feature, users simply need to enable it in the settings and then right-click on the element they want to copy classes from and select the "Copy Bricks Classes" option. They can then right-click on the element they want to paste the classes to and select the "Paste Bricks Classes" option.
This can be done from either the canvas or the structure tree. Users can repeat this action until they have copied all the styles they need or cleared the clipboard data. It's important to note that this feature requires the website to be on HTTPS and uses the clipboard feature available in Chrome.
Multi-Select & Multi-Edit Elements
Multi-Select & Multi-Edit Elements is a feature that allows you to select multiple elements at once and apply changes to all of them simultaneously. To activate this feature, you need to check the "Enable Multi-Select" option.
Once activated, you can hold the Shift key and click on multiple elements inside the Bricks Structure panel. This feature is helpful when you want to apply multiple classes to multiple elements or change the styles of several elements at once.
After selecting multiple elements, you can perform various actions on all of them simultaneously, such as editing their styles (layout, typography, background, etc.), attaching classes with Bricks Classes Manager or Plain Classes, or pasting classes to all selected elements at once.
Note that some actions such as deleting elements, wrapping all selected elements, and inserting elements to all selected elements will be available in future (1.1.0) versions and are not currently available.
This feature can save time and effort when you are working with large sets of elements and want to make bulk changes to their styles and classes.
To activate this feature check the "Enable Scripts Manager" option. Once enabled, you can add a new script by navigating to Swiss Knife Bricks > Scripts Manager and clicking "+ Add New Script."
You can then choose where to send the script, either to the website header or footer (right before the closing body tag). For best practices, it's recommended to send .css to the header and .js to the footer.
You can also choose whether to use the wp_register_script() function to register a new script with WordPress or the wp_enqueue_script() function to actually include a registered script in the site.
If you want to add the script or style on every page or post, use Enqueue Script. If you only want to add it to a specific page or post, use Register Script and paste wp_enqueue_script('script-name'); into the code block.
If you're working with animations that move or hide elements, you can select the Frontend Only option to load styles and scripts only on the front end of the website and not inside the Bricks Builder.
You can either upload the file or paste a CDN link. If you want to host your scripts, you'll need to enable the "Allow CSS/JS Uploads" option under Features > Activate Features > Scripts & Styles, which lets you use the WordPress media uploader to save scripts inside the media upload folder.
Winden Integration is a feature that seamlessly integrates Tailwind CSS with WordPress page builders and theme development directly on the server.
Tailwind CSS is a utility-first CSS framework that enables rapid and efficient styling of web pages. By integrating Winden with Swiss Knife Bricks, you can easily apply Tailwind CSS classes to Bricks Builder elements and styles without leaving the editor.
This feature saves you time and effort in editing utility styling, which can be a tedious job. With Winden Integration, you can quickly and easily create stylish web pages with Tailwind CSS and Swiss Knife Bricks.
The Plain Classes feature in Swiss Knife Bricks allows you to input plain classes directly into the Bricks Builder editor without needing to inject thousands of classes into the database for auto-complete.
This feature is disabled by default but can be enabled by checking the "Enable Plain Classes" option and saving changes.
With Plain Classes, you can easily write and edit classes as plain text, which is more convenient than using the non-editable Bricks Classes system. For example, to change the background from "bg-blue-100" to "bg-blue-300," you only need to modify the number, rather than deleting and adding a new class.
Version 1.0 of Plain Classes includes Tailwind autocomplete, which can be enabled by going to Winden > General > Enable Autocomplete and saving changes. Autocomplete can then be regenerated, which will provide suggestions for class names based on a Winden JSON file.
Pricing Structure of Swiss Knife Bricks
In this section, we'll take a closer look at the pricing structure of Swiss Knife Bricks and help you decide if it's the right fit for your needs. With an affordable pricing plan and unlimited website licenses, this tool offers great value for money.
Standard: $85.00 / One-Time:
With this pricing plan, you get lifetime updates and support. That means you'll always have access to the latest features and fixes. Also, they use Stripe and PayPal to ensure that all payments are secure and reliable.
- Unlimited websites
- Unlimited support
- Documentation and support
- More features coming soon
- Lifetime Updates and Support
- Price will rise as we add more features
Swiss Knife Bricks is always working on improving its product with new features and functionalities. As new features become available, the price of the product may increase accordingly.
However, users who have already purchased the product will not have to pay for these additional features.
DPlugins team is confident in the quality of its product and offers a 30-day money-back guarantee for users who are not completely satisfied. Contact support to request a refund within 30 days of purchase.
PROS of Swiss Knife Bricks
Are you looking for a powerful Bricks Builder addon that can boost your productivity and workflow? Swiss Knife Bricks might be just what you need! In this section, we will explore the various advantages of using this addon and how it can help you take your WordPress development to the next level.
- Active & Supportive Community: The DPlugins Community is a great resource for anyone using Swiss Knife Bricks. The community is made up of active and supportive members who are always ready to help. Whether you have a question about how to use a particular feature or need help troubleshooting a problem, you can count on the community to provide you with the support you need. Plus, being part of a community can help you stay up-to-date on the latest trends and best practices in web development.
- Quick Customer Support: One of the biggest advantages of using Swiss Knife Bricks is quick customer support. Marko, the creator of Swiss Knife Bricks, is very active in providing support and helping users solve problems. You can count on getting a fast and helpful response to any questions or issues you encounter. This is especially important for web professionals who need to deliver projects on time and within budget.
- Better Pricing & Licensing System: Swiss Knife Bricks offers a pricing plan that is affordable and provides great value for money. With an unlimited website license, lifetime updates, and support, you can use Swiss Knife Bricks on all of your projects without worrying about additional costs. This is a great option for freelancers, agencies, and businesses looking to save money while still delivering high-quality websites.
- Time-Saving Functionalities: Swiss Knife Bricks is designed to help web developers save time building and customizing websites with Bricks WordPress Builder. With out-of-the-box functionalities like pre-designed sections and templates, you can quickly and easily create a professional-looking website without spending hours designing from scratch. This is especially helpful for freelancers and agencies who need to deliver projects quickly.
- High-Quality Code: Swiss Knife Bricks is built with high-quality code, which ensures that websites built with it are fast, reliable, and secure. This means that your website will perform well and be less prone to vulnerabilities. Using high-quality code also makes it easier for other developers to work on your website, saving you time and money in the long run.
CONS of Swiss Knife Bricks
Are you considering using Swiss Knife Bricks to enhance your workflow? Before you do, it's important to understand the potential drawbacks. In this section, we'll discuss the cons of using Swiss Knife Bricks, including pricing concerns, product page shortcomings, and a lack of third-party content.
- Unsustainable Pricing Model: The current Swiss Knife Bricks pricing model only offers one plan which may not suit everyone's needs. Offering lifetime updates and support for an unlimited number of websites can be unsustainable in the long run, leading to a potential abandonment of the product. DPlugins should consider introducing new pricing plans with limited licenses and charging for support after a fixed time period to ensure long-term profitability.
- Below Average Product Page: The Swiss Knife Bricks product page could be improved to showcase the product's features, value proposition, and FAQs more effectively. This could make it challenging for some users to understand the product's benefits and features. By improving the landing page, users can make a better-informed decision about whether the tool is right for their needs.
- Lack of Third-Party Content: As a relatively new tool, Swiss Knife Bricks currently lacks third-party content that can help users learn and make the most of the tool. While the official documentation is good, some users may prefer additional resources and guides from different perspectives. This can be a disadvantage for those who want more variety in their learning materials. However, as the tool becomes more popular, more third-party content is likely to become available.
Swiss Knife Bricks is truly a must-have tool for any website builder using Bricks WordPress Builder who wants to enhance their workflow and take their skills to the next level.
Its unique features like Paste HTML, Multi-Select and Multi-Edit, Scripts Manager, Winden Integration, and Plain Classes make building websites with Bricks Builder faster and more efficient than ever before. Not only does it save time, but it also enhances the entire website-building experience.
So, the question is, are you ready to take your website-building experience to the next level? If so, then you definitely need to try out Swiss Knife Bricks. Trust me, it's worth it.
And with that being said, we'd love to hear from you! Have you tried Swiss Knife Bricks? What do you think about it? Let us know in the comments below; we'd love to hear from you!
Also, don't forget to share this post with your fellow website builders who use Bricks Builder and could benefit from this amazing tool.