Copyright MotivoWeb 2022

Saga - Consulting Business WordPress Theme

    Saga consulting business WordPress theme is a pre-designed website template specifically created for consulting firms, individual consultants, and other professionals offering business consulting services. These themes provide a professional and modern look to the website, making it easy for businesses to showcase their services, portfolio, team, and achievements.

  • By: MotivoWeb
  • https://themeforest.net/user/motivoweb
  • Email: support@motivoweb.com

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this documentation, please feel free to contact us via email. Thanks so much!

Files Included
  • Saga WordPress Theme
  • Child Theme
  • Theme Documentation
  • Plugins (included Saga_Core and Revolution Slider plugins)
Theme Requirements

To use Saga, please make sure you are running WordPress 4.3 or higher, PHP 5.3 or higher, and MySQL 5.6 or higher. We have tested it with Mac, Windows. Besides, please check the recommended server configuration for proper theme functioning: Our Recommended Version above wordpress 5.0 and php 7.3.

Minimum server configuration

  • PHP version - 7.4 and higher
  • MySQL version - 5.6 or higher
  • memory_limit – 512M
  • max_execution_time – 1000
  • max_input_time – 300
  • upload_max_filesize – 216M
Download Saga Theme

Get the Saga Theme installation package from your account(after login on Themeforest.net) at downloads page and save it to your computer.

dashboard

Installation via Wordpress

Step 1 - Login to your WordPress Dasrdoard.

Step 2 - Go to Appearance > Themes. Click Add new button, located at the top of the screen or Add New theme ( see screenshots below ).

Step 3 - Click on Upload button at the top of the screen.

Step 4 - Choose Saga.zip.

Step 5 - Wait while the theme is uploaded and installed then activate the theme.

dashboard

Installation via FTP

Step 1 - Log into your Hosting server using an FTP client (like FileZilla ).

Step 2 - Locate saga.zip that you found in your ThemeForest Package and unzip it somewhere on your hard drive. Once it is unzipped it will look like a folder named Saga with all theme files in it.

Step 3 - Locate your Wordpress installation and upload the theme directory Saga (you unzipped in the previous step) into ../wp-content/themes/ in your Wordpress installation.

Step 4 - Click on the Activate button to activate Saga. Congratulations, you have now activated Saga successfully! You can now proceed with Saga Plugin Installation.

Install Saga Required Plugins

Step 1 - After activating the theme a notice should appear on the top of the screen, click on begin installing plugins ( see screenshots below ).

Step 2 - Select all the plugin,change Bulk Actions drop to Install then click apply ( see screenshots below ).

Step 3 - Congratulation you are ready to use Saga, check the First Steps part of our documentation to see what you may want to do before starting to edit your WordPress Site.

active all required plugins

WordPress Importer

Step 1 - Log into your WordPress Dasrdoard.

Step 2 - Go to Tools > Import. Then click on WordPress ( bottom of the list ).

Step 3 - A window should appear click the Install now button which is on bottom right.

Step 4 - Click Activate plugin & Run Importer. Then choose the content.xml file and click upload file and import Do not interrupt/cancel the import process!

Step 5 - Done! But you still need to set the Menu, Homepage.

import demo

Theme Options Importer

Step 1 - Log into your WordPress Dasrdoard.

Step 2 - Go to Appearance > Theme Options > Import/Export and import theme options(theme-options.json) .

import demo

Widget Importer

Step 1 - Log into your WordPress Dasrdoard.

Step 2 - Install plugin Widget Importer & Exporter.

Step 3 - Go to Tools > Widget Importer/Exporter and import widget(widgets.wie) .

import demo

Revolution Importer

Step 1 - Go to "Revolution Slider"

Step 2 - Click "Import Slider" button

Step 3 - When a popup appear, click "Browse" and select one of zip sliders(these files include in main file downloaded) file.

Step 4 - Click "Import Slider" button to start import the selected slider

Repeat the steps to import all

import demo

One Click Installation

Step 1 - After theme installation you need to import demo data to have starting point for website creation. With our themes it is very easy to do, just one Click. Go to Appearance > Import Demo Data > and press (Import Demo Data) button. All your demo data will be imported, this may take several minutes.

import demo

import demo

Step 2 - Then you need to import revolution slider data separatelly. Download theme full zip pack from themeforest > unzip it > you will see "saga_package > demo-content > revslider" folder , then open it and inside you will see slider ZIP folders.

