Quick Start

Last updated: July 10th, 2019

Folder Structure

Let's talk about what's inside the downloaded package.

Once you purchased our theme you've to download All Files & Documentation zip file. Following folder structure is based on that zip file, in that zip file only you'll get all of our theme files including demo content & offline documentation folder.

01.Install Theme

Upload the finanbux.zip file.

The effective way to install our theme is just follow our video guide. Everything is strait forward to install our theme like a live demo experience within a few minutes.


Video

OR - Simple Image Steps


1. - Start


2. Next


3. End

02.Install Plugins

Please select your needed plugins to Install and Activate.


Our live site demo content xml's have required plugins contents too. If you (miss or skip) this step and move on next step of One Click Installer then, you'll not get any plugin related contents and settings in your site. So, please (Install & Activate) your needed plugins first.


1. - Start


2. - Next


3. - End

Our Theme Required and Recommended Plugins.
Name Role Type
Finanbux Core It's our core plugin, There has shortcodes, Elementor Custom Widgets and custom post types and other core functionality. Required
Elementor It's a front-end drag & drop page builder for WordPress. There has our Theme Related Custom post and Othere Custom Widgets. Required
Vakka Addons for Elementor It's a Addons for Elementor page builder. There has some extra Functionalty. Required
One Click Demo Import Import all theme Demo Content in one click. Required
Contact Form 7 Contact form plugin to have email form. Required
WooCommerce An e-commerce toolkit that helps you sell anything, Beautifully. Recommended
WordPress Social Login It's allow your website readers and customers to register on using their existing social accounts IDs, eliminating the need to fill out registration forms and remember usernames and passwords. If You want to use Social Login system Then use it. Recommended

03.Settings & Adjustment

Some Settings & Adjustment Required For This Theme.


If You Want to your wp site Look like our demo live site, Please Get started the Settings before & after One Click demo content install. See the screenshot Below..


1. - Start


2. - Next


3. - Next


4. - End

04.One Click Install

Simple & Effective! way to install Demo content.


In this step you'll get all live demo contents to your own site, that you're experienced with our live demo site. There is no more trick and no more surprise. You'll get all up and running website within few minutes of installation process.


1. - Start


2. - end

Note : After Install Demo content Completion, Then you should go to Settings > Permalinks and then Save Changes.

Theme Options

Global Approach, Changes Will Apply to the Entire Site!.


What ever options you miss from above Page Options, pretty much everything you'll find here. These all options get affect in globally. Like: Custom Logo, Fav Icon, Header, Footer, Layout Options, Design Options & etc. See the screenshot Below.


Detailed Explanations.

How to control site Header and Footer ?

You can use default 3 style Header and 2 Style Footer. also you can use Header and Footer Builder Functionality With - Elementor, So you can Build your own style Header and Footer...

Read More

How to change logo?

In every theme first step of our customization is about logo change. So, this is first and foremost important step. In this page we've explained about how to change logos and that tricks...

Read More

How to change Typography?

Fonts are managed by Google fonts list and Generate Typography from Elementor - Page Builder and Theme options...

Read More

How to Change Design and colors?

Changing Design and colors in our theme, is pretty simple. follow the Guide...

Read More

How to Change Archive, Search Result And 404 Page Template layout?

Changing Archive, Search Result And 404 Page layout in our theme, is pretty simple. follow the Guide...

Read More

Pages Options

Create your page from your Great Ideas!


Creating & Customizing a page is really simple process. As you see in following screenshot example. Each area noted as numeric points. Each number have detailed explanation under the screenshot area.


1. Add New Page

The first step of creating a page is Pages > Add New. Pages are mostly related to explain your business static informations. And contents made by collection of Elementor widgets or shortcodes.

2. Page Title

Page title is most important in all manor. It's also a important for SEO purpose. So, please make sure you're entering right page title for that page purpose.


3. Page Layout

As you can see, 3th point in above screenshot. Everything is just strait forward. In this theme we've 4 Types of layouts.


4. Page Options

Page Custom Option is most important about controlling page specific things apart from other common pages. You can control: Header, Banner or Breadcrumb , Container, Footer etc.


5. Publish

Before Publish Page make sure to all option are set which you want.


6. Page Builder

Our theme includes Elementor Live Page builder. If you not see this, make sure to install & activate Elementor Live Page builder. See Tutorial

Posts Options

Posts Options is just like Pages Options.


In our theme you'll find our posts like in following screenshot. We've explained about it by each section and each meta boxes you see here. Contents are controlled by Elementor Live Page builder. So, there is no more extra tricks to using it.


