Links are vital to direct visitors and help them navigate a website with ease. In your EHQ you want to make sure that you have plenty of links in projects - for example to direct people to certain documents or tools - and to have links across projects to entice your visitors to engage in more than one project.
Links don’t necessarily have to be plain text but can be images too. Adding clickable images is a great way to include call to actions while at the same time adding colour and beauty to your project.
Take a look at this example on a current EHQ site. Not only are there a range of buttons in the description, there is a beautiful clickable image in the widget space too.
As done in the example consider including clickable images in custom widgets to link from one project to another. To achieve this you need to some basic HTML that you can copy below, paste into the source editor of your custom widget (see image below) and fill in the parts in the quotation marks. If you have never worked with HTML before, don’t sweat it, it is really quite simple:
<a href="insert destination URL here"><img src="insert image location here" alt="insert description here"></a>
What does this mean?
- insert destination URL here: This is the actual link where you want to direct your visitors to when they click on the image.
- insert image location here: This is the location of the image you want to make clickable (hence ‘img src’. src stands for source). If you have uploaded your image into your EHQ you can obtain the source link of the image by following these instructions.
- insert description here: Use an alternative description. This is important for accessibility reasons.
And that is all. Now you should have a clickable image in your custom widget. Feel free to ask further questions or make comments below.