Linking Images

This article will show you how to link an image in the Image Widget or an image inserted into the Editor Widget.

Important Note:

Linked images’ Alt Text should describe the function as well as the content. Images linked to documents must include the document extension in the alt text, per WCAG 1.1.1.

Who can use this feature?

System Administrators | Owners | Publishers | Authors

Using the Image Widget

1. Log in to your website solution.

   Note:

   Website preferences may change what this looks like, but adding "/admin" to your website's link will take you to a sign-in screen for administrative login

2. Navigate to your desired page.

3. Ensure that the Live Edit state is toggled to ON:

4. Place an Image widget onto your page, or hover over an existing Image widget, then click the Image Widget Options button:

5. Check the Image is a link checkbox option:

6. Add the URL being linked to the Link URL field:

   • Open the link in a new window: Clicking this checkbox will cause the link to open in a new window

7. Click X to exit the Image Widget Options dialog box:

8. Click the Save button:

Using the Editor Widget

1. Log in to your website solution.

   Note:

   Website preferences may change what this looks like, but adding "/admin" to your website's URL will take you to a sign-in screen for administrative login

2. Navigate to your desired page.

3. Ensure that the Live Edit state is toggled to ON:

4. Add an image to the Editor Widget.

5. Click the image in the Editor Widget that you want to link to begin editing:

6. Click the Insert Link button in the Image Options toolbar:

7. Enter the URL or Email Address to be linked in the URL field:

   • URL: Enter the web address for the link

   • Open in new tab: Select to open the link in a new browser tab

     Note:

     For an external link to work, you must add HTTPS:// to the beginning of your URL.

8. Click the Insert button:

9. Click the Done Editing button to exit the Editor widget:

10. Click the Save button: