Adding Images to Pages

You can add your own images to any page on your site to give them more depth and make them more engaging. It's easy to add an image to your site.

Before You Begin - Selecting Your Image

Before you add an image to a page, you'll want to make sure it's the right size. Make sure the image fits within the width of your content area. If it's too wide, it will cause problems with your layout. Be careful not to add images that are too large (bigger than about 200k) because they will make your pages load more slowly.

Step 1 - Set-up Image Hosting

First, you need to create an account with an image hosting service. We have found http://www.tinypic.com , http://photobucket.com/ (account setup required), or http://imgur.com/ to be quick, easy and reliable.

Step 2 - Upload the Image to the Hosting Service

After you've selected an image hosting service, use it to upload from your computer.

Step 3 - Get File URL

Once the file is uploaded, you will need it's location, or URL. Find the URL, select it, and copy it by pressing "control-c" on your keyboard.

Step 4 - Open the page you want to edit

Login to your AgentMethods account, and navigate to Website>Manage Content. Select "edit" next to the page you want to edit.

Step 5 - Paste the File URL into the Page

Now that you have the page open for editing, you'll add the image to the page.
- Put your cursor where you want the image to appear and click on the "add image" button . This will open the "add image" window.

1. In this window, paste the File URL next to "Image URL" by clicking your cursor into the field and pressing "control-v".
   
2. You can also set the image alignment to appear center, left, or right.
   
3. Click on "Insert" to add the image to the page.
   
4. Finally, click on "Save".

Step 6 - Preview the Page to See Your Image

The image is now on your site! Browse to the page and you should see it appear. If it doesn't appear, refresh the page.

Additional Tips and Tricks

Once an image is uploaded, here are some tips and tricks you can try:

• If an image is too wide for a page, you can 'shrink' the image by adjusting the dimensions in the 'insert/edit image' window on described in step 5. Once you put paste the image URL in the window, the height and width measurements will show up. Making these smaller will squish the image to fit. Just make sure you use the same ratio for both height and width so the image doesn't get distorted.
• Link to an image. Another trick is to link to an image, so instead of putting it a page, you put a link in the page that opens in a new window. You can do this by typing the text you want the link to be, selecting it, and clicking on the link icon. Put the image URL for Link URL and select "Open link in a new window" to make it pop up.
• Make an image a link. You can also make an image be a link. To do this, insert the image into the page. Then, while still editing the page, highlight the image and click on the link icon.

Try combining all three tips to shrink an image and make it open full-size in a new window when clicked on!