Introduction

This documentation is last updated on 26 May 2017.

Thank you for choosing the "Beeseo" theme. If you have any support related questions, please feel free to post them to the theme's support forum or just send an email to "suniljoshi19@gmail.com".

Licence Term:
Please refer Licensing Terms on the ThemeForest site..


Install Theme

To install the Beeseo Theme you will need WordPress v4.2.0 or newer

Once you are ready with a WordPress, you need to download All Files and Documentation from themeforest and then extract the downloaded zip. Contain files and folder including beeseo.zip.

You can install the WordPress theme using two different ways.

Method 1 : Install Theme using WordPress Dashboard

  1. Go to 'Appearance > Themes' section
  2. Click 'Add New'

  3. Click 'Upload Theme'

  4. Choose the beeseo.zip file and press 'Install Now'

  5. Click on activate to active your theme.

Method 2 : Install Theme using FTP

  1. Open and connect your hosting server using an ftp client like FileZilla
  2. Go to the '../wp-content/themes' folder of your WordPress installation
  3. Extract the beeseo.zip file and put the beeseo folder in '../wp-content/themes/' folder
  4. Go to 'WordPress Dashboard > Appearance > Themes' section to activate the theme

Install Plugins

After you have activated the Beeseo theme, WordPress is showing list of required and recommended plugins on dashboard.

You can install plugin by clicking Begin installing plugin but if you have already hide it out this notice, you can Go to Appearance > Install Plugins



So, you need to install and activate all the required plugins as following.

Install Child Theme

It is better to use child theme as if you need to modify anything you modify in child theme only. This way you can easily update your parent theme whenever new update becomes available on themeforest. You can read more about child theme from here.

To install child theme, you need to upload the beeseo-child.zip and activate it in the same way as you uploaded and activated the parent theme's beeseo.zip.

Import Demo Contents

Too make your site look like demo, you need to follow following two step.

Import Demo Data

Prerequisites : Installed all required Plugin and activated.

  1. Go to Appearance > Import Demo Data Sub menu
  2. Click on 'Import Data' will take around 5 to 15 min to install

OR
If you are facing any issue importing data with above step then follow following step :

Too make your site look like demo, you need to follow following five step.

  1. Importing XML file
  2. Importing Revolution slider
  3. Manage Menus Location
  4. Configuring Menus
  5. Configure Reading Settings

Importing XML file

Prerequisites : Installed and activate the WordPress Importer plugin

  1. Go to WordPress Admin > Tools > Import and click on WordPress link
  2. Click on 'Choose File' and select the XML file beeseo_sample_data.xml from Sample Data folder in unzipped package that you have downloaded from themeforest.
  3. Click on 'Upload files and import'
  4. Select Author name from dropdown or give new author name if you would like to create new user.
  5. select Download and import file attachments' checkbox
  6. Click 'Submit' button

Importing Revolution slider

Prerequisites : Installed and activate the Revolution Slider plugins

  1. Go to WordPress Admin > Revolution Slider
  2. Click on Import Slider button
  3. Click on 'Choose File' and select the beeseo_Slider1.zip file from Sample Data folder in unzipped package that you have downloaded from themeforest.
  4. Click on 'Import Slider'
  5. Repeat the same step to import another slide (beeseo_Slider2.zip)

Manage Menus Location

  1. Go to Appearance > Menus
  2. Go to Manage Locations tab
  3. Select Top Navigation for Top Navigation
  4. Select Footer Navigation for Footer Navigation
  5. Select Services Navigation for Services Navigation
  6. Click on 'Save Changes'

Configure Menus

  1. Go to Appearance > Menus
  2. Go to Menu Settings section
  3. Select Top Navigation
  4. Click on 'Save Menu'

Configure Reading Settings

I am assuming that you have imported the XML successfully

To configure reading settings you need to follow following step :

  1. Go to WordPress Admin > Settings > Reading
  2. Choose front page displays as static page
  3. Select Front Page as Home 1
  4. Enter no of Post want display on single page (In Demo, We have 5 post per page.)
  5. Click on 'Save Changes'

Create Home Page

In case of imported XML the home page is already created and you do not need to follow this section.

To set up the Home page,Follow following step,

  1. Go to WordPress Admin > Pages > Add New
  2. Select the "Home Page" from template drop down of Page Attribute Section as display screen shot below.

  3. You can add anything in page using Visual Composer. We have created custom visual component for following.

    Each Custom Visual Component setting details available in next tabs.
  4. Click Publish

Title Styles Component Setting