Note : In your WordPress admin panel you'll see Settings > Readings. Goto that page, and you'll see A static page example. Please select your prefered page at : Posts Page.


1. Add New Post

The first step of creating a post is Posts > Add New. In our theme you can add those contents from Elementor Live Page builder. So, you can add lots of columns and layout controlled things.

2. Post Title

Post title is most important in all manor. It's also a important for SEO purpose. So, please make sure you're entering right Post title for that Post purpose.


3. Post Meta Options

This is for Post Options like : Post Format, Categories, Tags, Single Post Page layout and Featured image etc.


4. Single page and post Options

Post More Option is most important about controlling More specific things apart from other common Post. You can control: Header, Banner or Breadcrumb , Container, Footer and post elements hide etc.


5. Publish

Before Publish Post make sure to all option are set which you want.


6. Page Builder

Our theme includes Elementor Live Page builder. If you not see this, make sure to install & activate Elementor Live Page builder. See Tutorial

Services Options

Services Options is just like Posts Options.


In our theme you'll find our Services like in following screenshot. We've explained about it by each section and each meta boxes you see here. Contents are controlled by Elementor Live Page builder. So, there is no more extra tricks to using it.


Note : If you not see this menu in your WordPress admin panel. Please make sure you've Installed and Activated Finanbux Core Plugin.


1. Add New Service

The first step of Go to Finanbux > Services > Add New. In our theme you can add those contents from Elementor Live Page builder. So, you can add lots of columns and layout controlled things.

2. Service Title

Service title is most important in all manor. It's also a important for title purpose. So, please make sure you're entering right Service title.


3. Service Meta Options

This is for Service Options like : Categories, Tags, Single Post Page layout and Service image etc.


4. Single page and Service Options

Single page and Service Options is most important about controlling More specific things apart from other common Service. You can control: Header, Banner or Breadcrumb , Container, Footer and Service More Options etc.


5. Publish

Before Publish Service make sure to all option are set which you want.


6. Page Builder

Our theme includes Elementor Live Page builder. If you not see this, make sure to install & activate Elementor Live Page builder. See Tutorial


Show The Services into our site front end


When You Create a Page you'll see There Edit With Elementor button. Click The Button. After Button Clicked, You'll See There Elementor Editor and Some widgets. Then Search FA : Services , Follow The screenshot. See The Elementor Live Edit Tutorial


Note : If You'll Not Seeing There Elementor Editor Button, Then Go to admin panel Menu Elementor > Settings and Enable Editor.


Team Members Options

Show your A-Team!.


In our theme you'll get Team at : Finanbux > Team Members . You can call these teams list using Elementor - widget. See the screenshot Below..


Note : If you not see this menu in your WordPress admin panel. Please make sure you've Installed and Activated Finanbux Core plugin.


1. Add New Member

The first step of Go to Finanbux > Team Members > Add New. In our theme you can add those contents from Elementor Live Page builder. So, you can add lots of columns and layout controlled things.

2. Member name

Member name is most important in all manor. It's also a important for Member name purpose. So, please make sure you're entering Member name.


3. Member Meta Options

This is for Member Options like : Member Roles, Single Page layout and Member Photo etc.


4. Single page and Member information Options

Single page and Member information Options is most important about controlling More specific things apart from other Member. You can control: Header, Banner or Breadcrumb , Container, Footer and Member Information etc.


5. Publish

Before Publish Team Member make sure to all option are set which you want.


6. Page Builder

Our theme includes Elementor Live Page builder. If you not see this, make sure to install & activate Elementor Live Page builder. See Tutorial


Show Team Member into our site front end


When You Create a Page you'll see There Edit With Elementor button. Click The Button. After Button Clicked, You'll See There Elementor Editor and Some widgets. Then Search FA : Team Members , Follow The screenshot. See The Elementor Live Edit Tutorial


Note : If You'll Not Seeing There Elementor Editor Button, Then Go to admin panel Menu Elementor > Settings and Enable Editor.


Project Galleries Options

How Use Project Gallery ?


Vakka addons for elementor plugin included in our Theme, for some extra functionality. See Vakka addons for elementor Project Galleries Documentation

Tabs Options

How Use Tabs Elements


Vakka addons for elementor plugin included in our Theme, for some extra functionality. See Vakka addons for elementor Tabs Documentation

Sliders Options

How Use Sliders Elements


Vakka addons for elementor plugin included in our Theme, for some extra functionality. See Vakka addons for elementor Sliders Documentation

Woocommerce Options

Sell your Products Now!


Our theme is officially supports WooCommerce plugin. There is no changes made in backend functions. So, you can use WooCommerce in that native way. Only outer look of your shop will change based on our theme design style.


