blocksy theme review

Blocksy Theme: Is It the Best WordPress Gutenberg Theme?

Is Blocksy the best WordPress theme?
  • User Experience
  • Ease of Use
  • Features
  • Speed
  • Support and Documentation
5/5Overall Score

Blocksy is a feature-rich Gutenberg ready theme that is available in both free and premium versions. It's a multi-purpose theme that can be used to create any type of website. In this in-depth review, let's find out if it's worth your time and money.

Information
  • Price: Starting at $49/year
  • Active Installations: 30,000+
  • WordPress Version: 5.2 or higher
  • PHP Version: 7.0 or higher
Pros
  • It is avalibale as a free theme for those looking to build simple website.
  • The theme is fast and scores good numbers on Core Web Vitals.
  • It lets you cut down on additional plugin by using the built-in features.
  • The theme has a perfect 5 star rating on WP.org, which proves exceptional support service.
Cons
  • The starter templates are very limited.
  • Default
Share your love

Affiliate Disclosure: This post may contain affiliate links. If you make a purchase by clicking on them, I may earn a small commission at no additional cost to you.

Blocksy is a new block-based multipurpose WordPress theme that is quickly gaining popularity in the WP.org theme directory. It is now active on over 30,000 WordPress websites in a short period of time.

It offers a very sleek and modern interface and comes loaded with plenty of customization options. In fact, it is the same theme that I am using on this website.

In this post, we will go over the new Blocksy theme in detail and discuss some of its features.

Let’s dive deep in. 

An Overview of the Features

Gutenberg Ready– It is 100% compatible to work with the new WordPress block-based editor. 

Lightning Fast – The theme is built using the latest web technologies like React, Babel, and Webpack. This makes it lightning-fast and is accesibilty ready out of the box.

Header and Footer Builder– Use the drag and drop builder from the customizer to create a fully customized header and footer. 

Layout Options– It comes with a wide range of layout options and lets you control everything from padding, margin, and border.

Page Builder – The theme is compatible with most page builders like Elementor, Divi, Brizy, Beaver Builder, etc

WooCommerce Ready – It is compatible with WooCommerce and comes with extra nifty features to supercharge your store and grow your business.

Blocksy Theme – Where To Find?

The Blocksy theme comes in two versions – a feature-rich free version and a pro version that expands the functionality to new heights.

You can install the free Blocky theme from the WordPress theme repository as you would do for any other theme.

The free Blocksy theme includes all of the features required to build a basic website. However, if you require powerful features like enhanced header and footer builder with Pro elements, advanced Custom hooks, custom multiple sidebars, and White Label support, Blocks Pro is the one to use.

Best Features of the Blocksy Theme (Free + Premium)

Gone are the days when free WordPress themes meant fewer and restricted features. Blocksy theme is raising the bar higher by offering a good amount of features even in the free version. 

If you run a simple blog or a website, a free Blocksy theme is enough to handle most of your requirements.

For advanced websites such as eCommerce websites, the Blocksy Pro adds innovative features.

Some of the features of Blocksy are baked into the team and for some features, you’ll need to install the companion plugin.

Let’s check out some of the best features one by one. 

1. Header and Footer Builder

The header and footer are important areas of a website. It offers a way for users to navigate through your website. 

Blocksy offers a very intuitive drag and drop builder for header and footer that makes it easy to create beautiful and advanced header easy for beginners.

Header ElementsFooter Elements
AccountCopyright
ButtonFooter Menu
CartSocials
HTMLWidget Area
LogoButton
MenuHTML
Off-Canvas MenuLanguage switcher
SearchLogo
SocialsSearch Box
Trigger
Off-canvas panel
Contacts
Divider
Language switcher
Search Box
Widget Area
Wishlist for WooCommerce

The first 11 elements in the above table’s Header section are included in the free version of the theme, while the remaining elements are part of the Blocksy Pro.

Blocksy Header Builder

The first 4 elements in the Footer section are from the free Blocksy theme, while the rest are part of the Pro version.

Blocksy Footer Builder

It also allows you to create a sticky or transparent header. If you want, you can also create multiple headers and footers and assign different display conditions to them.

2. Global Color Palette

You want your visitors to have the same experience across your entire website. This makes your website look professional and gives a good user experience.

If users like your website, they’ll spend more time on it. This lowers the bounce rate and increases your search rankings.

The global color feature allows you to add colors to a palette, which are automatically assigned to different areas of your website.

