# How To Add Image In Webflow

> To add an image in Webflow, go to the Add Elements tab, find and drag the Image element to your desired location, open the Image Settings, and select or drag an image from the Assets menu to replace the placeholder.

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

## Steps

1. Go to the Add Elements tab from the side menu.
2. Scroll to the Media section or simply search for the Image element.
3. Drag the image element to where you wish to place it.
4. This will place an image element with a placeholder and open a pop-up menu for Image Settings . These settings can also be found on the right sidebar menu.
5. You can select an image to replace the default placeholder by clicking on Choose image .
6. This will open the Assets menu to allow you to make a selection. Note that you can also directly drag images from the Assets menu or your system to upload.
7. You have successfully added an image in Webflow.