i-Clarity Hub

Adding images to email communications

I-Clarity Version: i-Clarity

You may wish to add images to your email communications such as your email footer, appointment confirmations, ad hoc and marketing communications.

To do this you need to upload your image to your website, or an alternative image hosting website. Your image should then be reachable from any web browser using an address such as: 'https://www.opticianwebsite.co.uk/images/myimage.jpg'.

Inserting an Image using the WYSIWYG editor.

If you are using the WYSIWYG (What you see is what you get) editors to create your document then you can select 'Insert > Image' as per the screenshot below.

This will load a window (screenshot below) where you can input the image URL

Then press OK. This will insert the image into the body of your communication.

Inserting an Image using the RAW HTML editor.

Please Note: This is only advised if you have an understanding of HTML code.

The tags required to insert an image are:

<img Tells the code that you'd like to load an image
alt="" Allows you to write a description of the image. This is helpful to users who can't see the image.
src="" The web address of the image you've uploaded.
/> Tells the code that you've finished loading the image

<a Tells the code that you'd like to start a link
href="" Allows you to specify the destination of the link
> Closes the first part of the link. Anything entered directly after this will be the link content - for example the image.

</a> Tells the code that you've finished adding the link.

Example 1: Basic Image

Example 2: Image with Link

Back