Step 3 - Import that files to wp admin panel > revolutions slider >import. After doing this you will have exact copy of demo on your website.

import demo

Premium plugins Update Process

Please note that Saga theme does include updates for our Premium Plugins (Revolution Slider ), however, this does not mean that you will receive an individual license for these Premium Plugins. Due to Envato’s licensing rules, we can only issue updates for these plugins when we issue a theme update. Please continue reading below for further information on the process of how these updates are given.

When you purchase a theme that bundles Revolution Slider, you get to use these Premium Sliders with the theme. However, your purchase of Saga theme does not give you an individual license for the Revolution Slider to use or download as you wish.

To update the plugins:

Step 1: - Deactivate Revolution Slider and remove it:.

page builder

Step 2: - Re-install Revolution Slider :

page builder

Update Saga Theme

You can download the latest version of the Saga.zip at your downloads page, after downloading there are 2 ways of updating the theme manually:


Updating via WordPress

Step 1: Navigate to Appearance > Themes

Step 2: Deactivate Saga theme by activating a default WordPress theme, such as; Twenty Fifteen, Twenty Seventeen. The reason for this action is to enable the deleting functionality - WordPress does not allow to delete the active theme.

Step 3: Now you will be able to delete the Saga theme, by selecting the Theme Details and then clicking on Delete (Right Bottom Corner). This won't remove the previous theme options, so the information will not alter once you install the newest version.

Step 4: Press Add New on this same page, then select Upload Theme, find the “Saga.zip” file on your computer and click Install Now button.

Step 5: Deactivate Saga_core plugin and remove it, Then Re-install from the appear notice on the top of the screen, click on begin installing plugins.


Updating via FTP

Step 1: Connect to your hosting via an FTP software

Step 2: Unzip the Saga.zip file on your computer

Step 3: Upload the extracted “Saga.zip” folder to wp-content/themes/Saga, the theme will be updated by overwriting all the files of the previous version.

Step 4: Browse to wp-content/plugins/

Step 5: Delete and override the “Saga_core.zip” folder files with the new ones downloaded in folder plugins.

Page Builder

Saga themes use The World's Leading WordPress Website Builder: Elementor. If you're just getting started with Elementor, it's strongly recommended you go through their knowledgebase: https://elementor.com/getting-started/

  • once you start building your content in Elementor, you can't switch to another builder; while plain text will still be accessible, elements & their corresponding styling will be lost when disabling Elementor
  • Saga themes are built for Elementor exclusively, so if you plan on using a different builder, this theme might not be suited for you
Creat a New Page With Page Builder

Step 1 - Log in to your WordPress Administration Panel.

Step 2 - Click on Pages > Add New.

Step 3 - Click the Add Title text to open the text box where you will add your title.

Step 4 - Click on (Edit with Elementor) button.

page builder

Creating Section

A section is the most basic element that you can work with. It’s the building block of every page. A section can be set as full width and spread all over the screen, or receive the content area width (by default).

After you create a section you can drag and drop a widget inside. You can also divide each section to few columns. Every page you create can contain as many sections as you want. You can drag a section above or under another one to relocate it.

Add New Section: Click this button to create a new section or simply drag a widget from the panel and drop it in the content area.

Select Yout Structure: Choose a structure for your section (Later, you can edit the exact width of every column).

You can edit, duplicate or delete a section. You can also save it as a template or add a new section above.


Inserting a Widget

Step 1 - Choose an any widget, drag and drop it from the left area to the right panel.

Click the content to edit, duplicate or delete a widget. You can also save it as a Global Widget. Add Widget: Drag a widget from the left panel and drop it into a column.

page builder

Step 2 -To edit a widget, click the pencil icon.

Step 3 -On the Panel header, you can choose to edit the widget’s content and style.Every widget has a different setting.

Step 4 - You can save your current changes at any stage.When you have finished designing, click the ‘X’ button at the bottom panel and view the page.

page builder

Section Options

margin & padding option - When you edit the section, you can edit the margin and padding section options.

page builder


Animation Options

You can add column content animation for row. Simply open the column settings and go to Advanced tab, then animation section. You can adjust the settings as you like:

page builder


Separator Options

Step 1 - Go to your page, Click on the Edit This Section (pencil icon)

Step 2 - Select layout tap

Step 3 - Select row style of this row, position separator (top - bottom - top and bottom), color separator then click Save changes

page builder


Color Background Section

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Section Module

Step 3 - Click on the Edit This section

Step 4 - Click on Style tab , then select Background color

page builder


