Do you struggle with learning how to start an online business?

How to Install GenerateBlocks on Your Website

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

red one

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

red 2

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

gb INSTALL How to Install GenerateBlocks on Your Website
red 3

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

gbzip file
red 4

At this time, open your website and go to the Plugins tab on the left of your dashboard then click on “add new” or follow step #5

The Laura Method

add new How to Install GenerateBlocks on Your Website
red 5

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

addnew2 How to Install GenerateBlocks on Your Website
red 6

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

upload How to Install GenerateBlocks on Your Website
red 7

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

install now How to Install GenerateBlocks on Your Website
red 8

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

activate  How to Install GenerateBlocks 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.

activated How to Install GenerateBlocks on Your Website

Video How To Install GenerateBlocks Step-By-Step

GenerateBlocks Pro Installation

green 1

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

green 2

Next, in the navigation panel, click on Pro

navigation pro How to Install GenerateBlocks on Your Website
green 3

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

see pricing How to Install GenerateBlocks on Your Website
geeen 4

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

purchase pink tabs How to Install GenerateBlocks on Your Website
green 5

After you choose your plan and pay, you will receive a download button but if you do not get the link, go to GenerateBlocks.com (the container to the right is the link) and sign in to your account.

generateblocks.com

green 6

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

gbzip file How to Install GenerateBlocks on Your Website
green 7

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

add new
green 8

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

addnew2
green 9

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

upload
green 10

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

install now
green 11

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

activate

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.

white 1

To begin with, log into your GenerateBlocks Pro account.

pro account log in How to Install GenerateBlocks on Your Website
white 2

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

downloads How to Install GenerateBlocks on Your Website
white 3

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

gb on dashboard How to Install GenerateBlocks on Your Website
white 5

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

settings How to Install GenerateBlocks on Your Website
pin how to install

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

The Laura Method

Resign With Money is supported by its readers. When you click on a link on our site, we may earn a commission.
Do you struggle with learning how to start an online business?

Leave a Comment