How to Install GenerateBlocks on Your Website-A Few Simple Steps

You may have asked how to install GenerateBlocks on your website? It only takes a few simple steps to get started. 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 for WordPress. With these 4 GenerateBlocks, you can easily integrate with Block Editor and design a layout for any website. This plugin is light and will not weigh down your website. No bloating!

GenerateBlocks were created to work with any theme, but it works extremely well with Tom’s GeneratePress Theme. GenerateBlocks may be the answer to replace heavy bloating page builders.

My Simple 4-Step Formula

How to earn money online and work from home.

 Make your first $10,000 right from your laptop.

The Benefit of GenerateBlocks

With the free version of GenerateBlocks, you can use the containers and the grids and integrate them with the blocks in the block editor. 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 create a professional-looking website and pages, so this is where GenerateBlocks comes to the rescue.

Benefits

With all 4 blocks, you also have the option to customize any style with:

  • Typography-Change your font style and size
  • Spacing-place space between other content and containers with margins, padding, boarders and a 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. 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 disignated areas
  • Effects-special shadown 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 costom atrributes to link to data
  • Device Visibility-choos what to display on which divice

Steps To Install GenerateBlocks

GenerateBlocks Instalation

red one

Click on the orange button to go to the GenerateBlocks installation site.

red 2

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

Save the zip folder to your desktop or area of choice.

gbzip file
red 4

Open your website and go to the Plugins tab on the left of your dashboard; click on “add new” or follow step #5

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

In the top left, click “Upload Plugin.”

upload How to Install GenerateBlocks on Your Website
red 7

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. 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. In the video below (which I am making at this time) I took you the short and simple way. 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. So 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

Again click the Orange button to take you to the GenerateBlocks area.

green 2

In the navigation panel, click on Pro

navigation pro How to Install GenerateBlocks on Your Website
green 3

Click on the pink tab “see pricing.”

see pricing How to Install GenerateBlocks on Your Website
geeen 4

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

Save the zip folder to your desktop or area of choice

gbzip file How to Install GenerateBlocks on Your Website
green 7

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

add new
green 8

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

addnew2
green 9

In the top left, click the “Upload Plugin.”

upload
green 10

Click “Choose File” when you have chosen the file you saved, then click “Install Now.”

install now
green 11

Click activate on the plugin. 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. Your license activates automatic updates.

white 1

Log into your GenerateBlocks Pro account.

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

Click on Downloads-here you will find the license key to copy and paste.

downloads How to Install GenerateBlocks on Your Website
white 3

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

Go to settings and paste your keycode into the license area.

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

You are all set to design a professional-looking website with just a few clicks with 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

My Simple 4-Step Formula

How to earn money online and work from home.

 Make your first $10,000 right from your laptop.

Resign With Money is supported by its readers. When you click on a link on our site, we may earn a commission.

Leave a Comment