Bizcorp Pro – Keon Themes

1. Theme Installation

After you purchase & download your theme from store, you can choose either of the approaches given below to install your theme:

Approach I : From your admin dashboard.

Log in to the WordPress Administration Panels.
Select the Appearance panel, then Themes.
Select Add New.
Then, select Upload Theme.
Click Browse. Locate bizcorp-pro.zip theme in your computer.
Select bizcorp-pro.zip & click Install Now.

Approach II : Upload & install theme through FTP client

You can use FTP client like FileZilla to connect your web server.

Unzip bizcorp-pro.zip to your Desktop.
Using an FTP client to access your host web server, go to /wp-content/themes/ & upload your new copy of Bizcorp Pro theme.
Now, log into the WordPress Dashboard with your login details.
Select the Appearance panel, then Themes.
You will see the theme in the list.
Then, click Activate button.
Now, the theme will be activated & go through the following options to set up the theme step wise.

2. How to setup front page as shown in the demo?

After activation by default, you will see the list of posts on home page. You can change home page into the structure as shown in Bizcorp Pro Demo Page. For that, you need to setup static front page.
How to manage Homepage Settings? To set a static front page we need to have a page which can be set as Homepage Settings. If you already have a page then that’s fine otherwise follow the steps:

Hover over the “Pages” menu
You will see “Add New” under “All Pages”
Click “Add New“
You will be redirected to new page from.
Add title “Front” or any title you want.
Select a page template named "Front Page"
Leave editor blank
Click Publish button to save changes.

Now you can set page “Front” (or any page you created) as the static page. When you set static page, your blog posts will be removed from the homepage. So if you want to show blogs posts then you need to create blog page too. Follow above steps and create “Blog” page or any title you want to give for the blog page. Now that we have both “Front” and “Blog” page, we are ready to set static front page. Follow the steps to set static front page:

Hover over “Appearance”
Click “Customize”
Go to Static Front Page.
From Static Front Page section
Choose “A static page” option under “Front page displays” title.
You will be able to set any page as a static front page and blog page as shown on the image below.
Click “Save & Publish” button to save changes.

Note: If you select Your latest Posts, then all the posts will be displayed in your frontpage. If you select A static page, then your frontpage will display the content from the page you selected as Front Page. However the page you selected in Posts Page will become your blog page.

3. HOME PAGE SECTIONS

The demo is divided into different section as shown in the image below:

The different sections are described below:

Header Section: This section is set up from Admin Panel / Appearance / Customize / Header. Refer below How to manage Header Options? for more details.
Site Identity and Primary Menu Section: The Site Identity section is setup from Admin Panel / Appearance / Customize / Site Identity and for Primary Menu section you need to create a menu and assign its location to Primary Menu going to Admin Panel / Appearance / Customize / Menus / Menu Location. Cart Icon with count will appear autometically if woocommerce plugin is installed. Refer below How to manage Site Title, Logo, Tagline and Site Icon? and How to manage Menus? for more detail.
Slider Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Slider. Refer below How to manage Slider? for more detail.
About Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / About. Refer below How to manage About? for more detail.
Service Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Service. Refer below How to manage Service? for more detail.
Work Process Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Work Process. Refer below How to manage Work Process? for more detail.
Skills Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Skills. Refer below How to manage Skills? for more detail.
Portfolio Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Portfolio. Refer below How to manage Portfolio? for more detail.
Team Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Team. Refer below How to manage Team? for more detail.
Testimonial Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Testimonial. Refer below How to manage Testimonial? for more detail.
Achievement Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Achievement. Refer below How to manage Achievements? for more detail.
Client Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Client. Refer below How to manage Client? for more detail.
Pricing Table Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Pricing Table. Refer below How to manage Pricing Table? for more detail.
Woocommerce Product Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Woocommerce Product. This section will appear autometically if woocommerce plugin is installed.Refer below How to manage Woocommerce Product? for more detail.
Callback Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Callback. Refer below How to manage Callback? for more detail.
Blog Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Blog. Refer below How to manage Blog? for more detail.
Contact Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Contact. Refer below How to manage Contact? for more detail.
Footer Widget Area Section: This section is set up from the widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Footer. and add the widget you like. Refer below How to add Widgets? for more detail.
Footer Copyright Section: To set up this section you need to go to Admin Panel / Appearance / Customize / Theme Options / Footer. Refer below How to manage Footer Options? for more detail.

