Get started with Shopiframe
Set up a working Shopiframe project in three stages: open the plugin, choose a store, and complete the initial checks.
Open Shopiframe
Open the Framer project you want to use.
Open Menu → Plugins → Browse All from the Framer toolbar.
Search for Shopiframe and open it.
Select Let’s begin when the welcome screen appears.
You can use a blank project, an existing Framer project, or a Shopiframe template.
Choose your store
Choose the path that matches your current goal:
Demo Store: explore the full CMS and component workflow with sample products. No Shopify account or Store Credit is required.
Your Shopify Store: connect a real catalog, live inventory, markets, cart, and Shopify Checkout. A Store Credit is required.
If you are evaluating Shopiframe, start with the Demo Store. If you are preparing a live storefront, connect your Shopify store.
Complete Initial Setup
After choosing a store:
Create or open the Shopiframe Products CMS.
Keep Title and Product Data enabled.
Select any optional product fields needed by the design.
Sync the products.
Update outdated Shopiframe components when prompted.
Choose Start building or open a Shopiframe template.