Adobe Commerce Storefront Options

Transcript

IT leader Jessica has multiple storefront options. Luma, our traditional storefront or theme that is coupled with the Adobe commerce backend. A PWA studio SDK to build native progressive web application storefronts. This offers full coverage of B2C shopper facing scenarios. A PWA storefront can be deployed with an Adobe commerce installation or it can be decoupled and deployed as a separate service. The most recent option is edge delivery services for Adobe commerce. It’s a blazing fast decoupled front end integrated with the rest of Adobe’s digital experiences. Edge delivery services for Adobe commerce is a composable front end that enables e-commerce leader David to enable the use cases he needs. He can choose from catalog browsing and search, product details and configuration, cart management, checkout, and account management. Composable commerce components are also available as standalone front end applications. This way it can power the commerce flows on whatever custom front end implementation IT leader Jessica has chosen. There are more than 300 sites live with edge delivery. Data from these sites consistently show up to 3x increase in organic traffic monthly. Traffic acquisition comes at zero cost. These end up saving David’s companies hundreds of thousands of dollars. Now using drop in components, David gets the fastest e-commerce sites on the internet capable of launching within weeks powered by Adobe commerce. With edge delivery and drop ins, developer Ali only needs to know knowledge and experience in HTML, CSS, and JavaScript. There are no dependencies on complex frameworks. Edge delivery is an opinionated way to design, build, and deliver storefronts and provides a starting Lighthouse score of 100. Then as your teams create new pull request, you can see changes in your score. If you dip below 100, you can evaluate Y and adjust, keeping your perfect Lighthouse score of 100 across all pages. Developer Ali has the pre-optimized project accelerator available to start off a new project. It connects all the composable parts of the storefront and includes pre-built integrations with other Adobe solutions, such as Adobe’s real time customer data platform, Adobe Journey Optimizer, and Customer Journey Analytics. Adobe Commerce also integrates with AEM assets. This combines Adobe Commerce with the robust capabilities of AEM as a dam. Businesses can efficiently manage and deliver large volumes of product images within Adobe Commerce with low or even no operational effort. Once the integration is configured, product images are seamlessly available on Edge Delivery Storefront with no additional implementation required. Edge Delivery Services for Adobe Commerce natively integrates with the Adobe Commerce Events SDK. This means it listens for and handles storefront events. Things like a shopper adding a product to their cart This also works with the real time experience personalization through activations and real time CDP audiences within Adobe Commerce. Merchandiser Emma can create unique offers in the cart, such as buy two, get one free, hero banners, and more. Emma can track user data collected using the storefront events in a ROM dashboard in real time. Developer Ali is demonstrating rapid launch potential for new sites. She’s setting up a new storefront using Edge Delivery Services for Adobe Commerce. Adobe provides a project accelerator. It’s available as a public GitHub repository called the AEM Commerce boilerplate. Developer Ali clones and installs a boilerplate, has a starter site ready for modification within minutes. Every PR Ali pushes up to his project has an integrated Lighthouse score check to ensure no performance drop. Using the design system within Edge Delivery Services you can quickly match the brand’s visual appearance by only adding CSS. After the site is up, business marketer, Noah can also update and publish changes quickly using document based authoring enabled in commerce context through the use of content blocks. In this way, Edge Delivery Services for Adobe Commerce makes commerce functionality readily available to the content authors in a no code environment allowing Noah to easily add some checkout functionality to any page. In true composable commerce fashion, business users can move these commerce blocks around on the page, laying their site out exactly as they wish. All this without needing to go back to the engineering team.