How do I insert an image into my website or webpage and turn it into a clickable link?
There are two ways to add an image and make it a clickable link in Sitefinity: using a Content Block or configuring the Image Widget properties.
Option 1: Link an Image Using a Content Block
- Add a Content Block. Drag the Content Block widget onto the page or edit an existing Content Block.
- Insert an Image. Place your cursor where you want the image to appear and use the image insertion tool to select an image from your library.
- Select the Image. Click the inserted image within the Content Block editor.
- Add a Link. Use one of the following tools:
- Hyperlink Manager: Link the image to a webpage or email address.
- Document Manager: Link the image to a document or file.
- Save Your Changes. Save the Content Block and publish the page when ready.
Option 2: Link an Image Using the Image Widget
- Add an Image Widget. Drag the Image widget onto the Page Editor where you want the image to appear.
- Select an Image. Click Select an Image in the widget or click Edit in the upper-right corner.
- Choose an Image. Select the desired image from your image library and click Done.
- Configure Image Properties. Enter the appropriate title and alternative text for accessibility. Under This image is a link…, select To selected page… and choose the page you want the image to link to.
- Save and Publish. Save your changes and publish the page when ready.
Note: The Image Widget's built-in linking option is intended for linking to a selected page. For greater flexibility, including links to external websites, email addresses or documents, use the Content Block method.