4. How to manage Site Title, Logo, Tagline and Site Icon?

1. From Customize section, go to Site Identity. 2. From Site Identity, you will be able to add various options related to site identity like:

Logo ( Only available in WordPress version greater than or equal to 4.5 ): It changes the main logo of the site.
Site Title: It changes the main site title of the site.
Tagline: It changes the tagline (i.e:Description) of the site. Just right of site title.
Display Site Title and Tagline: It enable/disable the Site Title and Tagline.
Site Icon: The Site Icon is used as a browser and app icon for your site.Icon must be square, and at least 512px wide and tall.

5. How to manage Fonts?

From Customize section, go to Fonts. 1. From Fonts / Font Family , you will be able to add various fonts family options for respective elements:

Body: Set the font family for your overall Site.
Site Title: Set the font family for Site Title.
Site Tagline: Set the font family for Site Tagline.
General Title: Set the font family for heading tags ( h1 - h6 ).
Section Heading: Set the font family for all headings under the sections in Home Page Template.

Note: Click Reset Fonts button for reset the theme's default fonts.

2. From Fonts / General

Font Size: Set the font size for all headings under the sections in Home Page Template.

6. How to manage Colors?

1. From Customize section, go to Colors. 2. Under Colors you will see different section Colors. They are:

Site Title: Set the color for your Site Title.
Background: Set the color for Body background.
Site Tagline: Set the color for Site Tagline.
Primary: Set the color for primary elements.
Gradient Background: Set the color of gradient background elements. Through Start and end Color.

Note: Click Reset Colors button for reset the theme's default color.

7. How to manage Background Images?

1. From Customize section, go to Background Image. 2. In Background Image Options you will see:

Background Image: Select the image for Background available on media library or upload from the other location. If the preview is fine, click on Save and Publish to apply recently selected/uploaded image as Background Image.
Image Postion :You can adjust the image position according to the arrow.
Image Size : You will be able to chose various options from the dropdown. (Fit to screen , original , Fill Screen) you can chose any as your requirement .
Repeat Background Image: You can check this to repeat the background image .
Scroll with Page: You can check this option to scroll the image with the page .

8. How to manage header options?

How to manage Header Image?

1. From Customize section, go to Header / Header Image . 2. From Header Image Options, you will see Current Header & Suggested Options sections.

Current header: Upload your desired header image .. If the preview is fine, click on Save and Publish to apply recently uploaded Header image.
Suggested: You can even use the suggested header image if you dont want to uploed other image.

9. How to manage Menus?

1. How to create a menu?

From Customize section, go to Menus
From Menus, click “Add a Menu” button and you will be able to create a menu.
Now, click Add Items and you will be able to Add or Remove Menu Items according to your requirement.
Select the Menu locations.
If the preview looks fine, save the changes by clicking on Save and publish button.

2.How to change menu Locations?

1. From Customize section, go to Menus and inside it you will find Menu Locations. 2. Here you can:

Select the menu for Primary Menu. Primary menu appears as a main menu in the header section.
Choose the Social Menu, which shows the social link’s title as a menu.

3.If the preview looks fine, save the changes by clicking on Save and publish button.

11. How to manage theme available widgets?

The theme’s available widgets are described below: Bizcorp Pro Social Menu widget:

Provide the Title.
Select a menu that contains link for your social profile.
Click Save.

Bizcorp Pro Highlighted Posts widget:

Provide the Title.
Select a Category.
Provide a number of posts you want to show. You can show up to 5 posts.
Check the option to show date & comments.
Select a desired Layout.
Click Save.

Bizcorp Pro Recent/Popular Posts widget:

