# How To Add A Link To An Image In Webflow

> To add a link to an image in Webflow, locate the image, add a Link Block from the Add Elements panel, and place the image inside the link using drag-and-drop or the Navigator. Then, configure the link settings in the right sidebar and use the Preview button to test it.

Canonical: https://livedemo.ai/tutorials/how-to-add-a-link-to-an-image-in-webflow/
Apps: Webflow
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a014d243f01ed60a4f0e5/preview?step=1

## Steps

1. Locate the image you wish to add a link to.
2. Go to the Add Elements panel from the left sidebar menu.
3. Under Basic blocks, locate the Link Block .
4. You can either drag and drop this block on top of your image.
5. Or use the Navigator panel from the left sidebar menu to make the image a child of the link (image should come under link).
6. Verify that the Image is under the Link Block .
7. Your image is now contained inside a link block. To edit link settings go to the Settings tab from the right sidebar menu.
8. Customize your link URL and behavior.
9. To test your link use the Preview button from the top.
10. Your image will now contain a link you can click to open.