Background Mode If you add dark color to background section, and you want to change the content to fix this dark background, you can selct (Dark) from section option mod.

page builder


Fixed Background Section

Step 1 - Go to your page, and click Add section

Step 2 - Select the section Module

Step 3 - Click on the Edit This section

Step 4 - Add parallax type background for row (Note: If no image is specified, parallax will use background image from Design Options).

page builder

Step 5 - Click on Style tab, then add a Background Image change the attachment option to Fixed and then Saves changes

Step 6 - Update or Publish your page and you should now have a section with Fixed background

Setting a static page as Home

If you installed Saga Demo Data, you don’t need to create a new Home Page, you just need to choose from the list Home Pages that were automatically created from the demo content, following these steps:

  • Go to Settings > Reading.
  • For Front page displays, select A static page (select below)
  • Choose any homepage as you want... from the dropdown for Front page
  • Click Save Changes

home page

Save all your changes!

Building OnePage

Home OnePage aims to focus the user's attention to the content that they want. When you choose an item on Main Menu of OnePage, it immediately navigates to the section that you've chosen

If you want to build your Home OnePage please consult our guide below:

Step 1 - You just have to create a Menu with Links as items.

Step 2 - Go to your homepage, anywhere you want the menu item to navigate to section, please edit row by Elementor Builder and type id on field: Row ID

Elements area on page

This is guide on how to build home page manually for Saga HOME PAGE 01

Add Portfolio Items

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard).

Step 2 - Click the 'Portfolio' tab.

Step 3 - Click the 'Add New' sub-tab.

Step 4 - Start filling in the blanks: enter your portfolio title in the upper field, and enter your portfolio body content in the main post editing box below it.

Step 5 - Add categories to your item, the tags will be used as a filter on Portfolio Template pages.

Step 6 - Upload a featured image for your portfolio item then publish it.

Step 7 - Scroll down until you see the Portfolio Settings to Select thumbnail Link Type .

Step 8 - To create your portfolio content using Elementor, click on Edit with Elementor button.

Create Portfolio page

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard).

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Elementor Editor, click on Edit with Elementor button.( you need to have the Elementor Builder plugin activated )

Step 4 - Add Portfolio Widget

Step 6 - The Portfolio Settings should appear. You can customize the Portfolio by modifying the settings

Step 7 - After finishing, Publish the page.

Create Blog page

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard).

Step 2 - Click on Pages > Add New.

Step 3 - Click on Edit with Elementor button ( you need to have the Elementor Builder plugin activated )

Step 4 - Select the Blog Wigdet.

Step 5 - After finishing, Publish the page.


Create a Blog Post

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard).

Step 2 - Click on Posts > Add New.

Step 3 - Give your page a name then add Categories, Tags and Featured Image.

It's recommended you only use Elementor for design-heavy blog posts. Once you create your content using Elementor, there's no coming back to the default editor.

To create your content using Elementor, edit the post and click on Edit with Elementor button.

For each page you can change the title style, title background color, select to use a slider and much more! Check the screenshot and read the documentation to see how it works

General setting

Body Layout - Select body layout for page ( Boxed - Wide - Lines ).

Container Width - Select container width layout for page ( 1170px - 1240px - 1440px).

Mouse Cursor - Select mouse cursor for page ( Style1 - Style2 - Style3 - Style4).

Theme Color - Select theme color for page (Blue - Purple - Orange - Rose - Green).

Theme Primary Font - Select theme primary font for page (Roboto - Syne - Cabin - Inter ... ).

Body Background - Select body background for page.

Header setting

Select Header - Select header layout for page.

Logo - Select an image logo for page.

Select Menu - Select menu for page.

Select Position - Select position menu for page.

Disable Stick Menu - Disable Stick Menu for page.

Title Bar setting

Background - Select Background title bar for page.

Select page title - Select style title bar for page ( No page title - Page title V2 - Page title V3 - Page title V4 - Page title V5 ).

Sup Title - Can add sup title for page.

Footer setting

Select Footer - Select footer layout for page ( Footer V1 - Footer V2 - Footer V3 - Footer V4).

Theme Options

The theme comes with an extensive Theme Options Panel. From the Theme options panel you will be able to set or change the color of the theme, layout, header style, social icons and a lot more. You should take the time to go through all of these options to ensure that you are getting the most out of the theme.

Click Appearance > Theme Options to access the Theme Options Panel.

General setting

Layout - Body layout with wide or boxed.

Page Loader - Enable/Disable page loader.


