Blockons! Editor Blocks & Site Addons… It’s free, it’s customizable, and it’s built for you!
Add powerful and advanced blocks to your website to enhance the WordPress editor (previously known as the Gutenberg editor), so you can easily create engaging and visually attractive website pages.
We have 12 editor blocks available at the moment (includes 3 WooCommerce blocks), but we’re working on more… And we want to build gutenberg blocks that you need… We want to offer a complete blocks solution to building your website.
Blockons Offers the following blocks
Use any of the following gutenberg blocks to build your website.
✅ Search Bar / Icon block
The Search Bar / Icon block was originally designed for Full Site Editing, to be added to the site header or footer, but the search icon block can be used as a normal search bar, and used anywhere on your website. It will add an editable search bar or an icon with a search bar drop down or popup for your site viewers to search for content on your website.
✅ Line Heading block
Our Line heading block is similar to the original heading block, but if offers a lot more customizations for the heading, and can also add lines to enhance the heading styling. The heading text and line is fully customizable to suit the style you’re looking for.
✅ Icon List block
Use better icon list items to display on your website, a fully customizable list with your own icons simply makes your lists better to look at and is sure to be more attractive to the viewers eye.
✅ Accordion(s) block
Display content in a (click to) show or hide accordion style block… This is good for displaying lots of content in an expandable section or content such as Frequently Asked Questions (FAQ’s) where your users can select and click for the content they want to see.
✅ Marketing Button block
Basically an advanced button block. The marketing button lets you add a stand out CTA (call-to-action) button with an icon, heading and text to attract your users to click through.
✅ Progress Bars block
Add animated progress bars to visually display percentage amounts on your website. Progress bars are fully customizable for you to change text, thickness and colors.
✅ Testimonials Slider block
Display customer star rated feedback or user comments in a neat testimonial slider or carousel block. Testimonials will help your viewers gain trust on your brand. Display an image, name, star rating and a comment about your work or products. Fully customizable with different layouts and custom colors.
✅ Video Slider block
Neatly display any Youtube, Vimeo or custom hosted Videos in a powerful video slider or carousel block. Customize the colors and cover image. The Videos will play when a user clicks on the slide they want to watch.
Do you have the WooCommerce plugin activated?
If you do, Blockons also includes the following WooCommerce blocks for your online store.
✅ WooCommerce Account Icon – WooCommerce block
Add a simple icon to your header or footer to let users quickly access their account or login to your website. Select from different account icons and change the colors as you like, and when the user is logged in, you can display quick links to the different WooCommerce account pages.
✅ WooCommerce Mini Cart – WooCommerce block
Add a customizable WooCommerce cart to your site header or footer, or anywhere you like, with an optional drop down basket so your users can edit their cart, or simply Go to Cart and/or Checkout to complete their purchase.
✅ WooCommerce Featured Product – WooCommerce block
Add a product standout featured block for a selected product, with multiple display and design settings, bring attention to a product for your viewers to see. Let the viewers click through to the WooCommerce product or Add to Cart from the featured product block.
🔸 Can’t find the blocks you need?
We’re working on adding lots more blocks… Send us some ideas and maybe we can add on the blocks you need next!
Blockons Offers the following Site Add-ons
✅ Website Page Loader
Display a neat loader while your images and page contents are loading… This prevents the website viewers seeing any broken layouts or images before they are loaded. Customize the loader background and colors to suit your website.
✅ Page Scroll Indicator
Add a scroll progress bar to the top or bottom of your website pages which indicates to the website viewers how far they have scrolled, or how far they have left to scroll on the page. This gives users a visual indication of how far they are on the page which is useful when users are reading blog posts or long website pages.
✅ Back To Top Button
Add a customizable Back to Top button to your website to let users easily and quickly scroll back to the start of the page with one click.
🔸 We’re working on more site add-ons too!
Contact us if you have any ideas of cool website features to add.
We’re here to help!
We want to offer the best plugin out there, and the best support… Bugs do happen, so please forgive us, but if you find a bug or anything not working as you need then please reach out to us to help.
Fast & Intuitive
Blockons is built to be a fast & lightweight, and easy to work with, for building your WordPress and WooCommerce website.
Blockons blocks are built with the latest methods and technologies for creating gutenberg blocks for the WordPress block editor… Our editor blocks are built the WordPress way, so it’s super fast and offers very powerful and advanced editor blocks.
We’d even bet our gutenberg editor blocks are a lot more customizable than other block plugins out there.
We’re concerned about bloat code!
Blockons blocks are built with the newest methods (and technologies) for building WordPress editor blocks… Meaning it doesn’t have old deprecated ways of adding blocks like when the new WordPress (or Gutenberg) editor first got added, it’s reached an established way of building blocks, and that’s the way we’re doing it!
We’re always needing new translations, so please contact us here if you are willing to help translate Blockons into a language that we don’t have.
This plugin provides 12 blocks.
- Image Carousel
- Search Bar/Popup
- WooCommerce Featured Product
- Marketing Button
- Progress Bars
- WooCommerce Account Icon
- WooCommerce Mini Cart
- Line Heading
- Icon List
- Video Slider
Blockons does not require any other plugins, but Blockons offers extra WooCommerce blocks if you have the WooCommerce plugin installed and active.
Installing Blockons can be done either by searching for “Blockons” via
Plugins > Add New screen in your WordPress dashboard, or by using the following steps:
- Download the plugin via WordPress.org
- Upload the ZIP file through the
Plugins > Add New > Uploadscreen in your WordPress dashboard
- Activate the plugin through the
Pluginsmenu in WordPress
Will Blockons work with my theme?
Where are the Blockons settings?
The Blockons manager settings and Site Add-Ons are found in the WordPress Dashboard under Dashboard -> Settings -> Blockons Settings.
Blocks Settings – As you add each block you will be able to edit the block live within the WordPress editor. Some of the settings also have help links or hints on how to use them.
I don’t see the WooCommerce blocks?
For the WooCommerce blocks (Account Icon, Featured Products & Mini Cart) you need to have the WooCommerce plugin activated.
Will Blockons work with other block plugins?
We’ve tested with lots of different gutenberg blocks plugins like CoBlocks, Ultimate Blocks, Spectra, GenerateBlocks, Otter page builder blocks & Gutenverse gutenberg blocks to name a few… Blockons should not affect or be affected by other blocks plugins or page builders.
I don’t see the same amount of blocks?
When we add new blocks, by default they are turned off… This is encase you’ve manually turned blocks off for site speed and loading.
We don’t want to auto-turn them on, so you’ll need to go to Dashboard -> Settings -> Blockons Settings -> Blocks and turn on the new blocks that you want to use.
You should receive a ‘We’ve added new blocks’ notice (which is dismissable) when we add new blocks.
This block contains unexpected or invalid content
This is most likely from a latest update adding new settings to the block, and so WordPress displays this warning because the blocks editor version looks slightly different to the saved frontend version of the block.
Clicking “Attempt Block Recovery” should fix the block.
Read more on block recovery here.
I found a bug… What do I do?
Please contact us so we can post a fix and get it working for you.
Something doesn’t look right or is slightly out in the design?
This could be from the theme you’re using, or another plugin. Again, please contact us so we can post a fix or give you custom CSS to fix it.
There are no reviews for this plugin.
Contributors & Developers
“Blockons – WordPress editor blocks plugin” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- Styling tweaks/fixes
- JS fix for back to top button
- Version compatibility bump for WP 6.1 & WC 7.1
- Updated the language .pot file
- Initial release