Storefront Web Components

Summary

<h1>Storefront Web Components</h1> <p>Storefront Web Components let you bring Shopify-powered commerce capabilities to any website. Display products, showcase collections, and offer a checkout, all with a few lines of embedded HTML. </p> <h2>How Storefront Web Components work</h2> <h3>How Storefront Web Components work</h3> <p>Storefront Web Components are a set of HTML components that handle the complexity of querying Shopify's Storefront API, letting you display products, collections, and shopping cart functionality on your website without having to write complex JavaScript code. After you add the `<shopify-store>` and `<shopify-context>` components to your markup and configure their attributes, you can access your store's data and then style it using CSS or HTML to create tailored shopping experiences. Storefront Web Components are built for a wide range of use cases, from embedding your products and collections within existing content to building new pages for your site. </p> <h2>Resources</h2> <h3>Resources</h3> <p>Follow the step-by-step guide to add Storefront Web Components to your project or browse sample code with live previews in the playground.</p>