Can images be linked in Webflow?

TL;DR
  • Add an image element to the canvas and upload your desired image.
  • Wrap the image in a Link Block by dragging the image into it.
  • Set the link destination in the Settings panel, choosing between internal pages, external URLs, email addresses, or phone numbers.
  • Style the Link Block using the Style panel to fit your design criteria.

Yes, images can be linked in Webflow to create clickable elements that direct users to other pages or websites.

​

1. Add an Image

  • Drag an Image element from the Add panel to your desired location on the canvas.
  • Upload your image by selecting it and clicking on the "Choose Image" button.

​

2. Wrap the Image in a Link Block

  • Select the image you want to link.
  • Click on the Navigator and add a Link Block from the Add panel.
  • Drag the Image element into the Link Block. This action makes your image clickable.

​

3. Set the Link Destination

  • Select the Link Block that now contains the image.
  • In the Settings panel, set a link in the URL field.
  • You can link to an internal page, external URL, email address, or phone number.

  

4. Style the Link Block

  • Select the Link Block and use the Style panel to adjust its appearance according to your design needs.

​

Summary

You can easily link images in Webflow by placing them inside a Link Block and setting the desired link destination, enhancing navigation and user interaction on your website.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Is there a way to auto-scroll the page in Webflow after a certain amount of time, without the script automatically scrolling back up if the user has already scrolled past the designated point?
What is the best approach for copying sections with nested content across multiple pages in Webflow?
How can I combine features from two different Webflow templates into one website without being a developer? Copying and pasting pages seems difficult in Webflow, so are there any tutorials or step-by-step instructions available? Thank you!
Is there a way to include an identifier for each recommendation in the feedback form data on Webflow CMS? Can the feedback form data also include the identity of the logged-in user?
What is happening with Webflow? Has it lost its magic and stability over the years?
What is the correct code snippet to prevent search engines from crawling a page in Webflow? And should the "noindex/nofollow" code be added to empty collection pages and the 404 page?
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Why is my Webflow site blocked for bots and why is the sitemap verification in Google Search Console not working?
How can I implement GreenSock's GSAP ScrollTrigger and TextPlugin together in Webflow?
How can I fix the "Uncaught ReferenceError: $ is not defined" and "Uncaught SyntaxError: Unexpected token <" errors on my Webflow site?
How can I make the blue gradient in the background of my Webflow site follow the cursor all the time, even when hovering over cards or images on the page?
How can I resolve the issue of images not loading when changing pages or searching for results on Webflow, specifically with regards to a pagination setup using Finsweet? This problem only occurs on the production site, as the staging site works without any issues.
Can successful form submissions in Webflow be redirected to another page for further instructions or can the content within the "form wrapper" be replaced after successful submission?
Is there a workaround in Webflow to make all slides equal height based on the tallest slide?
When should you consider using Webflow Ecommerce for a "simple" ecommerce site without extensive features like multi-channel sales and accounts?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?