Buscom

Buscom - Multipurpose Business and Corporate WordPress Theme

Thank you for purchasing our Theme. We hope that you find all your questions regarding this Theme answered in this Documentation as much in details as possible. However, if you still need support, do not hesitate to contact us at our support forum for this Theme. If you have any questions that are beyond the scope of this help file, please feel free to email me. Thanks so much!

Intro

Buscom is a Responsive quick and easy customizable Modern Multipurpose Business and Corporate WordPress Theme that comes with 6 home page variations. Buscom offers numerous awesome features like agency, business, corporate company, business agency, digital agency, start up business, consulting firms, insurance, loan, tax help, investment firm or your just a Blog. Well commented code, well-documented file structure and 24/7 professional and ultra-fast Support.

  • Multipage Theme
  • Sharp and Clean Design
  • HTML5 and CSS3
  • Fully Responsive Design
  • Blog Pages Included
  • Contact Form 7 Integrated
  • Visual Composer Intgrated
  • 18+ Custom Visual Composer Addons for Buscom
  • Theme Option Support
  • Customizer Support
  • Free Font Icons (Font Awesome)
  • All Necessary Pages

Instalation

Once you've downloaded the installation file on ThemeForest, extract it and locate a file called buscom.zip. You can install the theme by using one of two installation methods:

  • WordPress upload - This is probably the simplest way for most users. Here are the steps you need to take:
    1. Login to WordPress admin
    2. Go to admin panel > Appearance > Themes > Add New > Upload Theme
    3. Click on "Choose File" and select buscom.zip
    4. Click on "Install Now"
    5. When your theme is successfully installed, click Activate to activate the newly installed theme.
  • FTP upload - If you wish to install via FTP, here are the steps you need to take:
    1. Using FTP client, login to the server where your WordPress website is hosted
    2. Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory
    3. Using FTP client, upload the buscom directory to themes directory on remote server
    4. Once uploaded, navigate to Dashboard > Appearance > Themes in the WordPress Dashboard and hit Activate below your newly uploaded theme.
When you use first or second method, please make sure that you're uploading the buscom.zip file, not entire package you downloaded. If you upload the wrong file you will get an error stating “Error: missing style.css stylesheet.” (static website).

Once installation is complete, your buscom theme will be ready to use. You should now see buscom theme as active .

Great - you can now start building your site!

Common Error during Installation.

The error: "Maximum Execution Time Exceeded in WordPress"

If you are installing your theme from the WordPress theme installer, but get a message that says "Maximum Execution Time Exceeded in WordPress", most likely your web server is configured with PHP settings that are too low to allow the theme ZIP file to upload. Specifically, PHP is configured to a maximum file upload size limit at 8 megabytes or less. The theme ZIP is about 10 megabytes in size. Thus, the web server is rejecting the upload. WordPress is giving you a rather ambiguous message in response. This is not a theme fault or bug. There two ways to solve this problem:.

Instructions about memory limit increase. you can increase the maximum upload size in WordPress. Edit the .htaccess file in your WordPress site’s root folder and add the following code:

                            
    php_value max_execution_time 500
    php_value memory_limit 64M
    php_value post_max_size 4M
    php_value max_input_time 500
    php_value upload_max_filesize 10M
                            
                        

Plugin Installtion

After theme instalation you need to install and activate included plugins.

One Click Demo Import

Before Demo Import Please make sure that successfully activated all required plugins in your theme.
  1. To import our demo content, please see the step bleow:
    • Log in to that site as an administrator.
    • Go to Appearence -> Import Demo Data
    • Click Import Demo Data

Thumb

Setting up new Pages

Buscom Elements

Thumb

Setting Up Your Front Page

Setup The Static Front Page

  1. Go to Pages > Add New and create a page.
  2. Go to the Settings > Reading and set Home page displays to A static page.
  3. Select the page you created in step one as the Front page, and, if you plan to have a blog as well, choose another page as the Posts page to display your blog posts.

Thumb

Controling Page Dark / Light Version

Buscom Elements

Thumb

Setting Up Your Front Page

Setup The Static Front Page

  1. Go to Pages > Add New and create a page.
  2. Go to the Settings > Reading and set Home page displays to A static page.
  3. Select the page you created in step one as the Front page, and, if you plan to have a blog as well, choose another page as the Posts page to display your blog posts.

Thumb

VISUAL COMPOSER

  1. You have powerful and flexible drag and drop tool WPBakery page builder to create any content you want int pages. To learn how this plugins works, you need to examine their documentation: https://kb.wpbakery.com
  2. To create page you need to goto wp admin panel > pages > add new.
  3. After adding page goto edit it, and you will see WPBakery page builder, switche to WPBakery page builder, there you can choose between Baclkend mode, Front-end more and Classic mode. Let's work in backend mode now. Now you can add any element you want, you can see tons of custom elements, created by us for this theme, each element have it';s own options inside, all is very intuitive and easy to customize.

Thumb

How to Control and use Element as per your wish?

Buscom theme has a lot of Element you may use any of them and also you may apply your own styles such as section wise background color, increase or decrease margin, padding also you may set your desire image as a background image.Every element has this option Design Options you may use it as per your choise.

Thumb

Theme Customize

Theme Option

All the theme options are the location Buscom Options of Dashboard Menu Bar. This section will explain each option in details.

Thumb

#General Tab

  • Preloader Hide/Show.
  • Upload Preloader Logo.
  • Upload Favicon Logo.

#Topbar Tab

  • Address.
  • Mail.
  • Phone.
  • Facebook Url.
  • Tritter Url.
  • Dribble Url.
  • Pinterest Url
  • Google-Plus Url.
  • Upload Topbar logo.
  • Register Url.
  • Login Url.

