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.

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 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. 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:
   

Go to Article Navigation

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 on your Editor Widget with the image you wish 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:
   
   
   Note: For an external link to work, you must add HTTPS:// to the beginning of your URL.
   • Open in new tab: Clicking this checkbox will cause the link to open in a new tab
8. Click the Update button:
   
9. Click the Done Editing button to exit the Editor widget:
   
10. Click the Save button:
    

Go to Article Navigation

In-Article Glossary

Review the Help Center Glossary, a comprehensive explanation of the acronyms, abbreviations, and company-specific terminology. The terms located in this section are listed alphabetically:

• Alt Text: Alternative Text
• URL: Uniform Resource Locator
• WCAG: Web Content Accessibility Guidelines

Go to Article Navigation