thegeneralyst/AnopaDocs

Getting Started

1. Install Anopa

Open your Framer project and install Anopa from the Framer marketplace.

2. Configure your Shopify store

In your Shopify admin, navigate to Apps → Develop apps and create a new app. Under API credentials, enable the Storefront API with the following scopes:

  • unauthenticated_read_product_listings
  • unauthenticated_read_product_inventory
  • unauthenticated_write_checkouts
  • unauthenticated_read_checkouts
  • unauthenticated_read_selling_plans

Copy your Storefront API access token.

3. Add your credentials to Anopa

In Framer, open the Anopa plugin panel and enter:

  • Storefront domain — your-store.myshopify.com
  • Storefront API token — the token from step 2

4. Add your first component

Drag AnopaCatalog onto your canvas. Your products will appear automatically once the credentials are saved.

API version note: Anopa requires Storefront API version 2024-04 or later. Earlier versions do not support optionValues.swatch.color, which powers the color swatch filter.