EcoHosting

EcoHosting - Responsive Hosting and WHMCS WordPress Theme

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

How to get help:

We will respond to buyers' questions via the contact form on our profile.

We run support 24/7. You can expect a response within 24 hours.

EcoHosting is a Responsive Hosting and WHMCS Wordpress Theme developed for All kinds of Hosting Business. It's a WordPress theme. Anyone can easily customize this theme to follow our Well Sorted Documentation.

Main Features of "EcoHosting":

Other Features of "EcoHosting":

Theme Installation

Once you download EcoHosting Theme, unzip the main item. you will see the following folders:



FTP Upload

  • Unzip the "ecohosting.zip" file
  • Upload the extracted "ecohosting" theme folder into "/wp-content / themes/" in your WordPress installation
  • For Activate the theme, Go to Appearance > Themes and activate the installed theme


WordPress Upload

  • Navigate to Appearance > Themes
  • Click Add New button and finnaly hit the Upload Theme
  • Click on Choose File and find the "ecohosting.zip" file on your computer and click Install Now button
  • The theme will be uploaded and installed
  • For Activate the theme, Go to Appearance > Themes and activate the installed theme

Warning:

Please be informed that you should not upload the whole item you have downloaded from Themeforest as you will get an error of broken stylesheet file. Instead locate the ecohosting.zip file inside the main file you have downloaded. While installing your theme through WordPress admin, you may encounter an error message saying “are sure you want to do this?” This is mainly due to your hosting php settings. In some hosting the default value for max_upload_limit left default which is 2mb. To solve this problem you should either increase your maximum upload size (to 50mb) on your hosting admin panel or ask your host to do it for you if you do not have the privilege to alter your server php settings. This is a very common request and they should be able to help you out. Once the limit is increased you can re-try the install and you’ll be all good to go.

Importing Demo Content

Below explanation is a step by step explanation on how to import our demo website content, please read carefully and if you face any problems that is not covered here, open a thread in our ticket system.

After theme activation it is advised to install default theme plugins:

Click on Begin installing plugins and Simply select all plugins and install them. Then activate the plugins with help of Bulk action:




Setting Up as Demo Site (Demo Data Install)

Read below instructions:

  • Go to appearance > Import Demo data.
  • Click on Import Demo data

Setting up Menu

EcoHosting custom WordPress menus, with dropdown support for the primary menu.

Note: with importing demos all menus will be imported but please set related theme locations by yourself via Appearance> Menus

To setup a new menu, please follow the steps below

Please note that it is better to create your own pages first, even if they are blank pages

Create Home page




Setting up Home Page

Once you have created your home page, you need to select it to show up as the home page. To do this, follow the steps below.




Setting up Blog Page

To setup your blog page, create a new page and name it anything that you want. Make sure the page Template is set to Default Template in the Template section of Page Attributes Box on the right hand side of the page editor.

Create Page

Create any page using default template. Create specific page like ( shared hosting, reseller hosting, vps hosting,dedicated hosting, domains, about etc ) using custom template

Create posts

After your Blog page is made, you have to create posts to show up on the blog page. Follow the steps below to create a blog post.
All of your blog posts are made in the Posts section of your WordPress admin. Click on Posts to open the section. At the top of the posts page, click on Add New to make a new post. Create a title and insert your post content in the editing field
On the right hand side of the post page is the Categories box. To make a new Category, click + Add New Category and give it a name. You can have as many as you want. To apply a Category to a post, simply check the box next to the Category name.

To set post format right hand side of the post page is the format box click format.

You can also apply Tags to a post. The Tag box is below the Category box. Simply insert your tags, separate multiple tags with commas

To set a Featured Image. Click the Featured Image box and select an image from the media window and click Use As Featured Image

Once you have everything you want selected, click Publish and your post will show up on your blog page

Setting up Widgets

WordPress Widgets add content and features to your Sidebars and Footer. Examples are the default widgets that come with WordPress; for example post categories, tag clouds, navigation, search, etc. Widgets require no code experience or expertise. They can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets panel. WordPress Widgets add content and features to your Sidebars. Examples are the default widgets that come with WordPress; for post categories, tag clouds, navigation, search, etc. Plugins will often add their own widgets.

How to use widgets:

  • Go to Appearance > Widgets.
  • Choose a Widget and drag it to the sidebar or footer where you wish it to appear. The widget areas designated
  • Once you dropped the widget to widget areas, WordPress automatically updates the Theme and it will appear in its area.
  • Preview the site. and look for the specified area you dropped your sidebar. for example if you used "archive widget area" you should look for it in archive loop.
  • To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
  • To customize the Widget features, click the down arrow in the upper right corner to expand the Widget's interface.
  • To save the Widget's customization, click Save.
  • To remove the Widget, click Remove or Delete.

Front Page (Home) and Other Settings Video Tutorial

video-image

Theme Options

Go to Dashboard > EcoHosting options, Change options and save

General Setting

Header Setting

WSMCH Login Page URL Setting

Subscribe Setting

Blog Setting

404 Page Setting

Contact Setting

Social Media Setting

Footer Setting

WHMCS Bridge Setting

You can use WHMCS Bridge Plugin for integration WHMCS in wordpress.

If you want to use WHMCS Bridge Plugin, then you could download and learn more about the whmcs bridge plugin to click here.

How to Setup WHMCS Bridge Page

You could also use the WHMCS template separately that we have provided with our theme.

Please Note: the template has not provided to use with the WHMCS Bridge Plugin.

CONTACT FORM MARKUP

If you don't import our demo data then we recommanded to use this contact form 7 markup. 
<div id="contactForm">
    <div class="contact-form-status"></div>
    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                [text* contactName class:form-control placeholder "Name"]
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                [email* contactEmail class:form-control placeholder "Email"]
            </div>
        </div>
    </div>
    <div class="form-group">
        [text* contactSubject class:form-control placeholder "Subject"]
    </div>
    <div class="form-group">
        [textarea contactMessage class:form-control placeholder "Message"]
    </div>
    [submit class:btn class:submit-button "Send"]
</div>

SOURCE AND CREADITS

Photos:

Fonts Used:

Frameworks / Libraries:

Plugins Used:

CHANGE LOGS

29 May, 2017 - Version 1.8 (Changelog)

// # List of updates
// ------------------------------

*. WHMCS template updated to be compatible with latest "WHMCS Version 7.2"