Have you built a website on your computer and want to make it available on the internet? You can upload your website files to Hostinger and connect your domain so visitors can access your website from anywhere.
Hostinger provides several ways to upload a website, including its browser-based File Manager, FTP or SFTP clients such as FileZilla, and website migration tools. The best method depends on your website size, technology, and whether you have a complete website backup.
In this guide, you will learn how to upload an HTML, CSS, JavaScript, PHP, or WordPress website to Hostinger. We will also explain where to place your files, how to import a database, and what to check before making your website live.
1. What You Need Before Uploading a Website
Before uploading your website, make sure you have the necessary files and hosting access. Preparing everything in advance can prevent errors during the deployment process.
- Active Hostinger hosting plan: Your account must have a hosting service that supports your website technology.
- Domain name: You can use a domain registered with Hostinger or another domain provider.
- Website files: Keep your HTML, CSS, JavaScript, images, PHP files, and other required assets together.
- Database backup: If your website uses MySQL or another database, prepare its export file as well.
- Upload tool: Choose Hostinger File Manager, an FTP client, or another supported method.
- Website configuration: Keep a record of the database credentials, application settings, and other configuration details you may need to update.
Which files should you upload?
The files depend on the type of website you have developed. A simple static website may contain HTML, CSS, JavaScript, and image files. A dynamic website may also need PHP files and a database.
For example, a basic HTML website might have this structure:
my-website/
├── index.html
├── about.html
├── contact.html
├── css/
│ └── style.css
├── js/
│ └── script.js
└── images/
├── logo.png
└── banner.jpg
Keep the main entry file, such as index.html or index.php, in the correct website root directory. Do not upload only the HTML file if your website also depends on CSS, JavaScript, images, fonts, or other assets.
2. Choose the Right Method to Upload Your Website
Hostinger supports multiple website upload methods. You do not need to use all of them. Choose the option that best matches your website and file size.
| Upload method | Best for | What you need |
|---|---|---|
| File Manager | Small and medium websites or archive uploads | Hostinger account and browser |
| FTP / SFTP | Many files, larger uploads, or repeated transfers | FileZilla and hosting connection details |
| Website Importer | Supported website archives | Website archive and Hostinger dashboard |
| Migration service | Moving an existing hosted website | Website address and requested migration details |
| SSH | Advanced deployments and large transfers | SSH access and command-line knowledge |
3. Prepare Your Website Files for Upload
Before opening Hostinger, organize the website files on your computer. This makes it easier to upload the correct folders and avoid missing files.
Locate your website project
Open the folder where your website is stored. If you developed it using VS Code or another editor, locate the project directory containing your final website files.
Check the main website file
For a basic static website, confirm that the main page is named index.html. For a PHP website, the main page may be index.php.
If your project uses a framework, follow its deployment instructions. For example, a React or Vite project generally needs to be built before its production files are uploaded.
Check file paths and dependencies
Make sure image, CSS, JavaScript, and font paths are correct. Remove unnecessary local development files and do not upload secrets such as local environment files containing passwords or API keys.
Create a ZIP archive if needed
You can compress your website files into a ZIP archive to make uploading easier. Make sure the archive contains the website files themselves, not just an extra parent folder that will leave your index file buried one level too deep.
npm run build, and upload the generated output directory (commonly dist) to your website root. Your project may require additional configuration if it uses server-side rendering or a backend.
4. How to Upload a Website to Hostinger Using File Manager
Hostinger File Manager lets you upload and manage website files directly through your browser. You do not need to install an FTP application on your computer.
Hostinger's current documentation lists File Manager as supporting uploads up to 100 GB. If your archive is larger, consider FTP or another supported transfer method.
Open your website's hosting dashboard
From the dashboard, go to Websites. Find the website where you want to upload your files and click Manage site.
Open File Manager
In the website management dashboard, find Files → File Manager. Open the file manager for the specific domain whose website you want to update.
If Hostinger asks you to choose between accessing a domain's files and accessing all hosting files, select the domain-specific option when uploading a single website.
Open the public_html directory
Open the public_html folder for your domain. This is commonly the document root for the primary website on a shared hosting setup.
If your hosting account contains multiple websites, make sure you are in the correct domain's directory. The folder structure can differ for additional websites.
Upload your website archive
Click the Upload option in the File Manager toolbar. Choose the ZIP or supported archive from your computer and wait for the upload to finish.
If you are uploading individual files instead, select the files and folders that make up your website and upload them to the same directory.
Extract the archive
After the upload finishes, select or right-click the archive and choose Extract. Follow the prompts to unpack the files into the intended directory.
Check the extracted folder structure. If all website files are inside an extra folder, move them into the correct public_html directory.
Verify the website's main file
Open the directory and confirm that index.html or index.php is in the website root. Also confirm that the CSS, JavaScript, images, and other required folders are present.
public_html/
├── index.html
├── about.html
├── contact.html
├── css/
├── js/
└── images/
Incorrect folder structure:
public_html/
└── my-website/
├── index.html
├── css/
└── images/
In the incorrect example, the main page may be accessible only through a subfolder URL instead of the root domain.
For more details, read Hostinger's official website creation and upload instructions and File Manager guide.
5. How to Upload a Website to Hostinger Using FileZilla FTP
If you have many individual files or a large website backup, FileZilla is another useful option. It is an FTP client that transfers files between your computer and the hosting server.
Hostinger supports FTP for eligible web and cloud hosting websites. SFTP is also available on supported plans and provides encrypted file transfers. FTP access is not available for Hostinger AI Builder websites.
Step 1: Download FileZilla
Visit the official FileZilla website and download the FileZilla Client for your operating system.
Install the application and open it on your computer.
Step 2: Find your Hostinger FTP details
- Log in to Hostinger.
- Open Websites and select your website.
- Click Manage site.
- Find Files → FTP Accounts in the dashboard.
- Review the FTP hostname, username, and connection details.
- If necessary, create or reset your FTP password.
Keep these details private. Do not share your FTP password with anyone who does not need access to your hosting account.
Step 3: Connect FileZilla to Hostinger
Open FileZilla. The Quickconnect bar at the top allows you to enter the connection information.
| Field | What to enter |
|---|---|
| Host | The FTP hostname or IP displayed in Hostinger. |
| Username | Your Hostinger FTP username. |
| Password | Your FTP password. |
| Port | 21 for standard FTP, or the port specified for your SFTP connection. |
For a secure SFTP connection, select the SFTP protocol and use the hostname, port, and authentication details provided for your hosting account. Do not assume that the standard FTP port applies to SFTP.
Step 4: Locate your website files
FileZilla displays two main panels:
- Left panel: Files and folders stored on your computer.
- Right panel: Files and folders stored on your Hostinger server.
On the left, navigate to the folder containing your prepared website files. On the right, open the correct domain's public_html directory.
Step 5: Upload your files
- Select the website files and folders in the left panel.
- Right-click and choose Upload, or drag and drop them into the remote directory.
- Wait for FileZilla to complete the transfer.
- Review the transfer queue and check for failed files.
- Confirm that the files appear in the correct remote directory.
6. How to Upload a Website Database to Hostinger
If your website uses a database, uploading its files alone will not be enough. You must also create or select a database on Hostinger and import your database backup.
This is important for WordPress, PHP applications, and other dynamic websites that store content or user information in a database.
Step 1: Create a database in Hostinger
- Open your website's hosting dashboard.
- Find the Databases section.
- Open the MySQL database management option.
- Create a new database and database user if required.
- Save the database name, username, password, and hostname.
Step 2: Open phpMyAdmin
From the database section, open phpMyAdmin for the database you want to manage. This browser-based tool allows you to import SQL database backups.
Step 3: Import your SQL file
- Select the correct database in phpMyAdmin.
- Open the Import tab.
- Choose the SQL backup file from your computer.
- Check the import format and other displayed options.
- Click Import or Go, depending on the interface.
- Wait for the import process to finish and check for errors.
Hostinger documents phpMyAdmin for database imports up to 256 MB. Larger databases may require SSH or another supported import method, depending on your plan.
Step 4: Update your website configuration
After importing the database, update your website's configuration file with the new database details.
For a typical PHP application, the configuration may contain values similar to these:
DB_HOST=your_database_host
DB_NAME=your_database_name
DB_USER=your_database_user
DB_PASSWORD=your_database_password
The actual configuration format depends on your application. WordPress, for example, stores its database settings in wp-config.php.
For further instructions, read Hostinger's website backup upload guide.
7. How to Upload a WordPress Website to Hostinger
If you already have a WordPress website hosted elsewhere, you can move it to Hostinger. A WordPress migration involves transferring both the website files and the database.
There are several ways to do this, depending on your current hosting provider and the type of backup you have.
Method 1: Use Hostinger's migration option
- Log in to your Hostinger account.
- Open the Websites section.
- Click Import site or the available migration option.
- Choose the appropriate migration method.
- Provide the website address and requested access details.
- Submit the migration request and follow the instructions.
- Test the migrated website before updating your domain's DNS.
Method 2: Manually upload WordPress files and database
- Create or prepare the destination website in Hostinger.
- Upload the WordPress files to the correct website directory.
- Create a new database and user in Hostinger.
- Import your WordPress database using phpMyAdmin or another supported method.
- Update the database credentials in
wp-config.php. - Check the website URL and WordPress configuration.
- Test the website before pointing your domain to the new hosting account.
WordPress migrations may also require updating URLs stored in the database, checking serialized data, and regenerating permalinks. Use a migration tool or follow a platform-specific migration guide if you are not comfortable making these changes manually.
8. How to Connect Your Domain After Uploading
Once your website files are uploaded and configured, you need to make sure your domain points to the correct hosting account.
If your domain is already connected to Hostinger, you may not need to change anything. If it is registered elsewhere, you may need to update its nameservers or DNS records.
Option 1: Change nameservers
Use the nameservers displayed in your Hostinger dashboard and update them at your domain registrar. This method directs DNS management to Hostinger.
Option 2: Update DNS records
If you want to keep DNS management with your current provider, update the necessary records using the exact values Hostinger displays. This commonly involves the domain's A record and, where applicable, a record for the www hostname.
Verify the connection
- Open the domain management dashboard at your registrar.
- Check the current nameserver or DNS settings.
- Apply the values provided by Hostinger.
- Wait for DNS changes to propagate.
- Visit your domain to confirm that the uploaded website loads.
DNS propagation may take up to 24 hours, although many changes become visible sooner. If you use an external email provider, preserve its MX, SPF, DKIM, and DMARC records when changing DNS settings.
Read the Hostinger domain connection guide for the current instructions.
9. How to Check Your Website After Uploading
Uploading files does not automatically guarantee that your website will work correctly. Test the website before sharing it publicly.
- Open the domain: Visit your website using its custom domain.
- Check the homepage: Confirm that the correct index file loads.
- Test navigation: Open internal pages and check that links work.
- Check images: Confirm that all images and other media files load correctly.
- Test CSS and JavaScript: Make sure styling, menus, and interactive elements work.
- Test forms: Submit contact forms and check that the expected response occurs.
- Check mobile layout: Open the website on a phone or use browser responsive mode.
- Enable HTTPS: Confirm that the SSL certificate is active and the secure version loads.
- Check database features: Test login, search, dynamic pages, and other database-backed functions.
Useful deployment checklist
- All website files uploaded successfully.
- Main index file is in the correct document root.
- Assets and folder paths are correct.
- Database imported successfully, if required.
- Application configuration updated.
- Domain points to the correct hosting service.
- SSL certificate is active.
- Desktop and mobile layouts tested.
- Backup created after successful deployment.
10. Common Website Upload Problems and How to Fix Them
Problem 1: The website shows a 403 or 404 error
Check whether your website files are in the correct document root. Confirm that an index file exists and that file and directory permissions are appropriate. Also check whether your domain is connected to the correct website.
Problem 2: The domain displays a default or coming soon page
Your website files may have been uploaded to the wrong directory, or the domain may still be pointing to another server. Check the domain-specific public_html folder and verify the DNS records.
Problem 3: The website loads without CSS or images
This usually happens when file paths are incorrect or the required assets were not uploaded. Check the references in your HTML files and make sure the folders and filenames on the server match them exactly. Remember that server filenames can be case-sensitive.
Problem 4: The ZIP archive does not extract
Check whether the archive is supported and whether the upload completed successfully. Try extracting it again through File Manager. If the archive is very large, use FTP or another supported transfer method and extract it using the available server tools.
Problem 5: FTP connection fails
Verify the hostname, username, password, and port in Hostinger's FTP Accounts section. Confirm that your website type and hosting plan support FTP access. For SFTP, select the correct protocol and use the SFTP connection details rather than standard FTP settings.
Problem 6: Database connection error
Check the database hostname, database name, username, and password in your application's configuration. Make sure the database was imported successfully and the application is using the correct credentials.
Problem 7: The website works on your computer but not on Hostinger
Your local development environment may differ from the hosting server. Check PHP versions, dependencies, file paths, environment variables, database configuration, and application requirements. For React or Vite projects, make sure you uploaded the production build rather than only the source files.
Problem 8: Some files fail to upload
Check the File Manager or FTP transfer status for the failed filenames. Try uploading the affected files again, check your connection, and use FTP or SFTP if the browser upload is unreliable.
Ready to Publish Your Website on Hostinger?
Once your website files are prepared, Hostinger File Manager or FileZilla can help you transfer them to your hosting account. Remember to use the correct website directory, import the database if required, connect your domain, and test everything before sharing your website.
Visit HostingerFrequently Asked Questions
1. How do I upload a website to Hostinger?
Log in to Hostinger, open Websites, select Manage site, and open File Manager. Navigate to the correct website directory, usually public_html, upload your website files or archive, and extract the files if necessary.
2. Where should I upload website files in Hostinger?
For a typical shared hosting website, upload the files to the domain's public_html directory. If you host multiple websites, use the document root associated with the specific domain you want to update.
3. Can I upload an HTML website to Hostinger?
Yes. You can upload HTML, CSS, JavaScript, image, and other static website files through File Manager or FTP. Make sure your main index.html file and all required assets are in the correct website directory.
4. Can I upload a website using FileZilla?
Yes. Install FileZilla Client, find your FTP or SFTP connection details in Hostinger, connect to the server, open the correct public_html directory, and transfer your website files from your computer.
5. Can I upload a ZIP file to Hostinger?
Yes. You can upload a supported archive through File Manager and extract it on the server. After extraction, check that the website files are directly inside the correct document root rather than buried in an extra folder.
6. Do I need to upload a database with my website?
Only if your website uses a database. Static HTML websites generally do not require one, while WordPress and many PHP applications need their database imported and connected to the uploaded files.
7. Can I upload a React or Vite website to Hostinger?
Yes, if it is a static production build. Run the project's build command, locate the generated output directory (commonly dist), and upload its contents to the website's document root. Applications that need a running backend or server-side rendering require a suitable hosting environment.
8. How long does it take to upload a website to Hostinger?
It depends on the number and size of files, your internet connection, and the upload method. A small static website may upload in a few minutes, while a large website backup can take considerably longer.
9. Why is my website not opening after uploading?
Common causes include an incorrect document root, missing index file, incomplete upload, incorrect DNS settings, database connection problems, or application configuration errors. Check these items before uploading everything again.
10. Can I upload a website to Hostinger without FileZilla?
Yes. Hostinger File Manager allows you to upload and extract supported website archives directly through your browser. You can also use a supported migration method or other server access tools.
11. Does Hostinger support SFTP?
Hostinger supports SFTP on eligible hosting plans. Check your hosting dashboard for the available connection details and requirements. SFTP encrypts data during transfer, unlike standard unencrypted FTP.
12. Do I need to connect my domain after uploading my website?
If your domain is already connected to the correct Hostinger website, you may not need to change anything. Otherwise, update the nameservers or DNS records as instructed by Hostinger and allow time for propagation.
Editorial note: Hostinger's dashboard layout, upload limits, supported protocols, and hosting features can change. Check your account and the current official documentation before following plan-specific instructions.