To add Title Styles Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Hosting Service component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Bee SEO tab and then select Title Styles

  7. Open Hosting services setting properties by clicking "Edit Title Styles" icon

    • Select Head Tag
    • Enter Title Text
    • Select Text Align
    • Select Text color
    • Enter Font size
    • Enter Line height
    • Enter Line height
    • Enter Font Weight
    • Enter Class
    • Click Save Changes
  8. Click Update to update page

Testimonial Component Setting

To add Testimonial Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Service component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Testimonial

  7. Open Testimonial setting properties by clicking "Edit Testimonial" icon

    • Enter No. of Testimonial
    • Select Display Layout (Layout 1, Layout 2,Layout 3).

      If you want to display as below then select Layout 1

      If you want to display as below then select Layout 2

      If you want to display as below then select Layout 3

    • Click Save Changes
  8. Click Update to update page

Recent Post Component Setting

To add Recent Post Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Service component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Recent Post

  7. Open Recent Post setting properties by clicking "Edit Recent Post" icon

    • Enter No. of Blogs
    • Select Display Layout,(Layout 1, Layout 2).

      If you want to display as below then select Layout 1

      Layout 2 is not in theme but you can easily add it

    • Click Save Changes
  8. Click Update to update page

Case Study Component Setting

To add Case Study Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Pricing table component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Pricing Table

  7. Open Case Study setting properties by clicking "Edit Case Study" icon

    • Enter No. of Case Study
    • Select Display Layout (Layout 1, Layout 2,Layout 3).
    • For Layout 3
    • Select Display Tabbing
    • Enter Case Study Title
    • Enter Case Study Sub Title

      • If you want to display as below then select Layout 1

      If you want to display as below then select Layout 2

      If you want to display as below then select Layout 3 with Tabbing

    • Click Save Changes
  8. Click Update to update page

FAQ Component Setting

To add FAQ Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add FAQ component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select FAQs

  7. Open FAQ setting properties by clicking "Edit FAQs" icon

    • Enter No. of FAQs want to display

    • Click Save Changes
  8. Click Update to update page

Pricing Plan Component Setting

To add Pricing Plan Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Pricing Plan component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Pricing Plan

  7. Open Pricing Plan setting properties by clicking "Edit Pricing Plan" icon

    • Enter No. of Pricing Plan
    • Select Display Layout (Layout 1, Layout 2).

      If you want to display as below then select Layout 1

      Layout 2 is not in theme but you can easily add it

    • Click Save Changes
  8. Click Update to update page

Listing Style Component Setting

To add Listing Style Section, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Teams

  7. Open Listing Style setting properties by clicking "Edit Listing Style" icon

      • General
      • Enter List Item Name want to display
      • Select Text color
      • Enter Font size
      • Enter Line height
      • Enter Font Weight
      • Enter Margin Top
      • Enter Margin Bottom
      • Enter Class
      • Enter No of Column
      • Icoon Setting
      • Select Icon to display
      • select Upload Image Icon:


    • Click Save Changes
  8. Click Update to update page

Video Button Component Setting

To add Video Button, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Bee seo Press tab and then select Video Button

  7. Open Video Button properties by clicking "Edit Video Button" icon

    • Enter Content
    • Enter Video URL
    • select Button Alignment
    • Click Save Changes
  8. Click Update to update page

Our Process Component Setting

To add Our Process , Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Bee seo Press tab and then select Our Process

  7. Open Our Process properties by clicking "Edit Our Process Setting" icon

    • Select Display Layout
    • Select Process Item
      • Enter Process Title
      • Enter Process Content
      • Select Process Icon Image
      • Enter Line number ( or text )

      • If you want to display as below then select Layout 1

      If you want to display as below then select Layout 2

    • Click Save Changes
  8. Click Update to update page

Button Styles Component Setting

To add Button Styles, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Hosting Press tab and then select Portfolio

  7. Open Button Styles properties by clicking "Edit Button Styles" icon

    • Select Button Type
    • Select Shape
    • Enter Content
    • Enter URL
    • select Target
    • select Button Alignment
    • Shape Square
    • Shape Rounded (Default)
    • Click Save Changes
  8. Click Update to update page

History Tab Component Setting

To add History Tab , Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Bee seo Press tab and then select History Tab

  7. Open History Tab properties by clicking "Edit History Tab Setting" icon

    • Add History Item
      • Enter History Year
      • Enter History Title
      • Enter History Description
    • Enter History Title

    • Click Save Changes
  8. Click Update to update page

Max Counter Component Setting

To add Max Counter , Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Bee seo Press tab and then select Max Counter

  7. Open History Tab properties by clicking "Edit Max Counter Setting" icon

    • Enter Count
    • Enter Prefix
    • Enter Suffix
    • Enter Title
    • Select Color

    • Click Save Changes
  8. Click Update to update page

Image Slider Component Setting