global color palette in blocksy

The global color palette is designed in such a way that each color is linked to various areas of the website. When you change a color in the customizer, it is reflected throughout the entire website. This eliminates the need to open each page and manually edit the colors.

The global color works with Elementor as well as Gutenberg blocks like Stackable and Kadence Blocks Pro.

With Blocksy, you get 15 pre-built color palettes or you can change them to create your own custom palette.

This is really a smart feature that saves a lot of time while designing or making changes to the website.

3. Advance Typography

The fonts may seem like a small thing but have a big impact on your website’s success. It is important that you choose a font pair that is easier to read. 

The Blocksy theme comes with advanced typography controls to help you set the perfect mood for the website. It supports Google Fonts, so you have access to 900 fonts.

Within the WordPress customizer, you can easily change site-wide fonts for text, headings, buttons, links, etc. You also get options to set the font style, size, weight, and line-height.

typography customization in Blocksy

To stay compliant with GDPR rules, you can offload the Google fonts and serve them from your own server.

If you don’t want to use Google fonts, Blocksy also lets you upload your own custom fonts.  

If you use Adobe Typekit for fonts, Blocksy has got you covered there as well.

Blocksy Fonts Pro

Simply connect your Adobe Typekit account in the Blocksy companion dashboard and the fonts that are available in your account will be readily available in the customizer. 

4. Responsive Controls

The majority of website visits these days are made on mobile devices. To ensure that mobile visitors have the same experience as desktop visitors, your website must be mobile responsive.

The Blocksy theme comes with controls that let you define how the website will look on mobile as well as tablet screens.

You can control the spacing height, border, alignment, padding, and margins for various areas of the website.

The responsive controls are spread all over the customizer. These controls can be accessed by clicking on the device icons wherever they appear.

Blocksy responsive device controls

The same controls are available for typography, where you can adjust the font size, height, and spacing for each device type.

5. WooCommerce Extras

Since Blocksy is a multi-purpose theme, it comes with support for WooCommere. The free version has some nice features and the Pro addon extends those to a new level.

In the free version, you get 2 layouts for the single product page and shop page.

Blocksy WooCommerce shop page layout

In the Pro version, the theme adds three additional layout options for the single product page.

What’s unique about Blocksy’s integration with WooCommercer are the tons of small nifty features it has to improve the user experience and boost your online sales. 

It includes built-in features such as product quick view and wishlist. The product quick view feature allows your visitors to get a quick overview of your products without leaving the shop page.

Blocksy product Quick View

The ajax add to cart option instantly add the product to the cart without having to visit the product page each time. This reduces the number of pages required before proceeding to the checkout.

ajax add to cart

The theme also supports ajax search, which will display products immediately after keywords are entered into the search box.

ajax live search

On the single product page, it lets you have a floating cart that stays visible as the user explores the product page.

Blocksy floating cart

On small devices, you can also use the off-canvas filter and shortcut bar to give your website an app-like feel.

You can also customize the checkout page and remove all the irrelevant fields to ensure clutter-free checkout.

Checkout page customization in Blocksy

These features help you increase the conversion rate. Isn’t that what an e-commerce store strives for?

6. Content Blocks (Hooks)

As you would expect from any premium WordPress theme, Blocksy also has custom hooks with a take of its own.

What this means is you can create any content and hook it to different areas of your theme like the header, sidebar, before content, etc. The content blocks opens up a lot of customization possibilities.

content blocks in blocksy

What I like about this theme is when you visit any of the pages on the frontend and click on the Show Hooks button on the admin bar, it gives a visual overview of various hooks available. You can click on the pencil icon and start designing the content. This saves a lot of guesswork.

Theme hooks in Blocksy known Content Blocks

The theme also lets you set display conditions to show the content only on specific types of pages and hide it from the rest. Also, you can set it to show content based on user roles.

Content blocks position and visibility

Do you post seasonal content on the website like offers? You can take advantage of the expiration control and show content for a specific period of time.

Blocksy also has popups as content blocks which takes this to a whole new level.

Popups content blocks

You can create beautiful seasonal offer popups or newsletter popups using the block editor and make them appear on the website.

7. Extensions

Blocks comes with a companion plugin that adds a number of features as extensions. Some of the extension are available in free version while some are part of the Blocksy Pro theme.

You can access the extensions from by clicking Blocksy in the WordPress navigation menu. Click Extension in the top bar to switch between free and Pro extensions.

blocksy

