Skip to main content

​
How It All Connects

Here’s the complete flow from browsing to purchase: The journey:
  1. Browse: Your frontend fetches products and collections from the Storefront API
  2. Cart: Customer adds items, you manage the cart via API
  3. Checkout: Redirect to Fourthwall checkout with the cart ID
  4. Complete: Fourthwall handles payment, then returns customer to your site

​
Deployment Options

If you build your storefront on the Fourthwall shop editor, your shop is served directly from our servers to your customers. While this is a great way to get started, it does have some limitations. To build a truly custom experience, you can build your own frontend and use the Storefront API to pull in products and handle the cart process.

​
With a proxy

The most straight-forward way to build a custom storefront is through a proxy server. We’ve optimized for a setup through Vercel, though other services like Netlify would work as well. In this setup, your frontend application will make API calls to the Vercel backend. The Vercel backend acts as a proxy that will then make calls to the Fourthwall API. Your Vercel application can contain whatever code you want, allowing for a fully customizable storefront.

​
Separate frontend

It is also possible to build your custom site as a static frontend only site. In this setup, the static site will make API calls directly to the Fourthwall API.