#Header Tab

  • Upload Header logo.
  • Header menu text.
  • Header menu text link.

#Styling Options Tab

  • Theme Main Color.
  • Body Font.

#Blog Tab

  • Blog Sidebar Position.

#Footer Tab

  • Select Fotter Widget Column.
  • Footer Copyright Text.

Customizer Option

The theme lots of easy to use options to customize the design of your site. Most of your theme options can be found in the live WordPress theme customizer. Simply navigate to Appearance > Customize to make changes to the design of your website.There you can find all options to change anything in theme, it is easy and intuitive. This is live customizer, so all changes you can see at once, without saving, then when you like result, save.

Thumb

Working With Topbar, Header And Footer Style

  • 1. In theme you have option to choose different Topbar, Header And Footer versions for each page separatelly and for whole website as well.
  • 2. To choose Topbar, Header And Footer version to exact page you need to goto page editor, and in page extended options choose your Topbar, Header And Footer version.

Thumb

Working With Widgets

To work with widgets in sidebars or in footer, you need to goto wp admin panel > widgets. There you will see areas, where you can place widgets ( in right area of the page ) and available widgets ( in left area of the page ). Simply drag and drop widget to the widget area you want, then configure widget settings, and you will see the result in your website.

Thumb

Custom Post Types

You can find different custom post types in theme, like Gallerys, Services and others. Custom post types are located in wp admin panel main menu and all they are easy to customize. Simply goto custom post types and add or edit existing single items for each custom post type.

Thumb

Contact Form 7

The Buscom theme has two own styles "Call Back" and "contact-us". if you want you may use both of them. Don't worry, I will show step by step how to use it.

Style One (Call Back)

  • 1. Make sure that you installed Contact form 7 plugin. After installing this plugin you can create contact forms. Goto wp admin panel > Contact > Add New.
  • 2. Give a Name"Call Back" to your form and change Mail Info.
  • 3. Now you can create contact forms, by adding different form element.
  • 4. Now you can place your contact form shortcode anywhere you want as WPBakery page builder element.

Thumb

Here is your theme contact form code for style "Call Back".


<div class="col-md-12">
    <div class="row">
        <div class="form-group">
            [text* text id:name class:form-control placeholder "Name"]
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            [email* email id:email class:form-control placeholder "Email*"]
        </div>
    </div>
    <div class="col-md-12">
        <div class="form-group">
            [tel phone id:phone class:form-control placeholder "Phone"]
        </div>
    </div>
</div>
<div class="col-md-12">
    <div class="row">
        <button type="submit" name="submit" id="submit">Submit</button>
    </div>
</div>

Style Two (contact-us)

  • 1. Make sure that you installed Contact form 7 plugin. After installing this plugin you can create contact forms. Goto wp admin panel > Contact > Add New.
  • 2. Give a Name"contact-us" to your form and change Mail Info.
  • 3. Now you can create contact forms, by adding different form element.
  • 4. Now you can place your contact form shortcode anywhere you want as WPBakery page builder element.

Thumb

Here is your theme contact form code for style "contact-us".


<div class="col-md-12">
    <div class="row">
        <div class="form-group">
            [text* name id:name class:form-control placeholder "Name"]
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="form-group">
            [email* email id:email class:form-control placeholder "Email"]
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            [tel* phone id:phone class:form-control placeholder "Phone"]
        </div>
    </div>
</div>
<div class="col-md-12">
    <div class="row">
        <div class="form-group comments">
            [textarea comments id:comments class:form-control placeholder "Tell Us About Project *"]
        </div>
    </div>
</div>
<div class="col-md-12">
    <div class="row">
        <button type="submit" name="submit" id="submit">Send Message <i class="fa fa-paper-plane"></i></button>
    </div>
</div>

Style Three (Contact-us-Widget)

  • 1. Make sure that you installed Contact form 7 plugin. After installing this plugin you can create contact forms. Goto wp admin panel > Contact > Add New.
  • 2. Give a Name"contact-us-widget" to your form and change Mail Info.
  • 3. Now you can create contact forms, by adding different form element.
  • 4. Now you can place your contact form shortcode anywhere you want as WPBakery page builder element.

Thumb

Here is your theme contact form code for style "contact-us".




<div class="col-md-12">
    <div class="row">
        <div class="form-group">
            [text* text id:name class:form-control placeholder "Name*"]
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            [email* email id:email class:form-control placeholder "Email*"]
        </div>
    </div>
</div>
<div class="col-md-12">
    <div class="row">
        <div class="form-group comments">
            [textarea comments id:comments class:form-control placeholder "Tell Us About Project *"]
        </div>
    </div>
</div>
<div class="col-md-12">
    <div class="row">
        <button type="submit" name="submit" id="submit">Send Message <i class="fa fa-paper-plane"></i></button>
    </div>
</div>

Mailchimp

The Buscom Theme has a subscribe widget, You may use it at any in the sidebar.

  • 1. Make sure that you installed Mailchimp plugin. After installing this plugin you can create a subscribe form. Goto wp admin panel > MC4WP > Form.
  • 2. Give a Name"Newsletter" to your form.
  • 3. Now you can create forms, by adding different form element.

Thumb

Here is your theme subscribe form code.


<div class="input-group stylish-input-group">
    <input type="email" placeholder="Enter your e-mail" class="form-control" name="email">
    <span class="input-group-addon">
        <button type="submit">
        <i class="fas fa-long-arrow-alt-right"></i>
        </button>
    </span>
</div>

Child Theme

Buscom is fully child theme compatible. We have attached a basic child theme to the download package which contains the minimum of required files. If you are planing any code customisations we highly recommend to do this inside the child theme! Learn more about child themes here

Thank You

Thank you so much for purchasing this product. If you have a more general question relating to this product on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section