Browsing products

Using the Storefront API and developer tools, you can explore creative new ways to engage with customers across websites, mobile apps, video games, and smart devices. For example, you can retrieve data about a single product or a collection of products to build a customer-facing browsing experience.

This guide introduces you to the tutorials that cover workflows for managing browsing experiences on a storefront.

What's a browsing experience?

A browsing experience is the way in which customers look for and view products on a storefront. The details that you provide for a product affect the way that the product appears to customers, make it easier for you to organize products, and help customers find the product.

International pricing

International pricing is determined by the customer's shipping address. Merchants can control international pricing on a storefront by setting separate product prices and price adjustments for different countries and regions.

To learn how to query international prices for products and orders, and explicitly set the context of a cart and checkout, refer to Support international pricing on storefronts.

Diagram showing different prices of the same product based on customer location

Multiple languages

If your storefront offers content in multiple languages, then you might need to retrieve the translated content for display purposes.

For example, you might add translations of product information and email notification templates using the GraphQL Admin API so that a merchant can send customers email notifications in multiple languages.

To learn how to retrieve translated content using the Storefront API, refer to Support multiple languages on storefronts.

Filtering

You can filter products in a collection based product type, vendor, variant options, price, and whether the product is in stock.

To learn how to build a desired customer experience on a storefront, such as displaying search results to customers, refer to Filter products in a collection on storefronts.

Local pickup

You can display whether a product is in stock and available for local pickup using the Storefront API. Customers can then pick up their online orders at a retail store, a curbside pickup location, or any location that a merchant chooses.

For more information, refer to Support local pickup on storefronts.

Example of a local pickup option displayed on a storefront

Subscriptions

Customers might pay for goods or services per delivery, or make a single payment upfront for products.

To learn how to retrieve information about subscription products, and create a cart with a subscription line item, refer to Manage subscriptions products on storefronts.

One-time and subscriptions shipping screenshot

Metafields

You can retrieve metafields with the Storefront API to access additional information from different types of resources.

To learn how storing data in metafields works and how to expose, retrieve, and hide metafields with the Storefront API, refer to Retrieve metafields with the Storefront API.