# How To Add Background Image In Webflow

> To add a background image in Webflow, select your target element, open the Style tab, expand the Backgrounds section, and click the plus icon next to Image & Gradient. Then, choose your image from the placeholder or assets and explore additional settings to finalize your background.

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

## Steps

1. Select the element or section you wish to apply a background image to.
2. Go to the Style tab in the right sidebar menu.
3. Scroll down to find Backgrounds and click to expand.
4. Next to I mage & Gradient , click on the ( + ) icon to add an image.
5. By default, a placeholder image will be applied. Click on Choose image to set your own image as the background.
6. You can select the image from Assets as well. Simply click to apply.
7. Explore more settings and options to set your background and you're done!