Prerequisites

Before we start

While not strictly necessary for using topi Elements, your integration with topi would not be functional if your backend is not also integrated with topi's backend. Things like offer creation, setting up shipping methods, and receiving webhooks are not handled by topi Elements, which is a frontend library. See Integration Guide.

To use topi Elements, you must ensure that you have imported your catalog into topi. This allows us to match products that your frontend provides with product data in your catalog in topi's backend.

Haven't synced your catalog yet? See Syncing your Catalog.

Already setup syncing of your catalog? Then let's hop to the next page and start writing some frontend code!