Prerequisites

Before we start

topi Elements is a frontend library. It does not handle offer creation, shipping methods, or webhooks. For a working integration, your backend also needs to integrate with topi's backend. See the Integration Guide.

To use topi Elements, import your catalog into topi first. This lets topi match the products your frontend sends against the product data in your catalog.

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

Already syncing your catalog? Continue to the next page to start writing frontend code.