How To Install Pinegrow Plugins – New Video Guide

Beginners, video guide


Video is 4.5 Minutes Long. We Recommend Watching at 1080p60 Picture quality.


Click Here for interactive and in depth guide (interactive guide is at bottom of post)

How to Install Pinegrow Plugins Transcript

Today we are going to show you how easy it is to install one of our pinegrow block kit plugins.

After you have downloaded your Pinegrow Plugin, open the zip file and extract the folder somewhere on your machine.

I recommend unzipping to the frameworks folder of your Pinegrow Install, were all the add ons bundled with pinegrow are located, but you could unzip anywhere you want.

If this is your first time installing a Pinegrow Plugin, I recommend you just unzip the download to a folder on your desktop for a test run install. I also recommend creating an empty folder on your desktop which will be used to save your project to – call it anything you wish. For the purpose of this demonstration , I have prepared one called ‘my plugin test’.

Create a page to add the plugin resources to

Open Pinegrow

From the Pinegrow Home screen, click open a new page or project.

In this example we will select a new Bootstrap 4 Index page. All of our premium plugins currently use Bootstrap 4, but some of our older ones use Bootstrap 3. Just be sure to select the correct framework, which will be outlined on the plugin download page.

Once the page is open, the next step is to save it.  You must always save the page before you can add the Plugin to the project. You should always have a folder ready to save to.

From the Pinegrow Menu, click file. From the dropdown, click save, or use the keyboard shortcut shift + S.

Save to the folder you created.

You can click yes to open as a project when prompted..

Load the Pinegrow Plugin

Now it’s time to load the plugin from the first javascript file inside the folder of the plugin you downloaded. It will be called something like: PG dot plugin-name dot JS

From the Pinegrow Menu Click file, and from the drop down choose manage libraries and plugins.

Click load plugin.

Locate the folder of the plugin you downloaded.

Click the folder Icon.

Open the plugin JS file.

Click Add.

Click OK when prompted.

Activate the plugin.

A pop up will appear prompting you  to add the resources to the page or project. Click add.

Once the resources have added, all the goodies will appear in the list panel on the left in Pinegrow.

Some plugins such as Pinegrow Restaurant & Pinegrow Construction might need additional frameworks added such as Font Awesome Icons.

These will also be listed on the plugin install page. Most block kit plugins need the Font Awesome icon library loaded, and all our current block kit plugins use Font Awesome 4 – We will add support for Font Awesome 5 soon, so just be sure to double check what version is currently being used.

Add these by clicking file, manage libraries and plugins,  activate font awesome and add the resources and save.

You should activate and add the plugin resources to any additional pages you create.

Congratulations! You just installed a Pinegrow Plugin, well done!

If you still can’t seem to get it right, try the interactive guide below which you can follow along to.

If all else fails and you are a premium version user,  just open a support ticket with us and we can schedule a one to one walk through via skype or some other screen sharing software.

About Author


Flash Sale:  5 Plugins Bundle for $47