This may come as a surprise to some, but bloggers are not necessarily knowledgeable on every aspect of web design, especially writing HTML or CSS codes to build a website. Myself included, some bloggers know enough to be able to build a website through a CMS tool like WordPress, but not necessarily build it from scratch.
For non-coding bloggers like me, tools like WordPress and plugins are essential to build websites on our own. But even with these tricks, we sometimes find that we need more help designing a web page. So what does a non-coding blogger do? Use drag-and-drop website builders that don’t require writing a line of code.
There are many of these tools out there, but one recent discovery I made was Site Origin’s Page Builder plugin for WordPress. It allows you to build a page’s format with interactive objects that you can drag and drop around a web page. It sort of reminded me of Elegant Theme’s Divi, but the great thing about this plugin is that it’s free.
How to use Site Origin’s Page builder:
Upon installing the plugin, you can go ahead and add a new page or post from the Dashboard menu panel. Notice the Page Builder tab on the top right corner of the text editor. Click on this to start using Page Builder.
Clicking on the Page Builder tab activates the drag and drop interface and shows you the toolbar to start building the page. There are two major buttons you’ll be using: Add Row and Add Widget. To be able to add a widget, you need to add a row first.
When adding a row, the plugin lets you choose how many columns would be in that row and what kind of spacing will be used between columns.
Next, you can now add widgets to each section of a row. You can add any widget that you have installed, in addition to widgets provided by the Page Builder plugin. These widgets can be dragged and dropped into any of the columns in a row.
In the example below, I added different widgets to a three-column row. In the first column on the left, I added a Recent Posts widget, then a Text widget in the middle row and a Gravatar widget on the right column.
To edit the contents of most widgets, just mouse over the widget box and you should get an option to edit it. For instance, the Text and Gravatar widgets required me to enter details before the widget can be displayed properly, so I had to mouse over and click on the “Edit” button. You can also delete or duplicate a widget by hovering the mouse over a widget box.
A preview of my new page looks like this:
Another great thing about Page Builder is that it can also be used in existing web pages. Just edit the page and click on the Page Builder tab. Click “OK” on the popup asking if you’d like to copy the existing content to Page Builder.
Page Builder doesn’t only work on standard pages, but on individual blog posts as well. Just add or edit a post as normal and you should see the Page Builder tab on the WordPress text editor. If this is not the case, then go to Settings>Page Builder and ensure that Pages and Posts are both checked under the General tab.
Why should I use a Page Builder plugin?
Page Builder is great for beginner bloggers or even seasoned ones who just want to save time when creating a page. Regardless of skill level, this tool can prove useful.
As someone who’s been blogging for a while, I would say this tool is great if you want a quick and free way to design a web page without coding knowledge. I would recommend it if you don’t have the budget for expensive themes and fancy web design tools. It’s also ideal if you’re only looking to build one or two pages that serve a single purpose, such as a landing sales page or a portfolio. However, I don’t recommend using this tool for all of your pages or for creating regular blog posts, as this will slow down the process since you’ll spend more time designing rather than creating content.
Here is a video demo of this plugin:
Which Page builder WordPress plugin you are using?
While there are undoubtedly more advanced and more fully featured web page builders out there, Page Builder by Site Origin is the way to go if you want a simple web page design without having to spend a dime. Are you using Site Origin’s Page Builder plugin or any other Pagebuilder WordPress plugin? What kind of page you are planning to build with page builder plugins?