Check the option for showing Recent Posts & Popular Posts.
Provide the Title Recent Posts & Popular Posts respectively.
Check the option to show date & comments.
Click Save.

12. How to manage theme Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see different sections. They are:

General

Woocommerce Sidebar Position: Set the sidebar position to Right, Left and Hide in Woocommerce Shop page.
Enable WPML Language Switcher: Enable/Disable WPLM Language Switcher in the Top Header section. For plugin setup refer to: WPML Documentation
Blog Sidebar Position: Set the sidebar position to Right, Left and Hide in Blog Page.
Enable Top Header White Background: Enable/Disable White Background color for Top Header.
Enable Scroll to top in mobile: Enable/Disable Scroll to top button in Mobile Devices.
Enable Preloader: Enable/Disable Preloader option.
Enable Page Title: Enable/Disable Page Title on Banner.
Enable Breadcrumb: Enable/Disable Breadcrumb option.
Instagram
- Enable Instagram: Enable/Disable Instagram section in About page template. Refer below: How to manage Page Temaplates?
- Access Token: To show images from your Instagram account, you need to have an access token. For access token refer to: Keon Instagram Token Generator
- Total Number of Images: Set the maximum number of images. Leave 0 to display all images.

Footer

Footer Text: Add footer text of your website.
Footer Sidebar Type: Set Verticle or Horizental Footer Widget items.
Disable footer widgets: Enable/Disable footer widgets. To add widgets refer above How to add Widgets?

Maintenance Mode: Set the Maintenance/Coming Soon Mode on your website.

Heading: Add a title.
Sub Heading: Add a sub title or small description.
Select Background Image: Add Background image for the page.
Enable Maintenance Mode: Enable/Disable maintainace mode.

14. How to manage Sliders?

How to add Slider?

From Sliders section, go to Add New.
Enter Title.
Enter Content.
Select Featured Image. Recommended Size is 1920*1200px.
Slider Options:
- Content Alignment: Set position of content to Left, Right and Center.
- Additional Button:
  - Name: Enter a name for button.
  - Link: Enter a URL for button.
  - Enable: Enable/Disable the button.
Click Publish.

How to manage sliders options?

From Customize / Front Page Options / Slider.
- Show Slider Control: Enable/Disable Slider control.
- Slider Auto Play: Enable/Disable Slider auto play.
- Slide Duration: Enter Auto time out in second.
- Button Text: Enter a text for Button.
- Enable Button: Enable/Disable Button text.
- Disable Slider: Enable/Disable slider.

15. How to manage About?

From Customize / Front Page Options / About.
- Select a Page: Select a page that you want to display the content of.
- Sub Heading:Enter sub heading.
- Video URL:Enter the youtube/vimeo video url.
- Button Text:Enter a text for button.
- Background Color: Select background color.
- Disable About: Enable/Disable About section.
- Click Publish.

16. How to manage Services?

How to add Services?

From Services section, click Add New.
Enter Title.
Enter Content.
Enter KFI Icon class in Icon field. You can find a list of icons from kfi icons
Select Featured Image. Recommended Size is 1400*580px.
Click Publish.

How to manage Service options?

From Customize / Front Page Options / Service.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Enable Read More button: Enable/Disable Read More button.
Read More Button Text: Enter a text for button.
Background Color: Select background color.
Disable Service: Enable/Disable Service.
Click Publish.

17. How to manage Work Process?

How to add Work Process?

From Process section, go to Add New.
Enter Title.
Enter Content.
Click Publish.

How to manage Work Process options?

From Customize / Front Page Options / Work Process.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Background Color: Select background color.
Disable Work Process: Enable/Disable Work Process.
Click Publish.

18. How to manage Skills?

How to add Skills?

From Appearance / Skills section, click Add New.
Enter Title.
Enter Level.
Click Save Changes. Note: To delete the skills, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items. Then click Save Changes.

How to manage skills options?

From Customize / Front Page Options / Skills.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Description: Enter Description.
Background Color: Select background color.
Disable Skill: Enable/Disable Skill.
Click Publish.

19. How to manage Portfolio?

