- UK 029 20 504 807
- Log in to edit your site
A web page containing lots of text will be informative, but you will usually wish to use images or photographs in your pages in order to make the content more appealing to your visitors, as well as to demonstrate ideas and concepts.
This tutorial explains how to insert an image into a page and position it as required. Note: it is assumed that you have already uploaded the images to your Image Library, if not please refer to the Image Library section.
Locate the page that you wish to insert an image into in the Page Manager, and click the pencil icon next to it to open it in the Page Editor.
Choose where you would like to insert the image (this can be approximate, as you are able to move the image later) by clicking inside the editor at the correct place. The flashing cursor (insertion point) will be displayed - you can always use the cursor keys to move it to the exact location. In the example below, we are going to insert the image at the start of the second paragraph.
Simply click on the Image toolbar button in the page editor, as shown on the left.
We will look at the options available in the Image Properties window later. For now, open the Image Browser by clicking on the "Browse Server" button.
Locate the image you wish to insert by using the "Image Navigation" controls - you can browse the library using either the "show more images" links, or the page links at the bottom.
Once you have found the image, click on it. The background will start flashing (as shown to the right) to show it is selected.
You can then click the "Insert Image" button to use the image.
Now that the image has been selected, it is displayed in the "Preview" window, allowing you to see how it will appear when inserted into your page (the screenshot to the right shows an image preview after some settings have been changed). The available options are as follows:
Once you are happy with the settings, as shown in the preview, click the "OK" button to insert the image into the page.
If you wish to move the image to a different position within the page content, simply click-and-drag the image. As you drag it, you will see the insertion point appear at different locations within the text - simply release the mouse when the cursor is at the correct point.
If you need to change the alignment, border, etc (as defined in step 6), right-click the image and choose "Image Properties" from the popup menu.
Click the "Save & Publish" page to save your changes to the website. You can also click the "Save Changes" button if you wish to make further changes before going live.