The best way to add a single image to a page is to upload it to the photo gallery and then use its web address (URL). Do not copy and paste images directly into the HTML widget box – this will cause performance issues with your site which may not come to light until you have several images placed on your site’s pages.
Follow the steps below to get the photo’s URL:
- Open a new tab or window with another view of your site and you should be signed in already.
- Now go to your public Photo Gallery OR go to Administration>Gallery>Manage Photos (illustrated below).
- Find the photo that you want to use and click on it to get the full size view.
- Now right click on the chosen photo and select Copy Image Location (Firefox), Copy Image Address (Safari), Copy Image URL (Chrome). See pages 3 and 4 for Internet Explorer 11 instructions.
For Microsoft Edge right click on the image and select Copy (not Copy picture).
- To find the URL of a photo using Internet Explorer, right click on the image as before but select Properties.
- Highlight the URL and copy it.
Having copied the photo’s address to your PC’s clipboard, return to Site Builder>Widgets and select the HTML widget.
Click on the image icon.
Paste the address from the clipboard into the Image Address box.
Click Insert Image.
If you want to add text beneath the image, it needs to be in place before the image is inserted. After entering the text, move it down by inserting a couple of blank lines. Place the insertion point into an area above the line(s) of text before selecting the image icon.
When the image has loaded into the widget, it will be too big to view. Its size on the web page will be determined by the width and height specified in the widget.
In the screenshot below, the widget size will be 220 x 220 pixels.
Save the widget and view its position and size on the Site Builder page. You can always make adjustments later.
Repeat the steps above to add more images such as a club logo, remembering to upload the image into the photo gallery first.
This is the Home page view of my site, with a logo and the photo added.