How to add Portfolio?

From Portfolio section, click Add New.
Enter Title.
Enter Content.
Add Portfolio Type.
Select Featured Image. Recommended Size is 1400*580px.
Portfolio Options:
- Information:
  - Sub Title: Enter a Sub Title.
  - Link: Enter a external portfolio URL.
  - Date: Enter or Select the date.
- Gallery:
  - Add Image: Click add image. Recommended Image Size is 1142 * 500px. The added image will shown as slider in detail page.
  - Add external link.
  - Note: To delete the image, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
Click Publish.

How to manage Portfolio options?

From Customize / Front Page Options / Portfolio.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Show at Most: Maximum number of Portfolio to display.
Background Color: Select background color.
Image Size: Select image size.
Disable Portfolio: Enable/Disable Portfolio.
Click Publish.

20. How to manage Team?

How to add Team?

From Team section, click Add New.
Enter Title.
Enter Content.
Select Featured Image. Recommended Size is 1400*580px.
Team Profile Options:
- General:
  - Position: Enter a Job position.
  - Profile Picture: Select Profile Picture.
- Social:
  - Social Links: Add links of your social profiles.
- Skills:
  - Heading: Add heading title.
  - Add Skill:
    - Title: Add title.
    - Level: Add level.
    - Note: To delete the skill, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
- Achievement:
  - Title: Add heading title.
  - Add Achievement:
    - Title: Add title.
    - Link: Add external link.
    - Description: Add Description.
    - Note: To delete the Achievement, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
Click Publish.

How to manage Team options?

From Customize / Front Page Options / Team.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Background Color: Select background color.
Disable Team: Enable/Disable Team.
Click Publish.

21. How to manage Testimonial?

How to add Testimonial?

From Testimonial section, click Add New.
Enter Title.
Enter Content.
Enter Company Name.
Select Featured Image. Recommended Size is 1370*645px.
Click Publish.

How to manage Testimonial Options?

From Customize / Front Page Options / Testimonial.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Show at Most: Enter a maximum number of testimonial to display.
Background Color: Select background color.
Disable Testimonial: Enable/Disable Testimonial.
Click Publish.

22. How to manage Achievements?

How to add Achievements?

From Appearance / Achievements section, click Add New.
Enter Title.
Enter KFI Icon class in Icon field. You can find a list of icons from kfi icons
Add Total Count.
Note: To delete the Achievement, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
Click Save Changes.

How to manage Achievement Options?

From Customize / Front Page Options / Achievement.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Background Image: Select a background image.
Disable Achievement: Enable/Disable Achievement.
Click Publish.

23. How to manage Client?

How to add Client?

From Appearance / Clients section, click Add New.
Select Images.
Note: To delete the Client, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
Click Save Changes.

How to manage Client Options?

From Customize / Front Page Options / Client.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Background Color: Select background color.
Disable Client: Enable/Disable Client.
Click Publish.

24. How to manage Pricing Table?

How to create a Plan?

From Pricing Table section, click Add New.
Enter Title.
Add Category.
Pricing Table Options:
- General:
  - Highlight Plan?: Check for Highlight the item.
  - Volumn: Enter a Volumn.
  - Size: Enter a Size.
  - Sub Title: Enter a Sub Title.
  - Currency: Enter Currency Type.
  - Price: Enter Plan Price.
  - Frequency: Enter Frequency for eg: year, month etc.
  - Highlight Plan?: Check to make this plan Highlited. Enter Highlighted text.
  - Button: create an extra button
    - Text: Add button text.
    - URL: Add external link.
- Feature:
  - Enter the feature: Add plan features list.
  - Note: To delete the feature, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
Click Save Changes.

How to manage Pricing Table Options?

From Customize / Front Page Options / Pricing Table.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Pricing Table Shortcode:
- From Pricing Table section, click Catetory.
- Copy Shortcode(eg: [bizcorp-pricing-table id=24] ) form Shortcode column.
- Paste the shortcode.
Background Color: Select background color.
Disable Pricing Table: Enable/Disable Pricing Table.
Click Publish.

