{"id":57380,"date":"2021-07-20T18:15:58","date_gmt":"2021-07-20T18:15:58","guid":{"rendered":"https:\/\/authorityhacker.com\/?p=57380"},"modified":"2024-02-29T17:24:29","modified_gmt":"2024-02-29T17:24:29","slug":"generateblocks-review","status":"publish","type":"post","link":"https:\/\/www.authorityhacker.com\/generateblocks-review\/","title":{"rendered":"GenerateBlocks Review 2024 \ud83d\udea7 (The End of Page Builders?)"},"content":{"rendered":"\n
In February 2020, the creator of the WordPress theme GeneratePress launched GenerateBlocks. This is a WordPress plugin that enhances the vanilla Gutenberg experience with new blocks. <\/p>\n\n\n\n
One year later, GenerateBlocks Pro was launched, adding new functionalities and blocks to the whole system.<\/p>\n\n\n\n
You might be tempted to call GenerateBlocks a page builder. But that\u2019s not what it is.<\/p>\n\n\n\n
If you want to learn more about how this WordPress block editor works, what you can do with it, and who it is good for, read our GenerateBlocks review below.<\/p>\n\n\n\n
GenerateBlocks is a WordPress plugin that has the trappings of a page builder. It lets you add different blocks to a page, and it\u2019s a great tool to create your website with.<\/p>\n\n\n\n
But it\u2019s not a page builder per se. That\u2019s because GenerateBlocks blends into the regular WordPress repository and interface. <\/p>\n\n\n\n
The four blocks that this plugin adds are available to add and customize from the Gutenberg Editor. <\/p>\n\n\n\n
It\u2019s a stellar solution if you want to edit your pages with the vanilla WordPress Editor, and don\u2019t want to mess-up your custom code with dozens of page builders and other plugins working in tandem.<\/p>\n\n\n\n
Moreover, you don\u2019t need to use the GeneratePress theme<\/a> in conjunction with it.<\/p>\n\n\n\n Sure, it helps to have them both active, since they integrate seamlessly. But you\u2019ll probably only feel a difference if you ever contact support, since you\u2019ll get help from the developers of both tools.<\/p>\n\n\n\n Other than that, GenerateBlocks works with any WordPress theme.<\/p>\n\n\n\n Just a quick side note before into the Generateblocks review itself. If you end up using GenerateBlocks, make sure your Classic Editor Plugin is deactivated.<\/p>\n\n\n I couldn\u2019t understand where my Gutenberg Editor went for a few minutes, before I realized I had the classic editor activated.<\/p>\n\n\n\n GenerateBlocks is a great plugin if you rely on the Gutenberg editor to modify all, or part of your pages. <\/p>\n\n\n\n It has its own blocks to enhance your website, and the Pro version comes with extra templates, backgrounds, and effects.<\/p>\n\n\n\n In general terms, it\u2019s a good plugin to have, and we give it a thumbs up. However, that doesn\u2019t mean it\u2019s right for everyone.<\/p>\n\n\n\n If you say that the free iteration of GenerateBlocks is lightweight\u2026 that\u2019s an understatement. It only has four extra blocks for the classic Gutenberg editor, which is not a lot. <\/p>\n\n\n\n But it\u2019s not like you can\u2019t do a lot with them.<\/p>\n\n\n\n These 4 blocks (container, grid block, headline block, button) are not complex, yet they\u2019re depthful. <\/p>\n\n\n\n They add a lot of customization options to your site.<\/p>\n\n\n\n That\u2019s an advantage for your site\u2019s backend. It won\u2019t be cluttered.<\/p>\n\n\n\n But on the flip side, you\u2019ll need to work a bit more to create something beautiful on the frontend. <\/p>\n\n\n\n First, because the system is unorthodox, at least if you\u2019re familiar with page builders. Second, because depth always requires some extra work on your end.<\/p>\n\n\n\n To make this point clearer, we\u2019ll focus our Generateblocks review on the four blocks individually, and how they work.<\/p>\n\n\n\n The container block has a pretty self-evident purpose. It\u2019s a section of the page where you can place other elements, from the GenerateBlocks suite, or from any other plugin.<\/p>\n\n\n If you have other tools or plugins that add Gutenberg blocks to your WordPress interface, you can add them in that container too.<\/p>\n\n\n\n For example, the website we tested GenerateBlocks on also had Thrive Architect<\/a> installed on it. Inside the GenerateBlocks container, you can add Thrive blocks.<\/p>\n\n\n In practice, the container block adds a lot of customization options to the classic WordPress block editor. You can use it to structure any page, and add elements to posts. <\/p>\n\n\n\n You can even save individual containers as reusable blocks, which speeds up development.<\/p>\n\n\n The grid block is an upgrade to the container block, letting you create complex layouts on your page. When you insert a grid block, you\u2019ll choose a layout:<\/p>\n\n\n And based on what type of grid you choose, you can work with multiple parallel containers.<\/p>\n\n\n In practice, the grid block and container block turn the WordPress Gutenberg editor into a page builder, as you get a lot of freedom to add GenerateBlocks elements, WordPress elements, or shortcode for any kind of web development plugin.<\/p>\n\n\n\n In and of itself, this feature makes the GenerateBlocks WordPress plugin a worthy addition to your toolset if you use the Gutenberg editor.<\/p>\n\n\n\n Beyond the grid block and container, block Generateblocks doesn\u2019t add any revolutionary lightweight Wordpress blocks. You can also insert a headline block:<\/p>\n\n\n Or a button:<\/p>\n\n\n The button makes a lot of sense, since the vanilla WordPress blocks don\u2019t offer that many customization options. You can use it to create engaging calls to action.<\/p>\n\n\n\n But the headline block?<\/p>\n\n\n\n It\u2019s an\u2026 interesting addition, considering that vanilla WordPress is more than capable of facilitating the creation and editing of headlines.<\/p>\n\n\n\n To be fair to GenerateBlocks, you can edit a headline block in a bit more detail than you would a WordPress headline block. But it still seems a bit out of place.<\/p>\n\n\n\n These elements are not the only reason to install GenerateBlocks. If you want to find out more about what makes this WordPress block editor a great page builder alternative, keep reading our GenerateBlocks review to find out more about what it can do.<\/p>\n\n\n\n Each of the four lightweight WordPress blocks above also ha The biggest advantage of that customization screen is previewing. You can view your page in real-time as it would look on a tablet, or mobile screen.<\/p>\n\n\n\n This helps a lot when editing your WordPress sites to be responsive.<\/p>\n\n\n Moreover, you get a lot of freedom when customizing your buttons:<\/p>\n\n\n <\/p>\n\n\n\n You can edit the typography, spacing, colors, gradients, and icon of a button, which gives you a lot of options when creating CTAs.<\/p>\n\n\n\n Other customization options include:<\/p>\n\n\n\n Overall, the free version of GenerateBlocks brings a lot to the table. The improvements it can make to your vanilla editor are impressive. <\/p>\n\n\n\n If you want to get more mileage out of it though, you might want to consider the Pro version as well.<\/p>\n\n\n\n Keep reading our GenerateBlocks review to find out if the Pro Version is right for you.<\/p>\n\n\n\n GenerateBlocks Pro doesn\u2019t add any new blocks to the mix. It keeps the on-page layout as lightweight as possible.<\/p>\n\n\n\n But it does add a lot of pre-made templates (using said blocks), advanced backgrounds, more customization options, and custom attributes.<\/p>\n\n\n\n There\u2019s a lot to unpack, so let\u2019s get into it.<\/p>\n\n\n\n The GenerateBlocks template library has over 160 pre-made elements you can add in the Gutenberg block editor. <\/p>\n\n\n\n These include hover boxes, calls to action, icons, and a bunch of other generic content you can repurpose to create virtually any page:<\/p>\n\n\n Compared to page builders, which also have this type of library, GenerateBlock is a bit harder to navigate. <\/p>\n\n\n\n Most premade templates can be used for a myriad of purposes, so they\u2019re very generic. <\/p>\n\n\n\n This gives you a lot of flexibility when editing your page, but it also makes browsing for templates a bit harder.<\/p>\n\n\n\n The free GenerateBlocks also lets you edit the background of your page.<\/p>\n\n\n\n The Pro version, however, adds a lot of other extra functionalities, like the ability to add images to your background, or to create a gradient background.<\/p>\n\n\n Background editing is nothing fancy in GenerateBlocks. <\/p>\n\n\n\n But then again, it\u2019s not a complicated feature in most plugins, and the simplistic outline of this feature stays true to GenerateBlocks\u2019 minimalist approach to web development.<\/p>\n\n\n\n When you\u2019ll get to editing the style of your site, GenerateBlocks has two options.<\/p>\n\n\n\n You can either use their copy-and-paste system for individual elements, or edit global styling for your entire site. <\/p>\n\n\n\n If you want to edit individual blocks to match, you can use the copy and paste button above any container:<\/p>\n\n\n Once you copy the style of an element (which incorporates color, typography, and spacing options) you can press the same button on a different container, and just press \u201cpaste styles\u201d:<\/p>\n\n\n It\u2019s a simple, yet effective method to give site sections a uniform look.<\/p>\n\n\n\n Global Styles, on the other hand, can\u2019t be modified from the block editor. At least, not the block editor of the page you\u2019re working on. <\/p>\n\n\n\n You\u2019ll need to go to the Global Styles tab in the main WP dashboard:<\/p>\n\n\n Press the \u201cAdd New\u201d button up top, and you\u2019ll have a new block editing playground. There, you can create the style you want to add globally. <\/p>\n\n\n\n The Pro version of GenerateBlocks lets you add effects to your on-page elements. The library of effects you can add is also pretty impressive.<\/p>\n\n\n You can add transitions, text shadow, filters, or box shadows to your blocks.<\/p>\n\n\n\n Moreover, you can edit the opacity & blend, or transformation of each block. <\/p>\n\n\n\n Just remember to use them sparingly. A page that blows up your screen when opened isn\u2019t top of the class design.<\/p>\n\n\n\n If you want to highlight offers, or any other type of CTA, you can add links to your containers. <\/p>\n\n\n\n It\u2019s a simple process, since all containers have a hyperlink icon right above them:<\/p>\n\n\n And you can edit the outlook of links from global styles, and general WordPress theme appearance.<\/p>\n\n\n\n The free version of GenerateBlocks lets you preview your page as it would look on mobile devices, or tablets. <\/p>\n\n\n\n It\u2019s a great addition for responsive editing, but the Pro version takes it a step further.<\/p>\n\n\n\n You can choose to hide individual blocks from the \u201cAdvanced\u201d tab on your right sidebar:<\/p>\n\n\n If you\u2019re to recreate all elements of a page on mobile devices, it can sometimes seem cluttered. <\/p>\n\n\n\n With the tablet and mobile controls, it\u2019s easy to make your WordPress sites better-looking, and more responsive on smaller screens. <\/p>\n\n\n\n However, this option is usually available in the free iteration of most page builders, so it\u2019s a bit of a bummer that it\u2019s locked behind a paywall for GenerateBlocks.<\/p>\n\n\n\n Each block you edit with GenerateBlocks can have custom attributes added from the same \u201cAdvanced\u201d tab:<\/p>\n\n\n Custom attributes are not the bread and butter of beginner website builders. They\u2019re a complicated system that has technical benefits for your site. <\/p>\n\n\n\n It lets you store data (that is not dynamic in any way) directly into the code of your site. This lets your pages load faster, and in turn boosts your user experience and site authority.<\/p>\n\n\n\n If you\u2019re not familiar with how to use custom attributes, you shouldn\u2019t mess around with this feature. However, for experienced site builders, it can be a great way to improve the loading time of pages.<\/p>\n\n\n\n GenerateBlocks is surprisingly cheap, at least for people that don\u2019t need to use it on a myriad of sites. This is their pricing scheme:<\/p>\n\n\n For $39 a year, you can get access to all the functionalities we\u2019ve explored today, but you can only install the plugin on one site. <\/p>\n\n\n\n If you like GenerateBlocks and want to use it on several sites, you can buy the Plus tier for just $69 a year, which will let you install the plugin on 10 sites.<\/p>\n\n\n\n Lastly, web developers that want to use the plugin for their clients can pay $99 a year, and get access to the block editor for 250 sites.<\/p>\n\n\n\n GenerateBlocks doesn\u2019t have a free trial period, but you can try a toned down variant of the tool with the free version of GenerateBlocks. <\/p>\n\n\n\n When you upgrade to the paid version, it\u2019ll upgrade the existing plugin, so there\u2019s no hassle when transitioning.<\/p>\n\n\n\n All tiers also have a 30-day money back guarantee, so you can always just give it a shot to see if it\u2019s right for you.<\/p>\n\n\n\n GenerateBlocks has several ways to support you while using the tool. You can send a ticket to the development team if you encounter any particular obstacles.<\/p>\n\n\n\n Moreover, Generateblocks has an active community on their forum, and a comprehensive documentation, which means that you\u2019ll always find a way to get help.<\/p>\n\n\n\n It could be better. Live support is always a great perk for any technical product. But in our time testing the tool, we never ran into any issues.<\/p>\n\n\n\n From our review, it\u2019s pretty obvious that GenerateBlocks is a good WordPress block editor to build your website with. That\u2019s why we wanted to put it to the test. <\/p>\n\n\n\n We created the same homepage with GenerateBlocks, and Elementor. We analyzed:<\/p>\n\n\n\n Before we dig into our experiment however, a few notable mentions.<\/p>\n\n\n\n First, I have a lot more experience with Elementor<\/a> than I do with GenerateBlocks. Moreover, since my frontend needs are taken care of by a page builder, I don\u2019t have a lot of experience with the Gutenberg block editor. <\/p>\n\n\n\n I\u2019m a fan of the classic WordPress interface. This may skew results in favor of Elementor.<\/p>\n\n\n\n Second, we\u2019re not aiming for top of the class web development. This experiment is more geared towards the average site owner, and how they could create a serviceable home page for their site. <\/p>\n\n\n\n For this particular example, we went for an authority site<\/a> focused on interior design.<\/p>\n\n\n\n Lastly, we didn\u2019t take into account the time it\u2019d take to create a site identity. This means that headers and footers don\u2019t count, and the branding of the website isn\u2019t top notch. <\/p>\n\n\n\n We wanted to analyze the workflow of creating a homepage itself, with the elements that entails. Mainly, we wanted to have:<\/p>\n\n\n\n With those clarifications out of the way, let\u2019s dig in.<\/p>\n\n\n\n To create said page in Elementor, we relied heavily on the template library block.<\/p>\n\n\n\n GenerateBlocks has one too, but in our opinion the process in Elementor is much more streamlined.<\/p>\n\n\n You can browse through a large selection of templates to kickstart your page building process.<\/p>\n\n\n These templates are not always a perfect fit, and to create a beautiful page you\u2019ll usually need to customize them heavily.<\/p>\n\n\n\n But that\u2019s not hard to do, especially when you get the hang of how Elementor operates.<\/p>\n\n\n In a matter of minutes, we had the barebones of our homepage already put together, with pre-made blocks gathered from a bunch of different page styles. Now it was just down to customizing each of them.<\/p>\n\n\n\n GenerateBlocks has these templates too, and it was easy to find similar pre-made blocks that just needed a bit of editing to turn into what we wanted.<\/p>\n\n\n And for the most part, you have the same customization options you’d find in Elementor. However, this is where the fun begins. <\/p>\n\n\n\n GenerateBlocks doesn\u2019t have as many templates as Elementor, so it\u2019s harder to find something to match our vision for the home page. <\/p>\n\n\n\n Often times, if we wanted to use a pre-made block we\u2019d start with something like this:<\/p>\n\n\n And then start tweaking every single container or grid, or adding blocks from the vanilla editor. <\/p>\n\n\n\n Sure, you can just drop templates altogether if they seem like a hassle, and design page elements from scratch.<\/p>\n\n\n\n While that\u2019s a feasible way to build your pages, it takes longer. However, it does offer you more control on how you display elements from the get-go, so if you\u2019re comfortable building page elements from the ground up, GenerateBlocks is a better option.<\/p>\n\n\n\n And honestly, that\u2019s what it boils down to. Adding a blog posts archive and tweaking element styling options are extremely similar processes for both tools. <\/p>\n\n\n\n Even if we\u2019re to talk about global elements like headers and footers, both tools work similarly. <\/p>\n\n\n\n The only key differences are:<\/p>\n\n\n\n If you don\u2019t need template resources, and you want an upgrade to the Gutenberg editor you\u2019d use anyway, pick GenerateBlocks. If not, Elementor is still a better option.<\/p>\n\n\n\n GenerateBlocks is a great WordPress block editor. It\u2019s a lightweight editor that can replace page builders if you\u2019re comfortable in building every element from the ground up. <\/p>\n\n\n\n However, if you want a rich template library to kickstart your page building workflow, Elementor is still the way to go. If our GenerateBlocks review changed your mind and you want to make the switch, make sure you also read our GeneratePress review<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<\/figure><\/div>\n\n\n
GenerateBlocks Review<\/h2>\n\n\n\n
The Free Version Of GenerateBlocks<\/h3>\n\n\n\n
Container block<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n
<\/figure><\/div>\n\n\n
<\/figure><\/div>\n\n\n
Grid Block<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n
<\/figure><\/div>\n\n\n
Headline Block And Buttons<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n
<\/figure><\/div>\n\n\n
GenerateBlocks Customization<\/h3>\n\n\n\n
s <\/s>an advanced block options tab.<\/p>\n\n\n<\/a><\/figure><\/div>\n\n\n
<\/figure><\/div>\n\n\n
<\/figure><\/div>\n\n\n
\n
GenerateBlocks Pro Review<\/h2>\n\n\n\n
Template Library<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n
Advanced Backgrounds<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n
Style Editing<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n
<\/figure><\/div>\n\n\n
<\/a><\/figure><\/div>\n\n\n
Effects<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n
Container Links<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n
Device Visibility<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n
Custom Attributes<\/h3>\n\n\n\n
<\/figure><\/div>\n\n\n
Pricing<\/h2>\n\n\n\n
<\/figure><\/div>\n\n\n
Support<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
Performance: GenerateBlocks vs Elementor<\/h2>\n\n\n\n
\n
\n
<\/a><\/figure><\/div>\n\n\n
<\/figure><\/div>\n\n\n
<\/figure><\/div>\n\n\n
<\/figure><\/div>\n\n\n
<\/figure><\/div>\n\n\n
\n
Conclusion<\/h2>\n\n\n\n