Before diving in, this section gives you a quick preview of what you’ll be working with. It’s designed for beginners, so you can get familiar with the layout, tools, and overall process before making any changes. You’ll see how each component fits together, what to expect at each step, and where you’ll be making updates. No prior experience is needed — just follow along and use this preview as a reference as you go.
Your website files live on a computer called a server — not on your own computer. To edit them, you need two free tools:
To connect, you need your FTP login details. These come from your hosting control panel — either Plesk or cPanel. Follow the section that matches what your host gave you.
If you have Plesk:
If you have cPanel:
Now connect in FileZilla:
| Box | What to type |
|---|---|
| Host | Your domain name, e.g. yourdomain.com |
| Username | Your FTP username from Plesk or cPanel |
| Password | Your FTP password |
| Port | Leave this blank — FileZilla will figure it out |
You will follow these same four steps every single time you need to edit a file on your website. Memorise this process — it never changes.
Your website files live on a computer called a server — not on your own Mac. To edit them, you need two free tools:
The connection process is identical to Windows. Get your FTP details from Plesk or cPanel — follow whichever matches your hosting.
If you have Plesk:
If you have cPanel:
Connect in FileZilla:
| Box | What to type |
|---|---|
| Host | Your domain or FTP hostname |
| Username | Your FTP username |
| Password | Your FTP password |
| Port | Leave blank |
These four steps are the same every time — for every tutorial, forever.
Your tutorial content starts here. The "Before You Start" section above collapses away once the user has set up their tools, so it doesn't get in the way on repeat visits.