How To's

Using SiteOrigins page builder with NativeChurch, Gaea, AdoreChurch theme.

We have opted Site Origin Panels for our themes, its a free drag drop page builder which is regularly updated with new features and bug fixes and quite easy to use for everyone because it uses the most common thing of WordPress that is widgets as the page content blocks. So it’s like placing widgets in a s sidebar to create a new page. We will be adding more and more widgets for our themes with every coming updates to make them all purpose themes.

Steps to started with the page builder use:

1. – First thing before using the site origin panels page builder is to install all the 3 recommended free plugins on your website. The required plugins are: Site Origin Panels , So Widgets Bundle and Black Studio Tinymce Widget.Site origin panels is the page builder interface which works with widgets available in your theme.So widgets bundle is there free package of some useful widgets like pricing table, featured icon blocks, interactive maps, video widget and much more. Tinymce widget is a widget which let you add WordPress visual editor to any of your page builder block to insert any text, shortcode inside it.All of these plugins are required before you start using the page builder widgets of our themes. You can install them from the message comes in your dashboard as soon as you update to the latest version of theme which comes with page builder addition. These plugins can also be installed and activated from Appearance > Install plugins
2. – Theme built in widgets are included in the theme inside framework => Page-builder folder. These widgets and SO Widgets Bundle widgets needs to be activated before you can see them in your page builder interface. To activate the widgets just move to Plugins > SiteOrigin Widgets where you see a page like below image:
3. – Start building a page using the page builder widgets. Move to Pages > Add new where you will see an additional toggle tab at the content editor:Choose the page builder tab and you can now start using the page builder widgets. See full documentation about using widgets here: https://siteorigin.com/page-builder/documentation/
4. – Theme’s specific classes can be attached to your page builder rows  like shown below:
   To add parallax effect to background image of a row add class “parallax” and after space add “parallax1” Notice if you have multiple parallax background rows in your single page then you need to add “parallax2” , “parallax3” along with “parallax” for each row.
   To remove default top padding from the page you can use class “no-top-content-padding” for your first row on the page.
5. – Prebuilt pages are added in the theme when you update to latest version. You can use them as described here: https://siteorigin.com/page-builder/documentation/prebuilt-layouts/
6. – You can find a new page template added to use that for your website homepage with page builder named “Home Page Builder”(Native Church Theme Only)