To add Image Slider, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Bee seo Press tab and then select Image Slider

  7. Open Image Slider properties by clicking "Edit Image Slider Setting" icon

    • select Image Slider
    • Upload Image

    • Click Save Changes
  8. Click Update to update page

Icon Box Style Component Setting

To add Icon Box, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Bee seo Press tab and then select Icon Box

  7. Open Icon Box properties by clicking "Edit Icon Box Setting" icon

    • Upload Image
    • EnterTitle
    • EnterContent
    • SelectBox Background Color
    • SelectDisplay Style
    • Select Box shadow

      • If you want to display as below then select Style 1

      If you want to display as below then select Style 2

      If you want to display as below then select Style 3

      If you want to display as below then select Style 4

      If you want to display as below then select Style 5

      If you want to display as below then select Style 6

    • Click Save Changes
  8. Click Update to update page

Quote Banner Component Setting

To add Quote Banner, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Bee seo Press tab and then select Quote Banner

  7. Open Quote Banner properties by clicking "Edit Quote Banner Setting" icon

    • Enter Quote Text
    • Select Color
    • Enter Font size
    • Enter Line height
    • SelectText Align
    • Enter Font Weight
    • Enter Padding Top
    • Enter Padding Bottom


    • Click Save Changes
  8. Click Update to update page

Staff Component Setting

To add Staff, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Bee seo Press tab and then select Staff

  7. Open Staff properties by clicking "Edit Staff Setting" icon

    • Select Type
    • Enter Number of items to display
    • SelectColumns
    • Enter Items IDs


    • Click Save Changes
  8. Click Update to update page

GoogleMap Component Setting

To add GoogleMap, Follow following step :

  1. Open Page where you have to add this Visual Component.
  2. Change editor into classic mode by clicking Backend Editor button.

  3. Click on Add Element or "+" sign to open visual components pop-up.

  4. Click on Row to add row section, Now inside row we have to add Team component.

  5. Click on "+" from row element to open visual component pop-up.

  6. Go to Bee seo Press tab and then select GoogleMap

  7. Open GoogleMap properties by clicking "Edit GoogleMap Setting" icon

    • Enter Address (optional)
    • Enter Latitude
    • EnterLongitude
    • Enter Zoom
    • Select Marker
    • Enter Popup Marker Content
    • Select Scrollwheel
    • Select MapType
    • Select Hue (optional)
    • Enter Width (optional)
    • Enter Height


    • Click Save Changes
  8. Click Update to update page

Add News Post

Go to WordPress Admin > Posts > Add New
  1. Provide the post title

  2. Select the post format



    Post Formats and Related Meta Boxes:
    This theme supports various post formats. So, when you select a post format look out for related meta boxes that will appear after your selection. You need to fill out those meta boxes with related information, so that your post can appear in best possible design.

  3. Enter the post contents if any



  4. Provide the featured image. The image should have minimum width of 732px. Its height is flexible so you can upload the image of any height.



  5. Publish the post once it is ready.

Add Testimonial

Go to WordPress Admin > Testimonials > Add New
  1. Provide the Expert name



  2. Enter the Testimonial contents if any



  3. Enter No of Star



  4. Provide the featured image.



  5. Publish the Testimonial once it is ready.

Add Case Study

Go to WordPress Admin > Case Study > Add New
  1. Provide the Case Study title



  2. Enter the text contents about Case Study



  3. select show page title



  4. Select the title text color



  5. Select the title background color



  6. Select the background image



  7. Provide the featured image.



  8. Publish the Team once it is ready.

Add FAQ

Go to WordPress Admin > FAQs > Add FAQ
  1. Provide the question name in post name field



  2. Enter the Answer in content



  3. Publish the FAQ once it is ready.

Add Pricing table

Go to WordPress Admin > FAQs > Add FAQ
  1. Provide the Pricing title



  2. Enter the Pricing content



  3. Enter the Pricing option



  4. Publish the Pricing table it is ready.

Add Staff Member

Go to WordPress Admin > Posts > Add New Staff Member
  1. Provide the post title

  2. Provide the featured image.



  3. Enter the Staff Member Details



  4. Publish the Staff Member once it is ready.

Add Page

Go to WordPress Admin > Pages > Add New
  1. Provide the page title



  2. Select the Default Template from template drop down of Page Attribute Section as display screen shot below.



  3. Enter some text contents in content box if you want to.

  4. Publish the page once it is ready.
  5. After publishing you need to add the newly created page in menu from WordPress Admin > Appearance > Menus

How to set up WooCommerce Shop

This theme uses WooCommerce Plugin to provide shop related functionality.

