Adding external images to Webflow pages in designer

Publishing help SEO
1

I’m trying to find a process in the Webflow designer to use outside images in my website, so when I export the code, all the URL links work properly. I’m not able to use Webflow hosted solution, but I want to build my pages using the designer.

Process
My images reside on Cloudinary- https://res.cloudinary.com/produckapp/image/upload/v1568044182/webflow/mightsmart/jacky-chiu-554452.jpg

I want to create my pages and select these images to display. Cloudinary handles image resizing, so I don’t need multiple images in my assets folder when I zip up the project.

Thanks.

2

You can add an embed component for each image, with the image HTML code inside.

3

Thank you- that works for images, but what should I do for a BG Image?

12
121582×302 42 KB

4

You define the bg image for a class in a CSS custom code that you add to any of your Embed components. Then you apply the class in the selector box to any element in webflow Designer