You may have asked how to install GenerateBlocks on your website? All in all, it only takes a few simple steps to get started. So, without delay, let’s dive right in so you can start enjoying the benefits of GenerateBlocks.
What Is GenerateBlocks?
GenerateBlocks is a plugin developed to work seamlessly with Gutenberg Block Editor as well as, WordPress. With these 4 GenerateBlocks, you can easily integrate with Block Editor, for the purpose of designing a layout for any website. Not to mention, this plugin is light and will not weigh down your website. Obviously, no bloating!
GenerateBlocks were created to work with any theme, but it works extremely well with Tom’s GeneratePress Theme. With this in mind, GenerateBlocks may be the answer to replace heavy bloating page builders.
The Benefit of GenerateBlocks
Consequently, with the free version of GenerateBlocks, you can use the containers and the grids. At the same time, you can integrate them with the blocks in the block editor. Not to mention, it helps to organize your site pages or posts into sections and columns. Block editor is missing some of the key blocks GenerateBlocks has created to build a professional-looking website and pages, in other words, this is where GenerateBlocks comes to the rescue.
Benefits
To point out, all 4 blocks give you the option to customize any style. With this in mind, I’ll list the options.
- Typography – Change your font style and size
- Spacing – place space between other content and containers with margins, padding, boarders and in addition, you can change the boarder radius
- Colors – change the color of boarders, backgrounds, text and links
Benefits Of Pro
The pro version has unending benefits for a minimal price, with this in mind you can create a lightweight professional site in minutes with these easy-to-navigate additions.
Benefits
- Template Library – 150 templates to insert into you content
- Global Styles – styles set to display on only designated areas
- Effects – special shadow boxes and more
- Advanced Backgrounds – make stunning hero blocks or gradients and colors
- Container Links – link any full container with an easy to apple link area
- Asset Library – add dynamic SVG (scalable vector graphics)
- Copy+Paste Styles – copy and paste any block to prevent recreating
- Custom Attributes – set up custom attributes to link to data
- Device Visibility – choose what to display on which device
Steps To Install GenerateBlocks
GenerateBlocks Instalation

To begin with, click on the orange button to go to the GenerateBlocks installation site.

Next, choose the install tab at the top and then click the pink download button.


Once you finish step 2, save the zip folder to your desktop or area of choice.


In the top left corner, click “add new” beside the word “Plugins.”


Then, in the top left, click “Upload Plugin.”


Next, click “Choose File” when you have chosen your file, then click “Install Now.”


The last step is to click “activate” on the plugin, as a result, you now have GenerateBlocks installed on your website.

To install this plugin I took you the long way around but in the video below I took you the short and simple way because I wanted you to know both ways. That’s it! Once you have completed these steps, we will move on to the pro upgrade installation.
The GenerateBlocks free and the GenerateBlocks pro both need to be activated as plugins on your website for each to work. With this in mind, don’t deactivate the GenerateBlocks when you add the GenerateBlocks Pro.

Video How To Install GenerateBlocks Step-By-Step
GenerateBlocks Pro Installation

To begin with, click the Orange button to take you to the GenerateBlocks area.

Next, in the navigation panel, click on Pro


Then, click on the pink tab “see pricing.”


At this time, choose the plan that best fits your needs, and then click on the pink purchase button below it at the bottom.


Now it’s time to save the zip folder to your desktop or area of choice


Again, open your website and go to the Plugins tab on the left of your dashboard, and click on “add new” or follow step #8


Then again, in the top left corner, click add new beside the word “Plugins.”


Next, in the top left, click the “Upload Plugin.”


Click “Choose File” and when you have chosen the file you saved, which is on your desktop then click “Install Now.”


Click activate on the plugin and as a result, you now have GenerateBlocks Pro installed on your website.

Liscense Key
After you activate the Pro plugin, you will want to retrieve your license key and place it in the plugin, because your license activates the automatic updates.

To begin with, log into your GenerateBlocks Pro account.


Secondly, click on Downloads-here you will find the license key to copy and paste.


Next, log in to your website and click on “GenerateBlocks” in the dashboard on the left.


At this time, go to settings and paste your keycode into the license area.


As a result, you are now all set to design a professional-looking website with just a few clicks of your new GenerateBlocks Pro lightweight plugin. Have fun!
Please take a look at:
GenerateBlocks Pro Review – Can You Build a Great Website?
GenerateBlocks Free vs GenerateBlocks Pro-A Plugin You Can Afford