- For each page you can change ( Body Layout - Container Width - Mouse Cursor ) from page > page option.

Color setting

Theme Stylesheet - Set stylesheet to change colors.

Body Background - Body background with image, color, etc.

Primary Color - Set primary color.

Secondary Color - Set secondary color.


- For each page you can change theme color from page > page option > general teb > theme color option.

Typography

Body Font Options - Set value of Font Family, Font Subsets, etc.

H1/H2/H3/H4/H5/H6 Font Options - Set value of Font Family, Font Subsets, etc.


- For each page you can change theme primary font type from page > page option > general teb > Primary font & socondary font.

Logo setting

Logo - Select an image file for your logo.

favicon - go to Appearance » Customize and click on the ‘Site Identity’ tab.


- For each page you can change logo from page > page option > header tab > logo.

Header setting

Header Layout - Select header layout in your site.


- For each page you can change header from page > page option > header tab.

Title Bar setting

Dimensions (Height) Option - Enter the value of Height for Title Bar.

Padding - Enter the value of padding for Title Bar.

Background - Seclect background for Title Bar.

Canvas Style - Seclect canvas style for Title Bar ( Snow - Particles - Animator ).

Title Bar Heading - Set value of Font Family, Font Subsets, etc.

Title Bar Path - Set value of Font Family, Font Subsets, etc.

Sub Text - Enter sub text of Title Bar.

Sub Text Format - Set value of Font Family, Font Subsets, etc.

Delimiter - Enter Delimiter of page breadcrumb in Title Bar.

- For each page you can change the title bar from page > page option > Title Bar tab.

Blog setting

Select Layout - Select layout of blog.

Content Column - Enter class bootstrap content column.

Sidebar Right Column - Enter class bootstrap content column.

Read More Text - Enter text of label button read more in blog.

Show share - Show or not share on your single blog.

Show Navigation - Show or not post navigation on your single blog.

Show Author - Show or not post author on your single blog.

Show Comment - Show or not post comment on your single blog.

Page setting

Show Page Comment - Show or not page comment on your page.

Contact Forms Settings

You can do step by step as image below to build contact form

You can visit Contact Form 7 Plugin to further details.

Or copy and paste content to Form field like this:

Example: Value Content for Contact form

Mail Chimp Settings

Step 1 Go to MailChimp for WP > MailChimp Settings

Step 2

Step 3

Step 4

Step 5

Step 6

Set Up WooCommerce ( eShop )

Saga themes is 100% compatible with the WooCommerce plugin for WordPress. It includes full design integration of the WooCommerce pages, shortcodes and widgets.

If you want to use Woocommerce you will have to install the plugin, to do so go to Plugins > Add New , search for Woocommerce. The Plugin you need to install is WooCommerce - excelling eCommerce by WooThemes

For full documentation visit the following websites:

Theme Update via WordPress

Updating the theme via WordPress is very similar to the install process via WordPress.

Follow the steps below to update your theme via WordPress:

Step 1 - Log into your WordPress Dasrdoard.

Step 2 - Go to Appearance > Themes.

Step 3 - Deactivate the Saga Theme by simply activating a different theme. Once you activate a different theme, you can delete the Saga theme.

Step 4 - Delete the Saga Theme. Do not worry, your content will not be lost!

Step 5 - Then simply upload the new Saga.zip” file in the Appearance > Themes section. Click on the Install Themes tab at the top and choose to upload the zip file. You have this step explained in section: Theme Installation via WordPress.

Theme Update via FTP

Updating the theme via FTP is very similar to the install process via FTP.

Follow the steps below to update your theme via FTP:

Step 1 - Go to .../wp-content > themes location on your server using a FTP client and backup your "Saga" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.

Step 2 - Download the new version of Saga theme from your Themeforest and retrieve Saga folder by unpacking the zip that you download from Themeforest and Saga_(version.number).zip.

Step 3 - Then simply drag and drop the new "Saga" theme folder into .../wp-content > themes location. Choose to “Replace” the current one if you did not delete it.

Step 4 - Log into your WordPress Dasrdoard, go to Appearance > Themes and activate the new Saga theme.

Thank you for purchasing our theme

If you have any questions that are beyond the scope of this documentation or have any troubles configuring your website applications with the above settings you can contact the MotivoWeb Support Team by signing up and submit a new topic. MotivoWeb Support Team will be glad to assist you.

Please Send Email: suport@motivoweb.com

Thanks so much for purchasing Saga!