Key features

The Commerce Storefront powered by Edge Delivery Services offers several key features that benefit both merchants and developers. These features enable businesses to create engaging shopping experiences while maintaining the flexibility to customize and scale their storefronts according to their needs.

For more detailed information and guidance on setting up and optimizing your Commerce Storefront, see the Adobe Commerce Storefront Documentation.

Merchants

The Commerce Storefront powered by Edge Delivery Services provides an intuitive document-based authoring experience that makes it easy for merchants to create and manage content. Using familiar tools like Microsoft Word or Google Docs, merchants can create rich content while maintaining version control and collaborating with team members.

  • Simplified content creation: Create and edit content using familiar document-based authoring tools, like Microsift Word or Google Docs.

  • Real-time preview: See changes instantly with live preview capabilities before publishing.

  • Version control: Track content changes and easily roll back to previous versions.

  • Collaborative workflow: Multiple team members can work on content simultaneously with built-in review processes.

  • Content reuse: Create content blocks that can be reused across multiple pages to maintain consistency.

Developers

Headless implementation enables developers to decouple the frontend presentation layer from the backend commerce functionality, allowing for flexible, custom storefronts built with modern technologies while leveraging Commerce’s robust backend services.

  • API-first architecture: Build custom frontend experiences using modern frameworks while leveraging Commerce backend services.

  • Composable components: Create and deploy modular, reusable components that can be assembled into different page layouts.

  • Extensible platform: Add custom functionality through APIs and webhooks without modifying core code.

  • Modern development tools: Use industry-standard development tools and workflows for faster implementation and deployment.

NOTE
While the Commerce Storefront offers numerous advantages, Adobe continues to support the original Luma-based storefront. Businesses currently using Luma can continue to operate without disruption and have the option to transition to the new storefront at their own pace. The remaining sections on this page are based on Luma examples.

Home page

Did you know that most people spend only a few seconds on a page before they decide to stay or go somewhere else? It is not long to make an impression. Studies show that people also love photographs, especially of other people. Whatever design you choose, everything on your home page should move visitors along toward the next step in the sales process. The idea is to guide their attention in a cohesive flow from one point of interest to the next.

Example storefront home page

Catalog page

Catalog page listings typically have small product images and brief descriptions, and can be formatted as a list or as a grid. You can add blocks, videos, and keyword-rich descriptions, and also create special designs for a promotion or season. You might create a special category to feature a lifestyle or brand that is a curated collection of products from different categories.

The initial product description usually gives shoppers enough information to merit a closer look. People who know what they want can add the product to their carts and go. Customers who shop while logged in to their accounts enjoy a personalized shopping experience.

Collection page on the storefront

Search results

Did you know that people who use search are nearly twice as likely to make a purchase as people who rely on navigation alone? You might consider these shoppers to be pre-qualified.

With Live Search for Adobe Commerce, your store delivers a fast, super-relevant, and intuitive search experience, and is available for Adobe Commerce at no additional charge.

Live Search example - search as you type