Send files to your website with FileZilla FTP.

Views 5 Likes Comments Comment
Like if this guide is helpful


You have a website, but how do you get your files from your computer to your site? Many websites have a control panel or site manager program, but using those web-based tools can be very tedious, involving many steps.  Instead, FTP is the quickest and simplest way to transfer files, allowing you to drag/drop an entire folder at a time for relatively painless and efficient file management.

FTP (File Transfer Protocol) is a method of transfer that defines how the server and computer will interact with each other, or handshake, to make a transfer. Your website must be set up to work with FTP transfers (most are) and you will need an FTP program on your computer to manage the transfer on your side.

We'll show you how to:

1) Set up FileZilla

Get started with FileZilla FTP program
Enter your website settings and default folders.

2) Transfer files

Transfer files to your website using FileZilla
and transfer files from your website to your computer.

 

  1. Setup — Getting Started with FileZilla

 

FileZilla is a free open-source program that is used to transfer files and photos from your computer to your website server.

Download a copy from filezilla-project.org and install on your computer.

http://filezilla-project.org/download.php?type=client

Open the program and notice that the screen is divided into several areas that we have marked with different colors.
 

filezilla_sections.gif

For simple file transfers, we are only concerned with three general areas:

  1. We must fill in the 3 red slots at the top.
  2. Files on the computer will display on the yellow left side after we browse to the correct folder.
  3. Files on the website server will display on the right blue side after we have made a connection.
 

Making a connection


Start by filling in the three slots. The Host is "ftp" plus your website domain name, as shown in the sample below.
 

filezilla_setup_address.gif

Click the Quick Connect button to see if you can connect to your website server. You will see the communications between FileZilla and the server take place in the top green window. If there are any errors, they will display red. Otherwise, the files on your website will display in the right windows.

filezilla_connected_only.gif
 

Save the Settings


If your connection was successful, save the settings. From the top File menu, select "Copy current connection to Site Manager".

filezilla_connection_menu.gif

The connection settings will be saved (yellow slots) and you should give a name to your connection on the left (where we entered "imagehost").

filezilla_sitemanager.gif
 

Remembering folders


Your Filezilla connection can open the same folders on your server and on your computer each time you connect. That will put you exactly where you want to be without having to browse. Go to "File > Site Manager" on the menu, and click the advanced tab. There are two slots where you can enter either your computer path or your server path, or both.

filezilla_sitemanager_adv.gif
 

Congratulations! The hard part is done!
You are now ready to use FileZilla to transfer files!

 

  2. Transfer files with FileZilla


To access that connection at a later date, click the drop list arrow beside the Site Manager icon on the left and select your saved connection, or you can use the drop list arrow to the right of the QuickConnect button and click your recent connection on the history list. Alternatively, select "File > Site Manager" from the top menu bar to re-open the Site Manager window and connect from there.

FileZilla_usesettings.gif

 

View Files on Website Server


After connecting to the server, you will be able to click files and folders to navigate your server in the same way you navigate your computer. The server has two windows for files and folders. The top window shows the directory tree where you can select a folder, and the bottom window displays the contents of that selected folder.

When moving files between computer and server, you will be selecting and replacing files from within the bottom window. So the top window is for show, and the bottom window is for work.
 

View Files on Computer


Now that we have successfully connected to the server, let's go back and find files on the computer, using the windows on the left.

filezilla_localFolder.gif


Use the top left window to navigate the directory tree on your computer to locate the folder with your photos. The droplist on the "Local Site" slot will remember your most recently selected folders. Select your picture folder and the files will display in the bottom window.

When moving files between computer and server, you will be selecting and replacing files from within the bottom window. So the top window is for show, and the bottom window is for work.

If you want to move a whole folder to your server, then navigate the directory so that your folder is displaying in the bottom window. That way you can drag and drop the folder and all its contents onto the desired location on the server.
 

Transferring a file


So once you have connected to your server, have your computer folder and files displaying on the left, and have navigated to the correct folder on your server on your right, you are ready to move a file.

You can drag and drop the file from your computer on the left to the server folder on the right and a duplicate of your file will be copied to the server. The original on your computer will remain in place.

filezilla_remotefiles.gif

 

Transferring a file from File Explorer


But if you already have your picture files open on your computer and don't want to navigate to them within FileZilla, or if you don't really understand your computer's directory tree, you can simply drag the photos from your open folder onto the server folder on FileZilla.

filezilla_dragdrop.gif

As your files are copied from your computer folder to the website server, you will see the status window at the bottom display the results.

FileZilla can copy in both directions, so you can also copy a file or folder from your website server to your computer. Just be careful that you don't overwrite any originals.
 

Deleting and Renaming Files or Folders


You may want to occasionally rename or delete files on your website server. To delete a file, locate it in the bottom right window and click it to highlight. Then either right-click-delete or press the delete button on your keyboard. To rename a file on your server, select the file and right-click-rename or click on the name until an editing box appears. You can rename or delete files on your computer using the same method in the left window.
 

 
 

ShipScript's website series:

1. Set up your own website for image hosting
2. Send files to your website with FileZilla FTP
3. Add Personal Image Hosting to your website

Have something to share, create your own guide... Write a guide
Explore more guides