Updated date:

How to Upload | Import your website into Hostinger

Intro

This article will show you step-by-step guide on how to import and upload your already created website e.g. if you have already created it in Adobe Dreamweaver or if you already have your website files stored somewhere but you now need to host it online. You can make this happen for free on Hostinger.com

If you opt to watch the video instead, scroll down to the bottom of the page or click here »»»» but it is advisable to read this article completely for better understanding.

How to upload your website unto hostinger logo

How to upload your website unto hostinger logo

Content list

Click on the links below to navigate directly to any of it's relevant location on this article.

If you have already created an hosting account and wants to skip this step, click »»»»

#1 Creating a hosting account

First of all, you need to create an Hostinger account which shouldn't take you more than five minutes. After doing this, you need to activate it by following the link in your email. When your account is finally verified, log-in and click on the Hosting tab. From it's sub-menu, select New account. A new hosting account would be loaded which would give you the type of account to choose from such as free, premium and business. See screenshot for reference.

Screenshot for creating a hosting account on Hostinger

Screenshot for creating a hosting account on Hostinger

Tips!

You can access a list of free domains from the dropdown box just to the right of the textbox where you enter your subdomain name.

It is advisable not to use the Meximas.com domain because you would have security problems when saving your final url link as your website on Facebook, Twitter, Instagram and some social networks. This is because users of this free domain has abused it to the point at which these social networks now find it as a threat to security.

#2 Placing your order

After choosing a hosting plan, choose a subdomain name for your website as well as a password (you can also use an automatically generated password by clicking on the generate button just at the right hand side of the password textbox). Click continue, then place your order after entering the correct captcha code and ticking the "I agree to terms and condition" tickbox on the next page. See screenshot below.

Hint: If you find it difficult to see the images clearly, click on the image for a preview mode. If this doesn't help as well. Make use of the Ctrl and + button on your keyboard to enlarge the image view and Ctrl and - to bring it back to the normal size.


Choosing a hosting account on hostinger

Choosing a hosting account on hostinger

#3 Managing your account

Now that the subdomain hosting account been created, click on the Hide/show box (the box with the + sign to show extra options). Select manage from the options.

Managing your hosted account on hostinger using the dashboard

Managing your hosted account on hostinger using the dashboard

You should now be taken to a new page. Click the details button to see some information about the newly created website (e.g. website URL, website preview, IP address etc.) as shown in the screen-shot below. Note that when you preview your website, it will not show any reasonable web-page because you have not imported your website yet and do some of the necessary steps I will show you as you read along.

Checking your website information on Hostinger from the my account link screenshot

Checking your website information on Hostinger from the my account link screenshot

You will also be able to see all the website details from the dashboard which is just at the right-hand side of the page.

Hostinger account dashboard

Hostinger account dashboard

#4 Importing your website

Scroll down and look to the left-hand side of the page until you come across the Website show/hide box. you can also find it from the account section. Click the + sign inside the small box to access further actions.

Now click the import your website button. When the new page opens, get your website files ready. Make sure they are zipped (Since all the website files are stored in a folder and sub-folders, zip the main folder and upload it to the import website field by dragging and dropping or following the normal procedure of locating your files).

Note: This may take a very long time to upload completely. The speed of upload depends on your Internet connection speed and the file size of the website document to be uploaded. When the upload is completed, you will see a file upload confirmation message being displayed.


#5 Testing the website so far

Immediately you run your website after uploading, you will see the message in the screenshot below. This is because we need to delete the default.php file as our page automatically activates the default.php file.

Testing the imported website halfway. It is advisable to test the website in a new tab

Testing the imported website halfway. It is advisable to test the website in a new tab

#6 Deleting the default.php file in the Public.html folder

Click the browser back button once if you didn't test the website in a new tab. Scroll down to the files tab at the left-hand side of the screen and choose the File Manager 2 sub-menu button. When this is loaded, open the Public.html file, tick the default.php and htaccess file then press delete.

After deleting, you will receive a delete confirmation message on the webpage. Click on the back arrow to go back to the dashboard.

deleting the default.php file screenshot

deleting the default.php file screenshot

When you test your website, it might look like in the screenshot below. If this is the case, don't worry as we are almost done with everything.

Index view of the unfinished website

Index view of the unfinished website

remember to continue clicking the link until you get to the index.html page (or whatever name you called your website homepage). When you get there, run it and copy the link using Ctrl and C as this would be very useful in the next step. It will save time as well.

Don't worry, we are almost done

Hints!!

Make sure you remove the http:// or https:// of your copied link after pasting to avoid duplicates. replace the http:// with a www. you will get an error if there are duplicated https.

#7 Redirecting - Final step

Our website is almost complete except we do not want it in the format from the screenshot above. To counter this problem, go back to the Domain tab at the left hand side of the dashboard. Click open the redirects sub-menu button. In this section, you need to be careful not to make mistakes about the link.

You need two links here: the original website's URL link and the one you copied some moments ago (if you forgot to copy the second link, just go and re-read the texts before the poll).

Now insert the URL you copied into the "redirect to" text box. After this is done, run your website. It should be perfect without any errors.

Redirect page screenshot

Redirect page screenshot

How useful did you find this article?


Now watch this video of how to upload | Import your website into hostinger

If are still having problems after reading this article and watching my video on this subject, do not hesitate to leave a comment either here or on my Youtube video.

Buy now on Amazon


Published on August 28, 2014

© 2014 Taiwo Kareem

Comments

HARDIK PATIL on June 15, 2016:

I am not able to go on the links which i have provided on index page

index page in working properly

Taiwo Kareem (author) from Salford on April 07, 2016:

I guess you are using a template rather than an actual pure html. Are you using JSP, Django, Ruby on Rails etc @fahad

Fahad on March 29, 2016:

when i upload my website the its coding shows on web pages? how i can solve this issue so that i can see my views properly instead of its back coding ?

Johanna S on February 09, 2016:

how many times do you have to click until the homepage index appears? I've been clicking multiple times but all that shows up is an option to save to my computer.

Taiwo Kareem (author) from Salford on January 15, 2016:

I think it displays a default page. Its okay deleting otherwise your website may not display

Jobe on December 14, 2015:

I have accidently deleted my default.php file do i need one at all? website seems to be working fine without it. what exactly does it do if you dont mind my asking?

Taiwo Kareem (author) from Salford on January 08, 2015:

Hi Subhadeep, I'm not aware that you need a server name before you upload your website as all the important things are done for you. All you need is choose a subdomain and your website name

Subhadeep on January 01, 2015:

What should be the server name to connect the database?

Taiwo Kareem (author) from Salford on September 02, 2014:

Thank you fpr visiting Ubani, happy new month

Alexander Thandi Ubani from Lagos on September 01, 2014:

A great ride here. You showed wonderful expertise. I like.

You explained everything even a kindergarten student will understand. Good one!

Taiwo Kareem (author) from Salford on August 28, 2014:

thanks for visiting Sangre and i'm glad you liked this hub

Sp Greaney from Ireland on August 28, 2014:

Nice hub. You really explained everything so well on how to import your website.

I like this as a lot of companies do still use Dreamweaver to create a website and then just want to upload their website to a hosting site.