Blocksy Theme: Is It the Best WordPress Gutenberg 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.

Specs
  • Price: Starting at $49/year
  • Active Installations: 30,000+
  • WordPress Version: 5.2 or higher
  • PHP Version: 7.0 or higher
Pros
  • It is available 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 is a proof of exceptional support service.
Cons
  • The starter templates are very limited.
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 theme is a new block-based multipurpose WordPress theme that is quickly gaining popularity on the WP.org theme directory. It is active on over 40,000 WordPress websites in just 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 in-depth Blocksy theme review, we will go over:

  • Some of the best features of the theme in detail
  • Test the perforamnce of the theme on Google Pagespeed and GTMetrix
  • Information on pricing of Blocksy theme
  • My verdict on wherether you Blocksy is the right theme for you.

Let’s dive deep in. 

  • Overview of Blocky
  • Blocksy Theme – Where To Find?
  • Best Features of the Blocksy Theme (Free + Premium)
    1. Header and Footer Builder
    2. Global Color Palette
    3. Advance Typography
    4. Responsive Controls
    5. WooCommerce Extras
    6. Content Blocks (Hooks)
    7. Extensions
      • Social Sharing Box
      • Cookies Consent Notice (GDPR)
      • Advanced Menu (Mega Menu)
  • How Fast Is the Blocksy Theme?
  • Documentation and Support
  • Blocksy Theme Pricing
  • Blocksy Theme Review: My Verdict

Overview of Blocky

Gutenberg Ready – Blocksy is a block-based theme and is 100% compatible to work with the new WordPress editor. 

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

Header and Footer Builder – You can use the drag and drop builder from the customizer to create a fully customizable header and footer. 

Layout Options – Blocksy 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 – Since it is a multipurpose theme, you can use it to create an eCommerce store using WooCommerce.

Blocksy Theme – Where To Find?

The Blocksy theme comes in two versions – a free version and a feature-rich 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 one would require to build a basic website.

However, if you need powerful features like an enhanced header and footer builder with Pro elements, custom hooks, multiple sidebars, and White Label support, Blocksy Pro is the option you should opt for.

Best Features of the Blocksy Theme (Free + Premium)

Gone are the days when free WordPress themes would mean fewer and restricted features. Blocksy theme is changing that and 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 affiliate blogs or eCommerce websites, the Blocksy Pro adds innovative features.

Some of the features of Blocksy are baked into the theme and some features are accessible through the Blocksy Companion plugin.

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

1. Header and Footer Builder

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

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

Below, you can find the list of all elements that are included for the header and footer.

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 column are part of the free version of the Blocksy theme, while the remaining elements are part of the Blocksy Pro.

Blocksy Header Builder

When it comes to the footer, the first 4 elements in the Footer column are from the free Blocksy theme, while the rest are part of the Blocksy Pro.

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 them to different pages based on conditions.

2. Global Color Palette

You want your visitors to have the same experience across your entire website. This is only possible when you have consistent colors and typography across the entire website.

You don’t need to be a designer to create a consistent and professional looking website using Blocksy.

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 you set in the Blocksy customizer 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 edit 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 and looks professional.

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 also get option to offload the Google fonts and serve them from your own server. This also helps in reducing the number of outside requests and speeding up the website.

If you don’t want to use Google fonts, Blocksy also lets you upload your own custom fonts. You can also take advantage of its integration with Adobe Typekit and use fonts from it directly on your website.

Blocksy Fonts Pro

You simply need to 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 done through mobile phones. To ensure that mobile visitors get 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 get the options to 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 Blocksy Pro addon extends those features to a new level.

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

Blocksy WooCommerce shop page layout

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

What’s unique about Blocksy’s integration with WooCommerce are the tons of small nifty features it comes with 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 adds the product to the cart without your customer 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. Isn’t this a nice feature to have?

ajax live search

Other than that, it allows you to have a floating cart on the single product page that stays visible as the user explores the product page.

Blocksy floating cart

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

The Blocsky theme also lets you customize the checkout page and remove all the irrelevant fields to ensure clutter-free checkout.

Checkout page customization in Blocksy

They also recently added the video thumbnails for WooCommerce single product page. The features are plenty and they help better conversion rate. Isn’t that what most eCommerce stores strive 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 open up a lot of customization possibilities that’s not possible from within the customizer.

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, and it gives a visual overview of various hooks available.

This makes it easy to view all hooks area available with the theme and saves you from a lot of guesswork. You can click on the pencil icon and start designing the content using the WordPress block editor.

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? The Content Blocks come with expiration feature that you can take advantage of and show content for a specific period of time.

Blocksy also has popups as content blocks which I haven’t come across in other themes.

Popups content blocks

You can create beautiful seasonal offer popups or newsletter popups using the block editor and make them appear on the website. You can save yourself from installing one less plugin for popups.

7. Extensions

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

You can access the extensions by clicking Blocksy in the WordPress navigation menu. Then, you need to navigate to the Extensions tab from the top bar to access all the free and Pro extensions of the Blocksy theme.

blocksy

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

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 a social sharing plugin that is 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 color to match your theme or use the official color 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. 

Cookies Consent Notice (GDPR)

If you have an affiliate website or use 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.

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. 

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 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.

Blocksy Support via email

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 Theme 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.

Blocksy theme pricing

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

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

Blocksy Theme Review: 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

Leave a Reply