How to Change the Application Web Root of an Application

This guide shows you how to switch the main folder for your website. If you want to use a different folder as the main one, it needs to be inside the app-html folder.

How to Change the Web Root of an Application

Step 1: Go to Application Administration 

  1. From the top menu bar Choose Servers
  2. Next, pick the server where your application is running.

3. Click on Globe icon for Application.

4. Choose your Application

5. Under Application Administration, select Settings.

Step 2: Change Application Webroot

As mentioned, the new main folder for the website must be inside the app-html folder.
In this example, we've made a folder named "staging" within app-html using file manager . To make this folder the new main one, we just need to enter its name in the  Application Webroot field, like this.

  1. Click on Edit button
  2. Write exact folder name Like this "staging" do not need to write full path, only folder name will be there.
  3. Click on the appropriate icon to save the new folder path.

After completing this process, the web server will begin serving files from the new location you've specified.

Default Application webroot 

Application NameDefault Webroot
Wordpressapp-html/
Woocommerceapp-html/
Custom PHPapp-html/
Magentoapp-html/
Joomlaapp-html/
Laravelapp-html/public/
Codeigniterapp-html/public/
Symfonyapp-html/public
Yiiapp-html/web
Node jsnodejs-project
React jsreact-project

Important Notes:

  1. Ensure that the custom web root you've set up contains all the required web files (such as index.php or index.html), or your website won't function properly.
  2. If the intended new web root doesn’t already exist within public_html, the process will automatically create it for you.

Was this article helpful?

How to Change the Domain Name of Your Application