Quickstart
From an empty Framer project to a synced storefront in five steps.
Updated:
Here is the full path from nothing to a synced storefront.
Step 1: Install Framix
Install Framix from the Framer Marketplace, then open it from the Plugins menu inside your Framer project.
Step 2: Sign in
Enter your email under Email, then click Send code.
You see Code sent to your address. Check your inbox.
Enter the 6-digit code, then click Verify & sign in.
No password is needed. The first verified code creates your account automatically.
Step 3: Connect your Wix store
Click Connect Wix Site.
A new window opens where you authenticate the plugin with Wix OAuth.When you see the message that the app was installed successfully, close the pop-up window.
Back in the plugin, enter the Store owner email, then click Confirm & connect.
The Home tab shows Connected, with your store name.
Step 4: Create a collection and sync
Click Create new collection. Framix names it after your site.
You see a confirmation that the collection was created.
Open the collection, then click Sync now.
You see Sync complete, then the number of items synced.
Step 5: Add the buy components
Open the Insert tab. Drag Buy Button, Variant Selector, Variant Image, Cart Button or Qty Stepper onto your page, or click to insert.
You see Inserted. The Wix Client ID and theme colors are pre-filled automatically.
That is the whole flow. The deeper articles cover each step in detail.