Agentic demo automation is here.
Meet Lily
This interactive demo was created free with Storylane in 2 minutes. Create your own demo
This interactive demo was created free with Storylane in 2 minutes. Create your own demo
Start free

How To Add Background Image In Webflow

‍

Here is how to add a background image in Webflow:

  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 Image & 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!
Similar Articles

How To Add Animation In Webflow

How To Add Slider In Webflow

How To Animate In Webflow

Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Build Killer Demos in 2 Minutes
Chrome Extension Icon
Try our Chrome extension
DOWNLOAD

Desktop app for macOS
DOWNLOAD
Backed by
Y combinator
AICPA SOC
GDPR
Products
Guided DemosSandbox DemosDemo Hub
Featured
Account RevealPersonalizationIntegrations
Solutions
EnterpriseGrowth & Demand
MarketingProduct MarketingSalesPresales
Resources
BlogTutorialsHelp DocsWhat’s NewDemo DundiesPlaybooks
Company
CareersPricingPartnersContactTrust CenterDemo Abuse
Customers
Demo ShowcaseCase Studies
Built in San Francisco Bay Area - ©2025 Storylane
Backed by
Y combinator
AICPA SOC
GDPR
Privacy PolicyTerms & Conditions
X Corp (formerly Twitter)LinkedIn
This website uses cookies to ensure you get the best experience on our website. Learn More
Got it