Start with the content you need
Shopiframe creates and manages a Framer CMS collection for product content. Keep required fields such as Title and Product Data, then enable the optional descriptions, images, tags, or vendor information your design needs. Products must be available to the connected Shopify storefront before they can appear in the sync.
Design with CMS bindings
Connect content fields to standard Framer layers on product detail pages and inside Collection Lists. Bind the CMS Product Data field to product-aware Shopiframe components, passing it through nested components when needed. Your Framer plan’s CMS capacity still determines how much content the project can hold.
SCREENSHOT NEEDED
Add a Framer CMS screenshot showing a custom editorial field beside synced product fields. Use sample values and hide store credentials.
Keep editorial content alongside commerce data
Add custom Framer fields for campaign images, editorial labels, or longer stories. Their values are preserved when product data is synced. Supported Shopify product metafields can also be brought in after their definitions and namespace.key identifiers are configured; empty or unsupported values may not sync correctly.
SET UP YOUR WORKFLOW
From setup to storefront
Connect the catalog
Connect your Shopify store and create or open the managed Shopiframe CMS collection. Confirm the products are published to the connected storefront.
Configure and sync CMS fields
SCREENSHOT NEEDED
Show the plugin CMS field settings and Sync Products action. Hide credentials and private store details.
Choose the fields and supported metafields you need, then trigger Sync Products through the plugin or CMS workflow. This is not continuous, automatic real-time CMS sync.
Bind content to the design
Use Framer CMS bindings for editorial and product content. Keep the managed content collection distinct from the connected components’ live commerce behavior.
QUICK ANSWERS