Interface Management Site - Custom Images Tab

Concept

The Custom Images tab within the Interface Management Site allows you to upload and store an additional 12 images/graphics for use on your site. These extra images can be used within the header or footer or as background images for specific areas of your site design. The use of additional images can enhance your site's design, further complementing your museum's main website.

Task

Uploading an Image

1. Sign into https://admin.pastperfectonline.com/.
2. Select the Custom Images tab.
   
   
   
   
3. Click Add Image.
   
   
   
   
4. On the next screen that appears, enter a description for the image you are about to upload.
   
   
   
   
5. Click the button to the right of File to Load. This may say Choose File or Browse, depending on your browser.
6. Navigate to where your image is saved.
• Note: You can only upload JPG, PNG, or GIF files.
7. Select your image and click Open.
8. Once your Description is entered and your file is selected, click Save Image.
   
   
   
   
9. You will be brought back to the Site tab in IMS.
10. Click the Custom Images tab.
11. Your image will be listed with the given description.
12. If you want to delete an image click the Remove button next to the Description of the image you wish to delete.
    
    
    

Using your Images

This example will demonstrate how to add an image from the Custom Images tab to your footer.

1. Copy the URL for your image as displayed on the Custom Images tab in IMS.
   
   
   
   
2. Click on the Header/Footer tab.
3. In the Footer text field enter HTML for the image using the URL from the Custom Images tab.
   • HTML Example for an Image:
     <img src="https://s3.amazonaws.com/pastperfectonline/museumlogos/images/4845/original/FooterLogo.png" alt="Museum Homepage">
   • HTML Example for Hyperlinked Image:
     <a href="https://museumsoftware.com/" target="_blank"> <img src="https://s3.amazonaws.com/pastperfectonline/museumlogos/images/4845/original/FooterLogo.png" alt="Museum Homepage"> </a>
4. Click the Update Museum button at the top or bottom of your page to save your changes.
5. Click your Open Web Site link at the top of your page to view your changes.

References

• Accessing your Interface Management Site (IMS)
• Making IMS Changes and Refreshing your Site
• Interface Management Site – Changing Site Logo
• HTML Basics