by Kaira.
WordPress & WooCommerce editor blocks for you to use when building your website.
Blockons!! WordPress 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 currently have 14 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.
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.
✅ Content Toggler block
Show & Hide longer sections of content by using the content toggler block. Users can click to show and re-hide the content (Inner blocks) that have been added within the toggle block.
✅ 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.
✅ Advanced Image Gallery block
Select from 3 beautiful layouts, to display your galleries, as well as image hover animations & caption display options:
Default Grid layout – Use the normal, neat grid type layout with lots of customization options for your image gallery.
Masonry Gallery Layout – Display your images in a neat masonry type layout which is sort of like a mason fitting stones in a wall, or like the Pinterest blocks layout
Featured Grid Layout – The Featured grid offers small and large images all neatly tiled together to create a beautiful gallery.
✅ Image Comparison block
The Image Comparison block allows you to display and compare the differences between two images side by side (or above and below each other), and view them by using an action slider to compare the images.
✅ 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!
✅ 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 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.
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.
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.
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:
Plugins > Add New > Upload
screen in your WordPress dashboardPlugins
menu in WordPressBlockons should work with ALL themes! But as themes and plugins add their own CSS or Javascript which might affect any plugin from working perfectly… We’re here to help… Let us know if something doesn’t work and we’ll help you fix it.
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.
For the WooCommerce blocks (Account Icon, Featured Products & Mini Cart) you need to have the WooCommerce plugin activated.
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.
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 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.
Please contact us so we can post a fix and get it working for you.
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.