Note : If you not see this menu in your WordPress admin panel. Please make sure you've Installed & Activated WooCommerce plugin.

How to work with WooCommerce?

The detailed documentation for Woocommerce Plugin is available in online(link found below). For any details or interactions about the Plugin features, please refer to that documentation. Due to our theme strictly followed WooCommerce native way, there is no point to mention in our theme documentation about WooCommerce plugin. So, please follow their official documentation.


WooCommerce

Contact Form 7 Options

Make sure you're reachable!


We've used in our live demo site contact forms are from Contact Form 7 plugin. You can just install Contact Form 7 as normal plugin. And start using it in that native way. No more surprise or tricks.


Note : If you not see this menu in your WordPress admin panel. Please make sure you've Installed & Activated Contact Form 7 plugin.

How to work with Contact Form 7?

The detailed documentation for Contact Form 7 is available in online(link found below). For any details or interactions about the Plugin features, please refer to that documentation. Due to our theme strictly followed Contact Form 7 native way, there is no point to mention in our theme documentation about Contact Form 7 plugin. So, please follow their official documentation.


Contact Form

Contact Form - Get a call
<div class="form-inline fina-getCallForm"> 
	[tel* tel-444 placeholder "Type your phone number..."] 
</div>
<div class="fina-submitBtn_wap">
	[submit "get a call"]
</div>
Contact Form - Get In Touch
<div class="fina-getInTouch_form">
	<p>
		<label>
			[text* text-865 placeholder "Enter full name"]
			<span class="fina-icon  fa fa-user"></span>
		</label>
	</p>
	<p>
		<label>
			[email* email-351 placeholder "Enter your email"]
			<span class="fina-icon  fa fa-envelope"></span>
		</label>
	</p>
	<p>
		<label>
			[text text-866 placeholder "Enter your subject"]
			<span class="fina-icon fa fa-angle-down"></span>
		</label>
	</p>
	<p>
		<label>
			[textarea textarea-705 placeholder "Enter your message"]
			<span class="fina-icon fina-iconTextarea fa fa-pencil"></span>
		</label>
	</p>
	<p class="text-center">
		[submit "get a action"]
	</p>
</div>

How i can show Contact Form into our site front end?


Vakka addons for elementor plugin included in our Theme, for some extra functionality. See Vakka addons for elementor Contact Form 7 Documentation

MailChimp Options

Communicate with all your Customers at Once!


We've used in our live demo site subscribe forms using MailChimp plugin. You can just install MailChimp plugin as a normal plugin. And start using it in that native way.


Note : If you not see this menu in your WordPress admin panel. Please make sure you've Installed & Activated MailChimp for WordPress plugin.

How to work with MailChimp?

The detailed documentation for MailChimp is available in online(link found below). For any details or interactions about the Plugin features, please refer to that documentation. Due to our theme strictly followed MailChimp native way, there is no point to mention in our theme documentation about MailChimp plugin. So, please follow their official documentation.


Mail Chimp

Shortcodes

You Can use Theme Shortcodes Easily.


We've used some custom interaction methods to extend the usage of our shortcodes effectively without boring. All of our custom shortcodes listed under by MaxxTheme filter like in below screenshot.


Note : If you not see this option like in below screenshot. Please make sure you've Installed & Activated Finanbux Core plugin.


Shortcodes

Elementor Custom Widgets

Elementor All Widgets are Most important for show elements in Front-end. Impress Everyone by Using Widgets!


In below we've explained about our Elementor Widgets and that role of working.


Note : If you not see this in Elementor Widgets panel. Please make sure you've Installed and Activated Required plugin.

How to work Elementor Custom Widgets?

Widgets Elementor
Elementor Custom Widgets Name and Role.
Name Role
Line Heading Show Line Heading Theme Front end.
Text Block Show serial style Texts Theme Front end.
Faq Show Faq Theme Front end.
Testimonials Show Testimonials Theme Front end.
Services Show Services Theme Front end.
Team Members Show Team Members in Theme Front end.

Custom Widgets

Widgets are not only Collection of Links. It's a User Friendly Feature.


In below we've explained about our Custom widgets and that role of working.


Note : If you not see this in your WordPress Widgets area. Please make sure you've Installed and Activated Finanbux Core plugin.

How to work Custom Widgets?

Custom Widgets
Custom Widgets Name and Role.
Name Role
Finanbux : External Gallery Show flickr and instagram gallery in theme.
Finanbux : Post Type Show Post Type in theme.
Finanbux : Text Widget Show Some Shortcodes and Elements in theme.