25. How to manage Woocommerce Product?

Only the featured products are displayed in Homepage Woocommerce Product Section. To make a featured product refer to Woocommerce Documentation How to manage Woocommerce Product Options?

From Customize / Front Page Options / Woocommerce Product.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Show at Most: Enter a maximum number of Products to display.
Column: Enter a number of column to display.
Background Color: Select background color.
Disable Product: Enable/Disable Woocommerce Products.
Click Publish.

26. How to manage Callback?

From Customize / Front Page Options / Callback.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Background Image: Select a background image.
Extra Buttons:
- Enable: Enable / Disable the button.
- Button Text: Enter a text for button.
- Button Link: Enter a URL for button.
Disable Callback: Enable/Disable Callback Section.
Click Publish.

28. How to manage Contact Details?

How to add Contact Details?

From Appearance / Contact Details section, click Add New.
Title: Enter a Title.
Icon: Enter KFI Icon class in Icon field. You can find a list of icons from kfi icons
Content: Add content.
Format: Select a format.
Show in Top Header: Enable it to display it in Top Header Section
Note: To delete the Contact Details, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.
Click Save Changes.

How to manage Contact?

From Customize / Front Page Options / Contact.
Heading: Enter Heading.
Sub Heading: Enter Sub Heading.
Map Settings:
- Map Type: Select a Map Type.
- Latitude: Insert Latitude of google map.
- Longitude: Insert Longitude of google map.
- Zoom: Set a zoom level.
- Height: Set a Map Height in pixel.
- Zoom: Set a zoom level.

Shortcode: Paste the Shortcode from Contact Form 7
Find the Markups below to create forms as shown in demo: CF7 Form Custom Style with click Effect


<div class="contact-form-section">
<div class="kt-contact-form-area">
<div class="col-xs-12 col-sm-4 col-md-4">
<div class="form-group"> 
[text* your-name id:cf-username class:form-control placeholder "Name *"] 
<label for="cf-username">Name <sup>*</sup></label> 
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<div class="form-group"> 
[email* your-email id:cf-email class:form-control placeholder "Email *"] 
<label for="cf-email">Email <sup>*</sup></label> 
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<div class="form-group"> 
[text* your-subject id:cf-subject class:form-control placeholder "Subject *"] 
<label for="cf-subject">Subject <sup>*</sup></label> 
</div> 
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group"> 
[textarea* your-message id:cf-message class:form-control placeholder "Message *"] 
<label for="cf-message">Message <sup>*</sup></label> 
</div> 
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group"> 
[submit id:cf-send class:form-control "Send Message"]<button type="reset" class="cleaner"><span class="kfi kfi-close"></span> clear form</button>
</div> 
</div>
</div>
</div>

CF7 Default Form Style


<label> Your Name (required)
[text* your-name] </label>

<label> Your Email (required)
[email* your-email] </label>

<label> Subject
[text your-subject] </label>

<label> Your Message
[textarea your-message] </label>

[submit "Send"]

Default Form Style


<form>
<label> Your Name (required)</label>
<input name="username" type="text"><br>
<label> Your Email (required)</label>
<input name="email" type="text"><br>
<label> Your Subject (required)</label>
<input name="subject" type="text"><label> Your Message (required)</label>
<textarea></textarea>
<input type="submit" value="Submit">
</form>

Click Publish.

30. How to manage FAQ Page?

From Appearance / FAQs section, Click Add New.
Enter the title.
Enter the Question.
Enter the Answer.
Repeat step 1,3,4
Click Save Changes

Note: To delete the FAQ, select respective item by clicking tick icon and click Delete button. You can Drag and Drop for re-arranging the items.

After entering all the data, you need to create a FAQ page. If you already have a page then that’s fine otherwise follow the steps:

Hover over the “Pages” menu
You will see “Add New” under “All Pages”
Click “Add New“
Add title “FAQ” or any title you want.
Select a page template named "FAQ Page"
Enter the content.
Click Publish button to save changes.