There are a lot of page builders dropping into the WordPress market. Everyone has their own needs, of course, but often a pagebuilder is on the list. Recently, a very well-known and respected plugin developer in the WordPress community, Pippin Williamson, did an exhaustive review of some of the top page builders. I’m not here to recap his findings, nor offer you a comparison of the different builders out there. You can read his post for yourself. Instead I am here to share with you one of the top three pagebuilders he recommended, Pootle Pagebuilder Pro
Pootle Pagebuilder Pro, a WordPress Plugin
The site highlights three major strengths of the plugin: Live Designer, Mobile Friendly, and Works On Any Theme.
So let’s look at the options you have with this builder.
Adding a New Live Post or Page
We’ll start with the basics of adding a post. Now since you have a live editor, you can add a Live Page as opposed to adding a page like you normally do with WordPress. You can also do the same thing with posts. For example, we have selected to add a new Live Page.
As you can see, to start building your page, it will insert the first row, which you can easily edit. Just highlight the text you want to edit and you will get this tool bar that lets you do any kind of editing, including changing the font. The builder has several of the popular Google fonts to choose from.
If you click on the edit button for the content block, you get several great options including the editor. As you can see, the plugin has added a button here to making adding a Button easy.
And additional styling for the single content block:
You can easily add a slider or a gallery into the content box as well. You will see that you have several options for the source of the image, which is pretty cool, including stock images from Unsplash. I will show this again later in this post under the Hero Section.
The slider options give you quite a bit control over the slider itself.
And the options for adding a gallery:
The Posts option is a pretty sweet one as it allows you to add some posts in several formats and a number of posts to any block content of your choosing.
Lastly, if you are using WooCommerce, you can easily add products to a content block in any page or post. This can help you if you are looking to create product pages that are not by default offered through WooCommerce. It’s a chance to get a little more creative or even add some products to a page that you may not have normally considered.
In this example, you will see that I have opted to add Individual Products, so when I click in that box all of my products show up. There are several ways to present any of your products through this option.
For this one, I added eight products—four across in a grid (you can also display as a carousel)— and left all info to show. This is what I get on the front end:
Now as we move on, to build out the page, you can add additional rows by simply clicking on the + button below the existing row.
Once you click on that, you get the choice of how many columns you want to add in the row:
As you build out the page and add more rows, you can see that it’s possible to build a complex layout pretty darn easy and without knowing code.
Drag and Drop Modules, Some Cool Stuff
As you build out your page or posts, you can drag and drop some pretty cool modules into any area. By clicking on the box in the upper left corner, you will get quite the selection. These modules can be activated or deactivated in your builder setting, in case you don’t need a specific one for a single site.
Let’s look at a couple of these. But before I do, note that photo gallery and sliders, blog posts and WooCommerce are identical to the options that I have already showed you in the block content. Here, you can simply drag it over into a row and add those same modules just as easily. I won’t show you those as I would be repeating myself, but I wanted you to be aware of them.
Also, these modules make it possible to work with other plugins. I have already touched on WooCommerce, but you will also see Ninja Forms. I am guessing more modules will become available over time.
You will find what is called Hero Sections in a lot of builders, all of them working a bit differently. If I were to drag that one over, I would get these various options of placing a background image, color, gradient or even a video.
The row effect includes parallax and a few others. You have the choice of cover or 100% for the image and color overlay for the row as well.
Also, you will note that with the Background Image, they have included a built-in search of Unsplash, which gives you over 100,000 free stock images. The same option is available as a single drag and drop into any row, titled Unsplash Image. If I were to put in cat in the search, this is what I would get:
You have some options for the layout of the Hero Section, which includes choices for Row animation as well. The option to make it an accordion was interesting. This is a feature I hear a lot of requests for from users and well, it’s baked right into this builder.
And if you are into CSS, well, here you go:
Having the option to insert buttons when needed is always a nice touch. You can do this in your content block as I explained before, or add it to a row through the drag and drop here. They are great for calls-to-action and not having to add another plugin to do this is a plus. If you drag the button over, you get these options:
Those are just a couple of the examples of what you can drag and drop into a row, but it gives you an idea of the this page builder’s flexibility.
As you can see from this demo of the homepage, there is quite a bit you can do with this pagebuilder.
Once you create a layout, you can go into live view and edit that existing content easily by just clicking on it. For example, if I wanted to change the text here:
Or add something to the row, such as a start icon:
And get this:
This is a bit more challenging to show you in a single screenshot, but one of the things that the Pootle Pagebuilder does that a lot of pagebuilders are not capable of is what one might call perfect pixel placement. What this means is that you can move any block content to exactly where you want it. It could be up, down, or just slightly over. This is a huge benefit, as often when we are dealing with text overlaying an image, it doesn’t always sit exactly where you want it to. With this pagebuilder, that is not a problem.
Using the above screenshot as an example, you can see how I merely dragged it over and up away from the person. Maybe not the best spot for it, but you get the point.
One of the challenges some people have with pagebuilders is they either don’t have the time to put a page layout together or they are not feeling particularly creative. In that case, as of the date of this review, they give you five starter templates that you can easily activate and insert into any page. This way, you don’t have to start from the ground up and you can edit the template to your heart’s content.
As with any pagebuilder review that I write, it was a challenge to cover everything. There are so many cool options and features. I I hope I gave you a taste of some of them. Personally, I have used this plugin on clients’ sites, so I know the ease and power behind it. We are talking about a person here who moved the simplest of blogs to a pagebuilder and was not only able to understand it, but use it themselves for future editing.
Since my first use of this plugin, a lot has been added and improved on. I found it intuitive and was pleasantly surprised as its ease. All pagebuilders take some time to learn, but I feel the Pootle Pagebuilder is going to remain at the top of users’ choice, as well as on Pippin Williams’s own list.
Check out their site and the videos, as you will be able to see it in action, as opposed to my text and screenshots. It will widen your horizons and give you all kinds of new ideas for your site. You can see them here and get your copy of the Pootle Pagebuilder.