A very common task that people often want to do is post an image onto a webpage. The Faster Campaigns system provides you with tools for uploading and placing your images onto your web pages, but it does not provide you with tools for editing your photos. Before uploading them to your website, you must make them the correct size and dimensions.

A simple way to edit your photos is to us Pixlr.com, which is free, online photo editing website.

Once your photos are the correct size, you are ready to upload them to your website. To do this, first log into your admin site. If you are unsure how to log into your admin site, please read our help file titled "How do I log into the Admin Site?". After logging in, click the "Pages" button from the main menu.



Then click "Assets" from the secondary menu:




Then click on the "Images" folder, to upload photos to that folder.



It should be noted that you create new folders if you wish to organize your uploaded files. Also, you have the ability to upload files other than just images, such as PDFs or Word Documents that you want to make available to the public.

After clicking into the "Images" folder, you'll see all of the images that are already uploaded. Click the "New" button, and you will get the uploading dialog box.




To upload an image that is saved on your computer, click the "Computer" button, browse to that photo, and hit "Open".

Click the "Upload" button, and the image will begin uploading to the Faster Campaigns server.

You'll now see the new image in the server directory. Your image now lives on the Internet, and can be accessed with a public URL. To get that URL, simple click on the image in the directory, and the URL will appear underneath. Place that URL on your clipboard by right-clicking and choosing "Copy Link Location".




To place this newly uploaded image onto a page, go to a page's content editing (if you are unsure how to do this, please visit the help file "How to Edit a Page"). Place the cursor where you would like to place the image, and click the image icon from the editing toolbar.


Into the "URL" field, place the URL that is on your clipboard. If you don't have the URL on your clipboard, you can click the "Browse Server" button, to view the file you have uploaded.




Once you've see your image in the "Preview" box, you can then set your image options. Here is what the options mean:

  • Alternative Text - This is text that people see when they hover over your image with their cursor. This is also used by search engines such as google for site searches. Also, for people that are unable to view the images (such as those with visual disabilities) this field is used to describe the image. It is highly recommended that you provide some descriptive text of what the image contains.
  • Width - You have the option to change the width of the image here. However, it is highly recommended that you alter the width and height in an image editing program instead, because using this option can degrade the quality of the image and also add to page load times.
  • Height
  • Border - If you put a number in this box, that will the pixel width of a board that goes around your image.
  • HSpace - This is the horizontal space that you'd like around your image. If you are wrapping text around the image (see "alignment" below), then you'll want at least a 5 in this box, meaning you want 5 pixels of horizontal space between your image and the text around it.
  • VSpace - This is the vertical space that you'd like around your image. If you are wrapping text around the image (see "alignment" below), then you'll want at least a 5 in this box, meaning you want 5 pixels of vertical space between your image and the text around it.
  • Alignment - If you are placing your image in the middle of some text, then you may want to "wrap" the text around the image, so that it is inline with the rest of the page content. To do this, simply choose "Left" or "Right" from the drop-down. "Left" means the image will be left-justified, with the text wrapping around the right of the image. "Right" means the image will be right-justified, with the text wrapping around the left of the image.

Once you have set the options that you'd like, hit the "OK" button, and you'll see your image appear in your content. Hitting "Save" will make the page and your new image live on your website.