Store Configuration
Manage your active store and store settings from Store Configuration.
Demo Store
While the Demo Store is active, you can continue designing with sample Shopify data. All Shopiframe components are available for testing and configuration.
When you’re ready to connect your real Shopify store, sync the CMS once. Your design will stay intact and automatically use your store’s data.
Configure Markets and Localization
Use Default Market to choose the initial country and currency for your storefront. Visitors can switch to another enabled market using the Market components.
Default Market is available only when your Shopify store has more than one market. Configure your markets in Shopify first; Shopiframe loads the available markets when you connect your store.
Use Language Code for localized Shopify requests, such as displaying prices. Set it to match your Framer site’s primary language.
Enable Subscriptions
Enable Selling Plans (Subscriptions) if you want to offer subscriptions through Shopiframe,
Before enabling it, make sure:
Your Headless storefront token has permission to read selling plans
You plan to use Shopiframe’s Subscription component
Shopiframe verifies the token automatically. If verification fails, update the Storefront permissions in Shopify Headless, save them, and then enable the setting again.
CMS Collection
Use the Open CMS Collection button to manage the products. From there, you can:
Sync new or updated Shopify products
Change CMS fields configuration
Add additional product image fields.
Create editable custom CMS fields
Import Shopify product metafields
Disconnect a Store
Only the store owner can disconnect a connected store. When you disconnect:
The project switches back to the Demo Store
The Store Credit is returned to your account as unused credit
After disconnecting, sync the CMS again so it matches the Demo Store.