The SiteOrigin Page Builder WordPress plugin is one of the most popular free content editor plugins available. But with so many excellent premium page builders on the market, can a free plugin really still compete? Can a free plugin like SiteOrigin Page Builder be a realistic alternative to a paid page builder, or will it fall short?
These are some of the questions we’ll answer here. By the end of this review, you’ll hopefully be able to see for yourself if saving your money and using a free plugin is a viable option, or if a lack of features makes purchasing a premium tool a necessity.
Page Builder by SiteOrigin (downloadable from the official WordPress repository here has been created to help you produce custom designs for your WordPress website content. From building a unique homepage layout and advanced designs for your About and Contact pages to helping you publish more attractive blog posts, this plugin upgrades the standard WordPress editor to expand your creative options.
The plugin achieves this by enabling you to build custom grid-based responsive page layouts through its drag-and-drop interface. You can then insert a range of content modules into your custom layouts to create feature-rich pages.
If you’re looking for design inspiration or you’re short on time, SiteOrigin Page Builder also includes a selection of editable pre-built layouts.
We’ll explore the user interface and selection of content modules next in this SiteOrigin Page Builder review, but if you’ve ever wanted more control over the appearance of the posts and pages on your WordPress website, this could be the plugin for you.
The user interface, selection of content modules and widgets, and pre-built layouts are the three main components to a WordPress page builder plugin.
This SiteOrigin Page Builder review will now explore those three aspects of this plugin, plus a few extra features, to help you decide if this free tool is the right option for your project.
After activating the plugin, an extra tab is added to the WordPress Editor. When clicked, it launches the SiteOrigin Page Builder interface.
Once the Page Builder interface has loaded, you can start by adding a widget, a row, or pre-built layout to your page.
Rows are the foundation of the page builder layouts, and each row that you add to your page can be divided into multiple columns. By adding multiple rows to your layout – each with their own columns – you can start creating advanced page designs in just a few clicks.
After clicking on the Add Row button, you can define your row and column structure. The drag-and-drop interface makes it easy to change the width of the rows. If you’re looking for help creating an aesthetically pleasing layout or you’d just like to save time, you can choose from the predefined column ratios.
As well as defining the number of columns in the row, you can also customize the appearance of the row and individual cells. Changing the background display, including switching colors or images is handled through the Row Styles panel. You can also add custom margins and padding, as well as enter any custom CSS for even greater control over your design.
Once you’re happy with the row and its columns, you can add it to your page to continue building your custom layout. As you can add as many rows as you need to your page, you can create some really advanced layouts with SiteOrigin Page Builder.
Widgets are the content blocks that are used to add useful elements to your pages, such as buttons, maps, and sliders. But before we cover the widget options, let’s look at how they’re added to the page layouts.
Simply select a row or column cell, press the Add Widget button, and you can choose which element to add to your layout.
Once a widget has been added, you can click on it to start customizing its appearance and how it functions.
As well as working in the back-end editor, you can also switch to the ‘Live Editor’ mode to see how your page will look when it’s published.
To make changes to your page when working in the front-end Live Editor mode, rather than interacting with the content directly, the plugin displays a pop-up window that contains the controls.
The Live Editor mode does give you an accurate preview of your work, allowing you to find out how it will look to your visitors. However, due to the lack of direct inline editing, it doesn’t compare well to the polished point-and-click front-end editors found in premium WordPress tools like Beaver Builder, Visual Composer, or Thrive Themes Content Builder.
The SiteOrigin Page Builder Live Editor’s lack of direct inline editing isn’t a major drawback. However, the other tools like those mentioned earlier, as well as the premium Divi from Elegant Themes, offer a much more responsive and intuitive user experience. Being able to click on an item and start editing it directly on the page, whether you want to change text, resize a column, or move an element to a new position, is a much more convenient and intuitive way to work.
A handy feature of the Live Editor, though, is the mobile preview tool. To get an idea of how smartphone and tablet users will experience your content, you can use the device buttons to preview your design through the mobile viewports.
As all of the SiteOrigin Page Builder elements, including the layouts and widgets, are responsive, your designs should work well on smaller screen devices.
As well as creating your own custom designs, you can also import one of the pre-built layouts into your page. For a free plugin, SiteOrigin Page Builder includes an impressive selection of pre-built designs. However, they’re not up to the same standard as those you get with a premium tool like Beaver Themer.
The SiteOrigin Page Builder designs cover a range of page types, including Home, About, Contact, and ecommerce pages that are suitable for a variety of projects. Once you’ve imported a layout, you can edit it through the back-end page builder interface.
The layouts include relevant stock photography, so once you’ve imported the design you can simply replace the text to quickly create the page for your site.
As mentioned, SiteOrigin Page Builder includes a good set of useful widgets that can be added to your pages. From headlines and buttons to pricing tables and sliders, you can quickly and easily upgrade your content with this page builder.
Once you’ve added a widget to your layout, you can customize its appearance through the builder interface.
Like many of the best WordPress page builder plugins, any of the widgets that are active on your site, including those from third-party plugins, can be added to your custom designs. This opens up a whole world of creative possibilities. If you can’t find a suitable widget from the SiteOrigin Page Builder selection, you should be able to find one elsewhere.
Although SiteOrigin offers a range of of WordPress themes (some of which have been created by SiteOrigin themselves, and some by third-party authors such as ProteusThemes and ThemeTrust), the Page Builder plugin should work with any properly coded theme. For example, the Digital Pro Genesis child theme from StudioPress was used during testing for this SiteOrigin Page Builder review without any problems. Switching themes didn’t cause any issues either, with the custom page designs seamlessly transferring to the new design.
If you want to create full-width layouts, such as for your homepage, you’ll need to ensure your WordPress theme includes a full-width template. Alternatively, you can code one yourself or install a plugin like the free Fullwidth Templates for Any Theme & Page Builder.
Due to the way many WordPress page builders work, deactivating the plugin can cause problems. Often you’ll either lose access to any content you’ve added to a page with the builder or it becomes lost in seas of proprietary code.
Thankfully, this isn’t the case with SiteOrigin Page Builder. After deactivating the plugin, your content should still be accessible (without the formatting applied by the builder) to your visitors and editable through the standard WordPress Editor. This gives you the option of switching to another page builder in the future without losing your content — something that isn’t always possible with other page builder plugins.
So far, everything covered in this SiteOrigin Page Builder review relates the free version of the plugin. However, you can upgrade the page builder by purchasing the premium SiteOrigin add-on bundle for $29.
Benefits of activating the premium add-ons include being able to use the custom post type builder to create additional post types for your website, set parallax background images for layout rows to make them more visually appealing, and add animation effects to the layout elements.
Another benefit of purchasing the add-ons for the SiteOrigin Page Builder is that in addition to their free support channel, , you also gain access to premium email support.
For a free WordPress plugin, the SiteOrigin Page Builder is an impressive tool.
The editor is easy to use and the selection of widgets, along with the ability to add third-party widgets to your layouts, should ensure almost anyone can create useful custom page designs for their WordPress website. The pre-built page layouts are good, too, giving you a quick way to get started with your own custom designs.
The front-end Live Editor is the main area where SiteOrigin Page Builder falls behind the premium page builder plugins for WordPress. While you might be able to create designs of a similar quality to those you would with a tool like Divi or Beaver Builder, it will take you longer and involve more effort with SiteOrigin Page Builder. Plus, there are some features found in those tools that you just won’t get access to with this plugin, even if you purchase the premium add-ons.
However, for a free WordPress page builder plugin, the overall SiteOrigin Page Builder user experience is good, and if you’re on a tight budget and still want to create advanced page designs for your website, it could be a huge help.
Used/using SiteOrigin Page Builder? Thoughts?