How to Add an Image to Your Website

Below is a tutorial on how to upload and add an image to a custom page on your HXOF store. If you haven't already created a custom webpage on your store, please see our How to Create a Webpage tutorial.

For the purpose of this tutorial, we will use an image named "yourimage" that has an image extension of ".jpg". The method below is also used for other image extensions (.png, .tiff, .gif, etc.) and files (.pdf, .swf, etc.)

Step 1:

Save an image to your desktop and name it "yourimage".



Step 2:

Click "Upload Files" in Store Management



Step 3:

  1. Click "Browse"
  2. Select the saved image from step 1, "yourimage.jpg", from the pop-up box
  3. Click "Open"


Step 4:

Click "Upload"



Step 5:

Navigate back to Store Management.



Step 6:

Click "Configure Custom Web Pages".



Step 7:

Select the webpage you would like to add an image to.



Step 8:

By using the following HTML code for images,

<img src="custom_images/yourimage.jpg" alt="Image Description" width="250" />

You will display the image upload in Step 3:

Image Description

"custom_images/" is the folder where your images are stored. When adding additional images, just change "yourimage.jpg" in the code above to the name of the new file or image you have uploaded under "Upload Files" in Store Management.

In the above HTML code, you see alt="Image Description". In between the "-" of alt="Image Description", place the name, description or sku number of the image so search engines know what they are looking at. You can upload the image into "Upload Files" as the size you want to display on your store or you can use width="the size you want", where "the size you want" is your desired image width in pixels.

If you would like to have the image click to a webpage, visit our tutorial on How to Add a Web Link.

Step 9:

Click "Modify Page"



Step 10:

Refresh the page on your web browser to see your image displayed on your store.