• Home
  • Knowledge
  • Manuals
    • Manuals
    • Video Tutorials
      • Adore Church WP
      • AutoStars WP
      • BornToGive WP
      • Gaea WP
      • Native Church WP
      • Eventer
  • Services
  • Open a Ticket
  • Need Customisation?
  • Home
  • Knowledge
  • Manuals
    • Manuals
    • Video Tutorials
      • Adore Church WP
      • AutoStars WP
      • BornToGive WP
      • Gaea WP
      • Native Church WP
      • Eventer
  • Services
  • Open a Ticket
  • Need Customisation?
home/Knowledge Base/How To's/Start using SiteOrigins Page Builder
Popular Search:Theme installation via WordPress, Translate the theme

Start using SiteOrigins Page Builder

209 views 1 April 10, 2020 admin

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:Screenshot 2015-05-16 02.17.16
  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:Screenshot 2015-05-16 02.25.42Choose 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:Screenshot 2015-05-16 02.30.44
    Screenshot 2015-05-16 02.32.10To 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)
Tags:siteoriginspage buildernative churchadore churchgaeavestigegreenskeeper

Was this helpful?

1 Yes  No
Related Articles
  • Generate PayPal Identity Token
  • Set up WordPress FTP Credentials within wp-config.php
  • Generate Envato Token
  • Make Flexslider images responsive
  • Add Widgets in the Megamenu
  • Use Mega Menu
Leave A Comment Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

How To's
  • Start using SiteOrigins Page Builder
  • Generate PayPal Identity Token
  • Set up WordPress FTP Credentials within wp-config.php
  • Generate Envato Token
  • Make Flexslider images responsive
  • Add Widgets in the Megamenu
View All 23  
Popular Articles
  • Translate theme
  • Speed up your website
  • Make Flexslider images responsive
  • Generate Envato Token
  • Add Animated GIF images in WordPress
KB Categories
  • Getting Started
  • How To's
  • Ticket System
  • General Issues
  • FAQs
  • Quick Solutions
  • Support Policy
  • Privacy Policy
  • © 2022 imithemes. All Rights Reserved.

Popular Search:Theme installation via WordPress, Translate the theme