How to Upload Your Website

Introduction

Uploading website files is one of the very first steps users have to take in order to publish their creation on the Internet. This tutorial will provide a generalized example on how to upload a website using one of three basic tools:

• Hostinger’s File Manager (click for tutorial)
• FTP client (click for tutorial)
• cPanel’s File Manager (click for tutorial)

What you’ll need

Before you begin this guide you’ll need the following:

• Access to the control panel of your hosting account
• Your website’s files (preferably compressed in a .zip or .tar.gz format archive)
• (Optional) An FTP client and FTP login details of your hosting account

Option 1 – Upload Your Website via Hostinger’s File Manager

1. Navigate to your control panel’s Files category and open File Manager
   
2. After that, go to the public_html directory, which is the root directory of your domain (for example: http://www.domainname.com/). Your files should be uploaded there. The directory may also be changed depending on what URL you want it be accessed from. In case you want the content to show up on http://www.domainname.com/something/ your content would need to be located on public_html/something directory.
   
3. To start uploading, right-click with your mouse and select Upload files option.
   
   Find your compressed backup via Select Files section, press Upload to proceed and wait for the transfer to finish.
   
4. To unzip your archive, right-click it and press Extract.
   
   You will then need to select the extraction directory. In this example, the installation will be uploaded to public_html/test directory.
   
   To relocate your files, select them all, right-click and press Move. In this example, we have moved the content from public_html/test to public_html.
   
   Once the content is located in your desired location, you will be able to access it using any browser.

Option 2 – Uploading Your Website via FTP

Some users prefer using an FTP client, such as FileZilla, SmartFTP, CoreFTP, or any other in order to upload their website. In this example, we will use Filezilla.

1. Firstly, you will need to get your FTP details. On Hostinger, they are located in your control panel’s FTP Access section. If you are not sure what your FTP password is, you can easily reset it by pressing Change account password section.
   
2. Open FileZilla and input your FTP connection details into the fields at the top of the program, then click Quickconnect.
   
3. Once you are connected to the FTP server, use the file browser on the LEFT side of the program to find your website’s files on your computer. After you have found your website’s files, use the file browser on the RIGHT side to open your public_html directory on the hosting server. Once you have done this, you can simply drag-and-drop files from left to right and they will be uploaded to the server.
   
   (OPTIONAL) Similarly, you can upload a compressed archive via FTP by dragging-and-dropping from left to right. You will also need to extract it via File Manager. Refer to the “Option 1 — Uploading your website via File Manager” part of the tutorial above for instuctions on how to extract archives via File Manager.
   
4. Your website files should now be uploaded to the public_html directory and you should now be able to access your website via your website’s URL. Let’s visit our website and see if we managed to upload our WordPress files via FTP.
   
   Success! We see the default WordPress installation page, which means we successfully uploaded our website and we are now able to proceed with the WordPress installation.

Option 3 – Uploading Your Website via cPanel’s File Manager

Log in to the cPanel of your hosting account and follow the instructions below:

1. Click on the File Manager icon, located under the Files category.
   
2. Once inside the File Manager, open the public_html directory.
   
3. Click Upload after entering the public_html directory.
   
4. You can click “Select File” to select a singular file, or simply drag-and-drop your file to the outlined area.
   
5. In this example, we will find and upload a default WordPress installation archive, wordpress.zip.
   
6. Once the upload is complete, return to the File Manager and you will see the uploaded archive in your public_html directory. Right click the archive and select Extract to extract the archive.
   
7. If you receive a prompt asking to specify the location the archive should be extracted to, make sure to specify /public_html.
   
8. The archive is now extracted, all files should now be located inside public_html. Navigate back to public_html and see if the files were moved successfully.
   
9. Your website should now be fully uploaded and accessible via your website’s URL. All that remains is to access your website and check if everything works correctly. Simply type in your domain name in your browser, such as http://www.domainname.com/, and check if your website works to your satisfaction. In our example, we see the default WordPress installation page, which means we successfully uploaded our website and now we are able to proceed with installing WordPress.
   

OPTIONAL: In case you see a directory listing, similar to the image below, please follow this tutorial.

Conclusion

Congratulations, you have just learned how to upload a website. As you may see, you can upload a lot of files at once via an FTP program more easily, however, each file will be uploaded one-by-one. As a result, it may take a long time for each file to be uploaded separately, so it is still strongly advised to create a compressed archive of your files before uploading them.

On the other hand, the File manager is useful for uploading one or two files quickly, since you do not need a separate program for the File manager to work and can update your website on-the-fly, while working on other tasks inside your hosting control panel.