Please follow the steps below to setup your shop.

  1. Go to Appearance > Install Plugin and install and active WooCommerce as displayed in screen shot below.



  2. After Install and Active WooCommerce Click on Return to the Dashboard .



  3. Run the Setup Wizard.



    It will add 4 pages ( Shop, Cart, Checkout and My Account ) and payment setting.
  4. Go to Appearance > Menus and add Shop page into your desired menu. Save the menu after adding shop page.



    Visit the shop page and you will find a message that no product is found.

  5. Go to WooCommerce > Setting > Product tab > Display Tab and specify the image size as below.



  6. Now, You can add your own products or you can import dummy data to play with basic stuff. To Import Dummy Data you can follow this helping article.

Recent Post Widget

  1. Go to Appearance > Widgets and look for Bee seo Recent Post widget.



  2. Use that widget in Blog Post sidebar. Provide the titles and Number of post to show.
    Save the widget settings after you are done.



  3. Now check the front end of your site and you will have the tabs widget working in your Blog Post sidebar.



About US Widget

  1. Go to Appearance > Widgets and look for Bee seo about us widget.



  2. Use that widget in Blog Post sidebar. Provide the titles , image url and decription to show.
    Save the widget settings after you are done.



  3. Now check the front end of your site and you will have the tabs widget working in your Blog Post sidebar.



Social Network Widget

  1. Go to Appearance > Widgets and look for Bee seo Social Network widget.



  2. Use that widget in Blog Post sidebar. Provide the titles to show.
    Save the widget settings after you are done.



  3. Now check the front end of your site and you will have the tabs widget working in your Blog Post sidebar.



Tag Widget

  1. Go to Appearance > Widgets and look for Bee seo Tag widget.



  2. Use that widget in Blog Post sidebar. Provide the titles to show.
    Save the widget settings after you are done.



  3. Now check the front end of your site and you will have the tabs widget working in your Blog Post sidebar.



Homepage theme option

  1. Go to Beeseo Options -> General Option
  2. Upload Favicon for your web sites
  3. select Loader Enable
  4. Select CSS Minify
  5. Enter Case Study Slug
  6. Enter Case Study Slug
  7. Enter Space Before head tag Add code before the head tag.
  8. Enter Space Before body tag Add code before the body tag.




TopBar theme option

  1. Go to Beeseo Options -> Topbar Options
  2. select Show/Hide TopBarDo you want to display top bar on header?
  3. Select Search Topbar Select where you want to display Search Bar?
  4. Select Contact InformationSelect where you want to display contact information?
  5. Enter Email Address
  6. Enter Phone No. Add code before the head tag.
  7. Enter Custom text Add code before the body tag.
  8. Select Social Icon
  9. Enter Slogan text Add code before the body tag.
  10. Enter Free Consultation Button Text This is for Homepage version 2
  11. Enter Free Consultation Button URL




Header theme option

  1. Go to Beeseo Options -> Header Options
  2. Upload LogoUpload logo image for your Website. Otherwise site title will be displayed in place of logo.
  3. Enter Header Top Padding
  4. Enter Header Bottom Padding
  5. Enter Header Height
  6. Select Sticky Header
  7. Select Header Layout




Typography Theme Option

  1. Go to Beeseo Options -> Typography Options
  2. Select Body Font
  3. Select Headings Font
  4. Select Paragraph Font
  5. Select Menu Font




Styling Theme Option

  1. Go to Beeseo Options -> Styling Options
  2. Select Primary Color
  3. Select Secondary Color




Social Networks theme option

  1. Go to Beeseo Options -> Social Networks Options
  2. Enter Social Name
  3. Enter Social URL




Blog theme option

  1. Go to Beeseo Options -> Blog Options
  2. Select Blog Sidebar Position
  3. Select Blog Post Meta
  4. Select Blog Post Meta Options
  5. Select Next/Previous Post Links
  6. Enter Next Post
  7. Enter Author Box
  8. select Blog Comments




Contact page theme option

  1. Go to Beeseo Options -> Contact Us
  2. Provide Address that you want to display on website
  3. Provide Email Address that you want to display on website
  4. Provide Phone No. that you want to display on website
  5. Provide No. of Social Icon that you want to display on website
  6. Select Display Map? that you want to display on website
  7. Provide Latitude
  8. Provide Longitude
  9. Provide Google API Key




Customer CSS theme option

  1. Go to Beeseo Options > Custom CSS
  2. Provide the CSS that we have to override the theme css




Translating The Theme

This theme is translation ready but the support of RTL languages is not available for now.
  1. For translation to multiple languages you can use WPML Plugin

How to Modify Theme Options

This theme uses redux framework for theme options and related file reside in 'include > beeseo-config.php'

Now, you can consult redux framework documentation to learn about adding new sections and fields into theme options.