How to Upload Your Website (in 6 Easy Steps)

How to Upload Your Website (in 6 Easy Steps)

Having your own website will help boost your online presence, expand your customer base, and increase your conversion rate. However,it’ll be nearly impossible to reach these goals if you haven’t uploaded your website in the first place. 

Best of all, you don’t need coding experience to launch your site on the web server. A lot of hosting services and FTP programs provide convenient tools for uploading a website within clicks.

For more information, read our article and find out the full instructions on how to get your website live on the internet within 6 quick, simple steps. 

1. Pick a Reliable Web Hosting Company

A graphic illustration of a laptop screen showing a reliable web hosting site

Creating and maintaining a website is not something that you should take lightly. It’s crucial to pick a top-notch web host that has all the key features to kickstart your project.

Here are several factors that you should consider when choosing a hosting provider:

  1. Live support. A good hosting service should have a team of experts who can help you at any time. There’s no worse feeling than running into some issues and having to wait for days to get a response.
  2. Control over your web hosting space. The less control you have over your hosting account, the more likely you are to run into trouble when your site grows.
  3. Room for growth. Before you choose web host, make sure it offers scalable solutions that can provide more power (such as virtual private servers or cloud hosting).
  4. Money-back guarantee. Nobody likes a bad investment, so make sure to check for a refund policy. This will give you a time frame to test everything out before committing to the hosting service.

2. Choose Your Website Upload Method

The next challenge is picking the right tool for uploading your website to the internet. Here are four of the most popular tools to upload a website:

File Manager

A file manager is a browser-based tool with all the key features to take care of your website files and directories. If you have a Hostinger account, log into the hPanel and find File Manager under the Files section. 

File manager under the files section in hPanel

However, the File Manager has an upload limit. If your website files are larger than 256MB, you should opt for the next tool instead.

File Transfer Protocol (FTP)

Most web hosting providers support FTP or file transfer protocol, which you can use to connect to an FTP client. If you don’t have an FTP client, make sure to install one on your PC. 

For Hostinger users, all the required credentials for accessing your FTP client are located in FTP Accounts under the Files section.

FTP accounts under the files section in hPanel

There, you can find all the important information regarding your FTP account, such as your FTP username, hostname, and password. 

FTP credentials in the hPanel

There’s no size limit when it comes to uploading files with an FTP program. However, it does take a bit of technical knowledge that you can learn from this article on how to configure FileZilla and any other FTP clients.

Automatic Website Importer

For Hostinger users, you can find an Import Website feature in hPanel. You can use this feature to extract a website archive to the public_html directory. The tool supports .zip, .tar and .tar.gz formats, and the upload limit is 256MB.

Import website tool in hPanel

WordPress Migration Plugins

If you plan to use WordPress, there are several ways to upload your website to the CMS. One of the easiest methods is using a WordPress migration plugin like All in One WP Migration. After installing and activating it, the rest of the steps are self-explanatory.

Import site tool in All in One WP Migration plugin

The upload size limit will depend on your hosting provider. Check out how to increase file upload size.  

3. Upload Your Website File

Now that you know the best tools to upload a website, it’s time to get your website live!

In this tutorial, we’ll show you how to upload your website using Hostinger’s File Manager and a well-known FTP client, FileZilla.

Using File Manager

  1. Login to Hostinger’s hPanel and navigate to File Manager.
  2. Once you’re in the public_html directory, select the Upload Files icon from the upper-right menu.
  3. Select the website archive file on your computer and Upload it to our server.
  4. Right-click on the uploaded file and Extract the archived files to the public_html folder.

Extract item menu in the public_html directory

Using FileZilla

Before we begin, make sure to extract the archive to your local computer as FileZilla doesn’t have an Extract feature.

  1. Connect your account to FileZilla. Use port 22, or connect to SFTP, for a secure connection. 
  2. Navigate to Remote Site panel and click on the public_html folder.Accessing public_html folder through the remote site panel in FileZilla
  3. Head to the Local Site panel and locate the extracted files.
  4. Select the files, right-click to upload them to the public_html directory.Uploading file on FileZilla

That’s it! By following the above steps, you can transfer all files to public_html without doing any extra work. Otherwise, you’ll need to connect via SSH and extract the archive manually.

4. Move the Website Files to the Main Root Directory

In some cases, an additional directory will be created when you upload website files. As a result, visitors will be directed to yourdomain.com/subfolder instead of the default yourdomain.com.

To prevent that from happening, you need to make sure all the files are located in the root directory of your domain, which is public_html.

You can use the File Manager to move your website files. All you need to do is right-click on the subfolder, select the Move option, and set public_html as the destination. See how to move a website from subfolder to the base domain for more information.

5. Import Your Database

A graphic illustration of a laptop screen showing MySQL logo

If your website uses a database, you’ll also need to import it along with your website files:

  1. Create a new MySQL database and user.
  2. Access your newly created database via phpMyAdmin.
  3. Use the Import section to upload the backup file of your database.
  4. Update the MySQL database connection details (database name, host, user, password) in its configuration files.

For more detailed steps, check out our guide on how to restore a database using phpMyAdmin. Skip this part if you don’t use any database.

6. Check If the Website Works

A graphic illustration of a laptop screen showing a website page

Once you complete your upload, it’s time for a final check!

If your domain name is already pointed to your web host, enter the domain name into your browser and see if it directs you to your website.

Keep in mind that DNS changes can take up to 48 hours to fully propagate worldwide. As such, if you just pointed your domain to the web host’s name servers, you might need to wait for a while.

Use an online tool like whatsmydns.net to check the state of your DNS propagation. Just enter your domain name and the tool will check the DNS records against multiple name servers.

Should you follow all the instructions correctly, your website will appear just fine. However, if you run into an issue, ask your hosting provider for assistance.

And if you’re a Hostinger client, contact us via the live chat and one of our customer success agents will be ready to help you!

Conclusion

Congratulations, now your website is live on the internet! 

To recap, here are the steps to upload your website to the web server:

  1. Pick the right hosting provider.
  2. Choose the tool and method to upload your website. 
  3. Upload your website files.
  4. Move the website files to the main root folder.
  5. Import your database.
  6. Check if your website works worldwide.

That’s it! It may sound a bit complicated at first, but if you follow all the steps carefully, you’ll get your website online in no time. We hope this article will help you out and good luck!

 

Author
The author

Andrew Vickers

Andrew is a passionate WordPress developer. He loves picking apart source code and learning new things. When he’s not working, Andrew likes to hike and play video games.