Folder Structure

2.1Unzip the main file(main.zip).

2.2You see the following folders:

System Requirements

We’ve marked the essential steps in yellow to assist you in launching the project.

Installation

Setup your WordPress Environment on your server and follow the tutorial or steps described below.

Theme Setup Tutorial

To begin setting up the theme, first upload appfusion.zip by navigating to Appearance > Themes > Add New Theme > Upload Theme (figure 4.1)

After successfully upload need to installation & activate the AppFusion theme.

Go to your dashboard, you will get prompts to install, activate and update required plugins for the theme. (figure 4.2)

For better experience, we recommend to install and activate all required plugins for the theme.

Now your site is ready for customization. You can go to Customizer and tailor your site to your preferences.

If you face any problem regarding to theme installation. You can reach out to us anytime via our support portal: RaoaTech Support Team.

Import demo content

When your theme and its necessary plugins are successfully installed and activated, you can proceed to import demo content. Demo content can help you to configure your web pages. To utilize demo import feature, One Click Demo Import plugin must be installed and activated.

Navigate to Appearance > Import Demo DataThen Click the Import Demo Button (Figure 5.1)

You will promot to next page, Click the Continue & Import Button (Figure 5.2)

Then the demo import will be start and it may take some time. (Figure 5.3)

After successfully imported demo pages, you will promot to next page and find "Import Complete!". You will also find there error message If any images or content missing through the demo content process (Figure 5.4)

Then Click The visit site button, it will promot to your website.

Our theme Installation video also cover demo import process. You can follow that too.

If you face any problem regarding to demo import. You can reach out to us anytime via our support portal: RaoaTech Support Team.

Customizer Settings

Navigate to Appearance > Customize. You will get numerous customization settings. You can manage your page layout and control different features (Figure 6.1)

• Site Identity (Logo, Site Title, Site Icon)
• Color
• Typography
• Menu
• Header settings
• Blog settings
• Single post settings
• Call to Action
• Widgets
• Home Page Settings
• Footer settings
• 404 settings
• Custom CSS Option(Additional CSS)

How to Change Header Footer Logo

Header Builder

Navigate to Appearance > Customize > Header Settings. Check enable custom header to enable header builder settings. You can select from pre-built header templates or create new header. (Figure 7.1)

When you create new header you have to make sure that template type is set to header and set page template to Elementor Canvas. You can build header with Elementor drag & drop page builder. (Figure 7.2)

Edit header with elementor page builder. Drag & drop Site Header widget from the Elements panel. Customize the widget as your requirements. When you are done with customization save & publish the header. Finally select header style from Appearance > Customize > Header Settings. (Figure 7.3)

Mega Menu Builder

Navigate to Appearance > Menus. At first create a menu and add menu items. Expand a parent item and check enable mega menu to enable mega menu builder settings. You can select from pre-built mega menu templates or create new mega menu. (Figure 8.1)

When you create new mega menu you have to make sure that template type is set to Mega Menu and set page template to Elementor Canvas. You can build mega menu with Elementor drag & drop page builder. (Figure 8.2)

Edit mega menu with elementor page builder. Drag & drop widgets from the Elements panel as you need. When you are done with customization save & publish the mega menu. Finally select mega menu style from Appearance > Menus. You can create different mega menu styles for different menu item. (Figure 8.3)

Footer Builder

Navigate to Appearance > Customize > Footer Settings > General. Check enable custom footer to enable footer builder settings. You can select from pre-built footer templates or create new footer. (Figure 9.1)

When you create new footer you have to make sure that template type is set to footer and set page template to Elementor Canvas. You can build footer with Elementor drag & drop page builder. (Figure 9.2)

Edit footer with elementor page builder. Drag & drop widgets from the Elements panel as you need. When you are done with customization save & publish the footer. Finally select footer style from Appearance > Customize > Footer Settings > General. (Figure 9.3)

404 Page Builder

Navigate to Appearance > Customize > 404. Check enable custom template to enable 404 page builder settings. You can select from pre-built templates or create new 404 template. (Figure 10.1)

When you create new 404 template you have to make sure that template type is set to 404 template and set page template to Elementor Canvas. You can build 404 template with Elementor drag & drop page builder. (Figure 10.2)

Edit 404 template with elementor page builder. Drag & drop widgets from the Elements panel. Customize the widgets as your requirements. When you are done with customization save & publish the header. Finally select template from Appearance > Customize > 404. (Figure 10.3)

WooCommerce

AppFusion is fully compatible with WooCommerce and includes integrated design support for seamless store styling. Please note that WooCommerce is a third-party plugin, and while we ensure WooCommerce integration with our theme, our documentation covers basic setup instructions to help you get started.

Based on (Figure 11.1) From WordPress Admin dashboard Search the WooCommerce Plugin (by Automatic), then active and install the plugin

After activating the WooCommerce plugin, you'll be prompted to run the WooCommerce Setup Wizard. Follow these steps:

• From the WordPress Dashboard, go to WooCommerce > Home.
• Click on the "Set up my store" button
• Go through the setup steps > Store details > Industry > Product types, Then Submit the info

The setup wizard automatically create required Shop, Cart, Checkout and My Account pages

If the setup wizard didn’t automatically create required pages, go to:

• WooCommerce > Status > Tools
• Click on Create default WooCommerce pages

Ensure Shop pages are published from pages option. (Figure 11.2)

AppFusion WooCommerce Styling Support: The AppFusion theme includes custom styling for

• Product grids
• Single product pages
• Cart, Checkout and My Account pages

You can get additional information form the following link.

• WooCommerce Plugin
• WooCommerce Official Documentation

Create A New Page

Go to Pages > Add New Page (Figure 12.1)

Based on (Figure 12.2) Add title(1), Add primara and secondary color(2), Choose header from header setting(3), Choose footer from footer setting(4), Then Click the publish Button(5)

Then you will be able to see your published page.

Build Page With Elementor

To enable page builder support with widely used Elementor, ensure that the Elementor plugin is installed and active.

To Design the page with Elementor, Go to pages From Admin dashboad and Click the button "Edit with Elementor" (Figure 12.3)

Use the appropiate page layout for your page. You can choose default page template, Elementor Full-width or Blank page template. Select one as your requirement.

On the left side of the Elementor editor, all widgets are displayed. Our custom Elementor widgets are located in the AppFusion Elements category. Add your required widgets (just drag and drop) to create your page.

Custom Widgets

• Banner Hero
• Process Steps
• Content Block
• Content Text
• Posts
• Services
• Team
• Products
• Tab Content
• Counter Up
• Clients
• Features
• Image Box
• Image Gallery
• Welcome Banner
• App Screens
• Rotating Apps
• Newsletter
• Call to Action
• Animated Text
• Feature List
• Our Story
• Pricing Plan
• Testimonials
• FAQs
• Contact Info

Create A New Blog Post

Navigate to Posts > Add New Post (Figure 13.1)

Based on (Figure 13.2) add title(01), add description(02), add featured image(03), add category(04), add tag(05), Now publish the post(06).

Then you can see your published post.

Multilingual

This theme is fully compatible with WPML plugin, the most famous plugin for building multilingual websites. Below you will find documentation for using WPML plugin with AppFusion. If you’ve purchased WPML and have any questions or issues, please check the links below.

• WPML Plugin - The highly recommended plugin to manage multi-lingual sites
• WPML Forum Support - If you bought WPML then you get free support from their amazing team
• Translating Widgets - Tutorial recommended by WPML team for translating widgets
• Translating Theme Options - Toturial for translating theme options
• Translating MailChimp Form - Tutorial for translating the MailChimp form.

Installing & Configuring WPML

To get started with AppFusion and WPML, you will need:

• WPML Multilingual CMS (the core plugin)


• String Translation


• Media Translation

With WPML and AppFusion, you can translate pages, posts, and AppFusion's elements added to any page or post, using Elementor.

Translate Your Content Automatically

With WPML Automatic Translation, you have two options for translating your site: Translate Everything or Translate Some. The WPML setup wizard will try to choose the best option for you depending on how much content is on your site.

• Translate Everything: Automatically translate your entire site’s content. This is the quickest way to get your site translated. See this documentation for more details.
• Translate Some: Choose which content to translate. If you don’t want to translate your whole site or would prefer to hire translators to work on your site, this option gives you more control what you translate and who will translate it. See this documentation

Translate Your Site Yourself

If you have a WPML Blog account, or you’re the only one translating your site’s content, you can translate your posts and pages by clicking the plus and pencil icons. Please see this documentation for more details.

Translating Texts from Theme Options

Besides content coming from posts and pages on your site, there are usually some texts coming from other places. The most common examples are themes and plugins. To learn how to translate these texts, visit WPML’s documentation page about translating strings.

FAQ

Is a child theme included?

Yes, we provide a child theme to ensure safe customization without affecting future updates.

How can I update the theme?

You can update the theme manually by downloading the latest version from ThemeForest and uploading it via Appearance > Themes. If Envato Market Plugin is installed, updates can be applied automatically.

Is AppFusion compatible with third-party plugins?

Yes, the theme is compatible with most well-coded WordPress plugins

Do I need to always update WordPress to use this theme?

Yes, we recommend keeping WordPress updated to the latest version for security, performance, and compatibility. However, before updating, it’s a good practice to back up your site and check if the theme and plugins are compatible with the latest version.

What should I do if I face any issues?

First, check the theme documentation for solutions. If the issue persists, you can reach out to our support team through our official support channel.

Help and Support

All of RaoaTech theme items come with 6 months of included support and free lifetime updates for your Theme. After 6 months of support, you have the opportunity to extend support coverage up to 12 months

Item Support Includes

• Guidance on theme configuration and usage
• Assistance with technical issues related to theme
• Resolving reported bugs and defects
• Regular updates for compatibility, performance, and security