Introduction

The ST NxtGen Web Agency theme is an easy-to-use and powerful WordPress theme perfect for web development agencies looking to showcase their work and services. A clean, modern design and a focus on user experience make this theme ideal for converting visitors into customers. Even without coding experience, you can create a beautiful and professional website with the ST NxtGen Web Agency theme. It comes with a drag-and-drop page builder that makes creating custom layouts easy. The ST NxtGen Web Agency theme looks great on desktops, tablets, and smartphones. It’s search engine optimized, making your website rank higher in SERP. Moreover, using the ST NxtGen Web Agency theme, you can build a strong website that turns visitors into clients if they’re looking for web development services. This theme comes with powerful features that will help you attract more clients and grow your business.

Installation

Below you'll find the step-by-step process for installing the Elementor theme and the associated plugin that facilitates the import of theme data. Follow these instructions carefully to ensure a smooth and successful setup of your WordPress site with all the necessary components.

Theme Installation


Method 1: Install a Theme via Direct Upload


To get started, log in to your WordPress admin dashboard.

  1. Navigate to Appearance > Themes.
  1. On the Themes page, locate and click the Add New button to begin adding a new theme.
  1. After clicking Upload, choose your st-nxtgen.zip file and then click Install Now to proceed with the installation.
  1. Complete the installation and activate your theme.

Method 2: Install by Searching for a Theme


  1. Navigate to Appearance > Themes.
  1. On the Themes page, locate and click the Add New button to begin adding a new theme.
  1. In the search bar, type "ST Nxtgen" to find the theme. Once it appears, click Install, and then click Activate to make it your active theme.

Plugin Installation

  1. Select Get Started with ST Demo Importer to initiate the plugin installation.

Demo Import

You will be redirected to the demo import page, where you will be able to import the demo content. This process will swiftly set up your site with the pre-configured design and functionality, saving you the time and effort of manual setup. Additionally, you can review the theme’s basic requirements and explore the differences between the free and premium versions of the theme to make an informed decision about which option best suits your needs.

  1. Click on the Start Now button to begin the first step of the demo import process.
  1. Install the required plugins by clicking the Install Plugins button.
  1. Now click on the Import Demo button to proceed with importing the demo content.
  1. The demo import will take a few minutes. Once the process is complete, you can view the imported demo content on the front page or by clicking Finish to continue with any additional setup.
  1. After the demo import is complete, you can check your site to see the imported content and ensure everything is set up as expected.

Theme Customization

Theme customization includes several key aspects, such as setting up the header menu and customizing various sections of your site. This involves configuring the navigation menu to ensure it aligns with your site's design and functionality needs, as well as adjusting the layout, appearance, and content of different sections to match your branding and user experience goals.

  1. Navigate to Appearance > Menus.
  2. Select the pages you want to include in the menu by checking the appropriate boxes. After adding them, you can arrange the menu items by dragging and dropping them into the desired order.
  3. Choose the main menu location by selecting the appropriate checkbox for your theme’s main menu area from the options provided below.

Next, set up your header and footer using Elementor to customize your site's appearance.

  1. Navigate to your site’s frontend, and hover over the header or footer area. Click on the Edit with Elementor button that appears.
  2. In the Elementor editor, customize the header or footer by adding or adjusting elements such as logos, navigation menus, and other content blocks.
  3. Use the drag-and-drop functionality to arrange your content, and customize settings like colors, fonts, and spacing to match your branding.
  4. Click Update to save your changes and apply them to your site’s header or footer.

After adding the logo and setting up the menu, visit your site to review the changes and ensure everything appears as expected.

Now, customize the sections of your site. Below is the navigator or structure panel within the Elementor editor, which allows you to view the widget hierarchy. From here, you can select and edit widgets as needed. To access the navigator or structure panel, right-click within the editor and choose the appropriate option. Below are images showing the sections that are included with the theme.

Videos

We are currently developing a series of instructional videos to provide a more comprehensive and engaging documentation experience for setting up your WordPress theme. These videos will cover essential aspects of the theme setup process, including theme installation, demo import, customization of sections, header and menu configuration, and logo and site identity setup. Our goal is to offer clear, step-by-step visual guides that complement the written instructions, making it easier for users to follow along and successfully configure their WordPress site. Stay tuned for these helpful video tutorials, which will be included in the documentation shortly.

Themes

This section will soon be added to the documentation and will provide a comprehensive listing of available themes. It will include details about each theme, helping you choose the one that best suits your needs. This listing will serve as a valuable reference, allowing you to explore the various options and make informed decisions about which theme to use for your WordPress site.

Bundles

We will soon be adding a section to the documentation that features a detailed listing of available theme bundles. This section will showcase the different bundles, providing information about the included themes and their features. This listing will help you understand the options available and choose the bundle that best meets your needs. Stay tuned for this update, which will offer a clear overview of the theme bundles available for your WordPress site.