Here, I will talk about some of the extensions that I like and have helped me cut on additional plugins.

1. Social Sharing Box

If you have a blog on your website, the social sharing box is essential. It allows your visitors to share your content on various social media platforms.

Let’s be honest. It’s difficult to find social sharing plugin that lightweight and free.

With the Blocksy theme, you get a built-in social sharing box that is super lightweight and flexible. You can change the colour to match your theme or use the official colour of the social platform.

social sharing block

It supports almost every popular social media platform and allows you to toggle between them. You can also control which specific devices you want the box to be visible. 

2. Cookies Consent Notice (GDPR)

If you have an affiliate website or use an analytics tools like Google Analytics to track the visitors, it is important to ask for the visitor’s consent. Normally, this would require an extra plugin. 

Using the Blocksy companion plugin, you can enable the Cookie Consent extension to make your website comply with the GDPR.

cookie consent popup

You can choose between a floating popup and a bottom bar popup. The extension is flexible, allowing you to customize the duration of the cookies as well as the content displayed on the popup.

3. Advanced Menu (Mega Menu)

If you have a heavy website with a lot of content, a simple header won’t be enough to put all the navigation links. 

With Advanced Menu, you can create full-fledged multi-column drop-downs and put any content link in it. You have the control to set a custom width for the drop-down and also the layout of the columns.

Mega menu

You can also provide a label and icon to the menu and customize its look and feel. 

4. Shortcut Bar

The shortcut bar enables you to display an app like bar at the bottom of your screen. You can add important website links and allow visitors to access them with a single click.

This helps in increasing customer conversion rate significantly.

You can add important items such as homepage link, phone, email, WooCommerce actions and also any custom action that you can think of.

shortcut bar

The Blocksy theme allows you to customize the display condition of the shortcut bar. You can glue it to the bottom of the screen or have it hide automatically when the user interacts with the website. You can also choose which devices the shortcut bar appears on.

Aside from these, Blocksy includes additional features such as custom sidebars and white label support.

It also lets can you add custom code, into the head, body, and footer of your website without using an additional plugin.

You can also display a reading progress bar if you enable it in Post Types Extra.

Blocksy is also said to be working on adding more unique features, which should increase its feature set.

How Fast Is the Blocksy Theme?

Enough talking about the features. Let’s check if the Blocksy theme is quick enough to pass the core web vitals in green.

Because I’m using the Blocksy theme on my own website, here’s a screenshot of the homepage speed test on Google’s Pagespeed Insight.

Blocksy pagespeed insight score

Getting 99 on mobile is a pretty good score in my opinion, and it says a lot about how well optimized the theme is.

Here’s the result when I run the test on GTMetrix.

Blocksy score on

As you can see, it gets a similar score even here with Largest Contentful Paint in under 600ms.

Blocksy is without a doubt one of the best optimized and fastest themes I’ve ever tested.

Documentation and Support

Blocksy theme has a very comprehensive knowledge base on their site. If you run into problems during installation or customization, you can check out their extensive knowledge base.

If you still feel stuck, you can get in touch with their support team. They offer free support on WP.org forum as well as through their website. If you get a premium license, you can directly contact support from the website.

The support is quick and gets back to you in 4-6 hours during a working day. They have one of the best support team and can go out of the way to solve your problems.

In fact, at the time of writing this review, their rating on WP.org is a perfect 5 stars.

Blocksy review on WordPress.org

Blocksy Pricing

Blocksy theme comes in free as well as premium version. The free version is available free to download from the WP.org theme directory.

The Blocksy Pro comes at a yearly price of $49/year or you can opt for the lifetime deal at $149.

There are also two other plans – Professional and Agency coming at $69/year and $99/year. They come with 5 site license and unlimited site license respectively. The lifetime price for both of these is $199 and $299.

The Blocksy team have priced the theme very competitively considering the number of features it packs.

My Verdict

So far, Blocksy is the best theme I’ve tried. I liked it so much that it became the theme powering WPdexigner.

It has a very clean user interface and is also very easy to use. The customizer is very nicely planned and all settings are placed in the right section. Any beginner will find it easy to navigate between the theme options.

Since the time I have started using it, the developers have kept at adding new features at regular interval.

I hope you liked my Blocksy theme review. To help the website and to encourage me to write more such in-depth articles, please consider sharing it on social media.

Share your love
Default image
Ahmed Chougle

Leave a Reply

Enter your email address below to subscribe and receive weekly updates from the WordPress world.