Step-by-step tutorial to host your website on Combell
Tags: tutorial, webdev, hosting, beginners
Published: 2021-11-09 15:42:14

Whopeee! You've finally completed your project, so now it's time for the final step: throwing that code online for everyone to admire. Not sure how to convert your precious code to a functional website, though? Here's a step-by-step tutorial:
- [Step 1 – Choose your webhosting package](#step1)
- [Step 2 – Secure your domain name(s)](#step2)
- [Step 3 – Verify your account](#step3)
- [Step 4 – Manage your hosting package](#step4)
- [Step 5 - Connect your domain name](#step5)
- [Step 6 - Connect your hosting package](#step6)
- [Step 7 - Upload your website files](#step7)

## Step 1 – Choose your webhosting package <a name="step1"></a>
Combell offers [three webhosting packages](https://www.combell.com/en/hosting/web-hosting): _Business_, _Professional_ and _Expert_. For this project I chose the _Business_ webhosting package for several reasons. Firstly, in all honesty, I got a discount code for this package making my website’s first year of hosting free. This is, of course, undeniably was a decisive factor. Secondly, _Business_ offers everything you need for a simple website at an affordable price. If you’re unsure about which package works best for you, this is a safe bet that allows you to discover what you need in terms of hosting. You have , well - almost, nothing to lose. Thirdly, 73% of the people looking to host their website with Combell went for this package – as advertised by Combell itself - in which case it can’t be all that bad, right?

## Step 2 – Secure your domain name(s) <a name="step2"></a>
After selecting your webhosting package of choice, Combell prompts you to enter your domain name to which your website will later be uploaded. The domain name is the string of text that appears as the URL of your website, for example _google.com_. Feeling a wee bit uninspired at the moment? You don’t necessarily have to order your domain name immediately when ordering your hosting package. You can also connect it through the control panel of your Combell account later. 

If you can’t wait to finally own a little piece of the internet, though, this is your chance to go wild and enter puns, your archenemy’s name, or just the old, boring name of your business. The choice is mostly up to you. Mostly, because some domain names of course already exist and can therefore not be selected again. 

Once you enter a domain name, Combell verifies your request and indicates its availability. Based on your request, Combell lists a number of suggestions, with various variations or extensions. Don't say you didn't have any options!

## Step 3 – Verify your account <a name="step3"></a>
Once you’ve made up your mind about which domain name you want to birth into this world, slam dunk it into your shopping cart and pay up, you’ll receive:
-	a confirmation of your order, 
-	a confirmation of successful domain name registration,
-	an email address validation request,
-	an account activation request;

Verifying and activating your account is nothing unexpected or complicated. Setting up a website’s hosting may feel overwhelming to beginners just like me, though, so I included this step for the sake of comprehensiveness. Simply read the instructions, click the one and only button mentioned in each email and you should be ready to smoothly moonwalk to step 4. 

## Step 4 – Manage your hosting package <a name="step4"></a>
Surf to [mycombell.com](mycombell.com) and login with your username or customer ID and corresponding password. If you pushed all the right email buttons, you were already there. Yay! This is where the "magic" happens, or, you know, where you manage your hosting package. 

Click the _My Products_ drop-down menu and select _Webhosting_. Then simply select the hosting package you wish to connect. 
![drop-down hosting](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1bhxamkc1jcw6gkp2v3z.jpg)

Select _Domain names & SSL_ in the left sidebar menu and you'll get a nice overview of your domain names. First, you'll see your main domain name, for example [evaroets.com](evaroets.com). Second is the www alias, connecting this URL to your main domain name. Third and last, you'll also see a temporary domain name. This is your username + your extension + .webhosting.be", for example _evaroetscom.webhosting.be_. As you can see, this username is created by taking your domain name and omitting the dot.

![domain overview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ewe3avn7w7nh53fylq74.jpg)

You may be thinking "Is all this really important?" Yes, kinda. If you're feeling like a little rebel today and don't connect your domain name to your package (yet), you can still preview your website using this temporary domain name. #hostinghack

## Step 5 - Connect your domain name <a name="step5"></a>
For this step, we need the following ingredients:
- your IP address,
- your DNS records, more specifically A records,
- a connection between those two;

### 1. IP address
Hold your horses, no need to Google how you'll find your IP address. Select _Overview_ in the left sidebar menu, and voilà, there is it! Copy the 10-digit number to your clipboard, as you'll need it to create A records.

### 2. A records
Click the _My Products_ drop-down menu again and select _DNS & Forwarding Management_. Then simply click your hosting package. Select _A-records_ in the left sidebar menu and you'll get an overview of your Address records. 

![DNS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ql3u01bhvfa0mtbkdwyq.jpg)

### 3. Connecting...
In my case, the A records showed that the domain name was already linked as they displayed the IP address. If this is not the case for you, however, simply click the _Add_ button, fill out the _Record_ field with your host name (or leave it blank to select your main domain) and the IP address field. Completely ignore the TTL field by leaving it on the default value of 3600. 

After a mere couple of hours of your patience, at most, your domain name(s) and hosting package will have become inseparable BFFs.

## Step 6 - Connect your hosting package <a name="step6"></a>
### 1. Via FTP
Uploading local website files to a hosting package can easily be done through the commonly used [FTP (File Transfer Protocol)](https://www.combell.com/en/help/kb/upload-your-website-via-ftp/). First, you need to establish a connection between your computer and your hosting package.

#### Install a FTP program <a name="FTP-program"></a>
For this website I chose for FileZilla (free!), but there are other many FTP program options available:
- For Windows: [FileZilla](https://filezilla-project.org/download.php?platform=win64), [CuteFTP](https://www.globalscape.com/cuteftp), [SmartFTP](https://www.smartftp.com/), [WS_FTP](https://www.ipswitch.com/ftp-client)
- For Mac: [FileZilla](https://filezilla-project.org/download.php?platform=osx), [CuteFTP](https://www.globalscape.com/cuteftp), [Transmit](https://panic.com/transmit/), [Fetch](https://fetchsoftworks.com/), [gFTP](https://www.gftp.org/)
- For Linux: [FileZilla](https://filezilla-project.org/download.php)

#### Connect with FTA data
Click the _My Products_ drop-down menu and select _Webhosting_ > _Manage hosting_ > _FTP & SSH_ (in the left sidebar menu) > _FTP_. Next, click the nearly-impossible-to-find three vertical dots on the right side of the FTP user to view the login detail: FTP server, FTP port and FTP user.
![drop-down FTP](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h9zrxljctms7v4ae1n2x.jpg)
Open the FTP program you previously downloaded and fill out the prompted data fields to establish a connection:
- Host: FTP server (see FTP user login details)
- Username: FTP username (see FTP user login details)
- Password: FTP user password
- Port: FTP port (see FTP user login details)

### 2. Via SSH
Looking for a more secure connection with more option than a regular FTP connection? [SSH (Secure Shell)](https://www.combell.com/en/help/kb/connect-to-your-hosting-via-ssh/) to the rescue!

#### Install a FTP program
Already installed FileZilla or another FTP program because of the [previous steps](#FTP-program)? Not to worry, your efforts weren't in vain because you also need an FTP program when connecting via SSH. 

#### Connect with SSH data
Click the _My Products_ drop-down menu and select _Webhosting_ > _Manage hosting_ > _FTP & SSH_ (in the left sidebar menu) > _SSH_ and activate SSH access. 

![SSH overview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bx6tur08kj3nsucc5l6u.jpg)
##### **For Windows:**
1. Click the three vertical dots on the right side of the FTP user to edit password, 
2. Doublecheck/create your primary FTP user password, as this field may still be empty,
3. Install [_Putty_](https://www.putty.org/),
4. Click on _Session_ in the left sidebar menu,
5. Enter host and port and click _Open_, 
6. Enter you primary FTP user password in Putty;

##### **For Mac:**
1. Click the three vertical dots on the right side of the FTP user to edit password, 
2. Doublecheck/create your primary FTP user password, as this field may still be empty,
3. Open _Terminal_ and enter the SSH control panel command,
4. Type “yes” and confirm with enter to the Terminal request to connect,
5. Enter your primary FTP user password in Putty;

Hooray, you're now connected to your web hosting!

## Step 7 - Upload your website files <a name="step7"></a>
For any projects that consist of a simple index file, simply drag and drop said file in FileZilla from your project folder on the left side panel to the www folder on the right side panel. Be sure to delete the index.html file that was already in the www folder, as it's just a default Combell landing page. And there you go. Ready, check, done! Time for a happy dance! 

<hr>

If you're looking to upload a Laravel project to Combell, go check this out! {% link https://dev.to/evaroets/how-to-host-your-laravel-project-12i6 %}