If you want to use a URL as an image in Webflow, you must convert the imported URL into an image display. Here's how you can do it:
1. Import Image URLs Correctly
- Ensure URLs are valid: Make sure each URL you imported actually links to a public image file.
- Format image URLs in the CSV: There’s no need to surround them with quotes or any special characters.
2. Create a Collection
- Go to your Webflow Dashboard and navigate to the CMS Collections section.
- Create a new Collection or use an existing one where you've imported the URLs.
- Ensure you have a Text Field in your Collection to store the URLs.
3. Bind URL to Image Element
- Open a page where you want to display the image.
- Drag an Image element into your design canvas.
- Bind the image element to your collection: Select the image element, go to the Element Settings Panel, find the Dynamic Source, and set it to the image URL field from your Collection.
4. Use the Image URL in Design
- Double-check: Ensure the chosen dynamic source is the URL text field and that it directly points to image files.
- Preview your site to confirm that the images display correctly from the URLs.
Summary
To display an image from a URL in Webflow, import the URLs as a text field in your collection, bind this field to an image element, and verify that the URLs are valid image links. This method effectively turns text-based URLs into visual content on your Webflow site. If you encounter issues, recheck that the URLs correctly point to image files accessible from anywhere on the web.