Initial setup and updates

Install from plugin’s zip file

  1. Download plugin file you bought from DesignForu.com.au
  2. In your admin panel, go to Plugins > Add New and click the Upload Plugin button.
  3. Click Choose File, then select the plugin’s .zip file. Click Install Now.
  4. Click Activate to use your new plugin after install.

Follow the steps in Settings > DFUBA Addon Plugin to perform initial plugin setup.
The plugin recommends installing the following plugin for more efficient setup experience.

  1. Kirki Customizer Framework – to display all customizer’s options
  2. Advanced Custom Fields: Font Awesome – for defining FontAwesome 5 icons with custom fields

Note: Users may disable Advanced Custom Fields: Font Awesome after setup.

The plugin supports the integration with the following plugins

  1. Strong Testimonials

When an update is available, download the latest plugin .zip file.

If you are using WordPress version below 5.5, follow both steps 1 and 2. For WordPress 5.5 and above, follow step 2 only
Step 1:

Step 2:

  1. In your admin panel, go to Plugins > Add New and click the Upload Plugin button.
  2. Click Choose File, then select the plugin’s latest .zip file. Click Install Now.
  3. Click Activate to use your updated plugin after install.

Plugin customiser options

There are over 100 customiser’s options for the plugin and additional options for Strong Testimonials plugin. These options are available when Kirki Customizer Framework plugin is installed and activated.

Plugin specific customiser options are found in Theme Addon Modules in Cusotmiser.

Options are set in Customiser > Theme Addon Modules > Setup

  • To enable/disable modules: Service, Pricing, Feature, Benefit, Portfolio, Team/Team member
  • Setup plugin defaults module heading style and icons style

Options are set in Customiser > Theme Addon Modules > Service

Provides options to set:

  1. Colours
  2. Icons colours, sizes and other styles as well as animations
  3. Enable/disable link to individual service
  4. Display on front page settings

Options are set in Customiser > Theme Addon Modules > Pricing

Provides options to set:

  1. Colours
  2. Pricing card colours, sizes and display styles
  3. Display on front page settings

Options are set in Customiser > Theme Addon Modules > Feature

Provides options to set:

  1. Colours
  2. Icons colours, sizes and other styles as well as animations
  3. Display on front page settings

Options are set in Customiser > Theme Addon Modules > Benefit

Provides options to set:

  1. Colours
  2. Icons colours, sizes and other styles as well as animations
  3. Display on front page settings

Options are set in Customiser > Theme Addon Modules > Portfolio

Provides options to set:

  1. Colours
  2. Portfolio card colours, sizes and display styles
  3. Display on front page settings

Options are set in Customiser > Theme Addon Modules > Team

Provides options to set:

  1. Team/team member colours
  2. Team member display styles, colours and sizes
  3. Display on front page settings

Options are set in Customiser > Theme Addon Modules > Strong Testimonials

Provides options to set:

  1. Testimonials colours
  2. Testimonial cards display styles and colours

Options are set in Customiser > Home Page and Sections.

Provides options to set:

  1. Modules sections & other sections on front page
  2. Options to display pricing plan by service
  3. Options to display team member by team

Individual module post setup

Add a new service

  1. In your admin panel, go to Services > Add New.
  2. Enter/select all options like title, description, short description, icon and style for the new service in the Services box.
  3. Setup relationship with relevant feature(s), benefit(s) and pricing plans which would be displayed with each service.
  4. Setup pricing cards size for the new service.
  5. If Strong Testimonial is installed and used, you can also setup related Testimonials which would be displayed with this new service.
  6. Setup options in Headers, Footers and Titles as well as Sidebar boxes.
  7. Setup Section(s) in Sections box if required.

Setup Plan sections
Plan sections are used to divide the pricing plan cards into sections. If plan section(s) are required, in your admin panel, go to Pricing Plans > Plan sections.

Setup Pricing tags
Pricing tags are tags used on each pricing plan cards. In your admin panel, go to Pricing Plans > Pricing tags.

Add a new pricing plan

  1. In your admin panel, go to Pricing Plans > Add New.
  2. Enter/select all options like title, description, pricing card display style, subtitle, cost information for the new plan in the Pricing box.
  3. You may setup a button with a link or a WooCommerce Add to cart button.
  4. If the service can be sold as a WooCommerce product, enter the relevant WooCommerce product ID.
  5. If Feature has been setup with the Woocommerce product, you may choose to show features related to the product
  6. Setup options in Headers, Footers and Titles as well as Sidebar boxes.
  7. Setup Section(s) in Sections box if required.

Add a new feature

  1. In your admin panel, go to Features > Add New.
  2. Enter/select all options like title, description, short description, icon and style for the new feature in the Features box.
  3. Choose whether the new feature is show on front page.

Add a new benefit

  1. In your admin panel, go to Benefits > Add New.
  2. Enter/select all options like title, description, short description, icon and style for the new benefit in the Benefit box.
  3. Choose whether the new benefit is shown on front page.

Add a new portfolio

  1. In your admin panel, go to Portfolios > Add New.
  2. Enter all options like title, description, short description for the new portfolio in the Portfolio box.
  3. Setup key points to highlight about the new portfolio.
  4. Setup stages about the portfolio. Stages are displayed in numbered order for the new portfolio
  5. Setup with external link to portfolio, if any.
  6. If Strong Testimonial is installed and used, you can also setup related Testimonials which would be displayed with this new service.
  7. Setup options in Headers, Footers and Titles as well as Sidebar boxes.
  8. Setup Section(s) in Sections box if required.

Add a new team member

  1. In your admin panel, go to Team > Team Members. Click Add New to add a new team member
  2. Enter all options like title, description for the new team member in the Team member box.
  3. Upload a photo of the new team mmeber in features image if required.
  4. Setup options in Headers, Footers and Titles as well as Sidebar boxes.
  5. Setup Section(s) in Sections box if required.

Add a new team

  1. In your admin panel, go to Portfolios > Add New.
  2. Enter all options like title, description, short description for the new team in the Team box.
  3. Select team member(s) as Team Member.
  4. Setup options in Headers, Footers and Titles as well as Sidebar boxes.
  5. Setup Section(s) in Sections box if required.

Additional setup and information

A section can be created to display additional information in many areas with the theme addon plugin. Sections box would be displayed if Section(s) can be setup for the post.

Add a new section

  1. Click Add Row in Sections box.
  2. Enter a unique Section Name for the post.
  3. Fill in the background tab with background layer display styles. You may use colour, colour gradient and/or image as background.
  4. Fill in the Content tab with content layer display styles. You may set background colour with a percentage of the width (with an angle) on top of the background layer.
  5. Set up the heading, links and actual content to display in content layer.

Post Type Info is used to store all the settings for all the modules in the plugin for use in archive and front page display.
NOTE: You should create only one post type info item per post type.

Add a new Post Type Info

  1. In Post type info box, select the relevant Post type and enter Short description and other settings for front page display.
  2. Enter settings in Header, Footer and Titles box, the sections box and the sidebar box which are used in post type archive. Note, post types Features and Benefits do not have archive.