Connect your store
6 steps
The cart reaches Shopify's checkout through a cart link.
Connect your store
6 steps
The cart reaches Shopify's checkout through a cart link.
Connect your store
6 steps
The cart reaches Shopify's checkout through a cart link.
01
Create a Shopify store
Sign up for a Shopify plan. A development store is free for testing, but it asks visitors for a password before checkout.
01
Create a Shopify store
Sign up for a Shopify plan. A development store is free for testing, but it asks visitors for a password before checkout.
02
Add your products
In Shopify admin, open Products and add one product for each item in the Products collection in Framer. Give each the same price, because the site shows the prices from the CMS.
02
Add your products
In Shopify admin, open Products and add one product for each item in the Products collection in Framer. Give each the same price, because the site shows the prices from the CMS.
03
Copy your store domain
Find your myshopify.com address in Shopify under Settings, then Domains. Copy it without the https:// part.
03
Copy your store domain
Find your myshopify.com address in Shopify under Settings, then Domains. Copy it without the https:// part.
04
Paste the domain into the cart drawer
In Framer, open the Main layout template, select Cart drawer in the Settings frame and paste the domain in Store domain. Set it once on Desktop; Tablet and Phone follow. The Add to cart buttons have no domain field.
04
Paste the domain into the cart drawer
In Framer, open the Main layout template, select Cart drawer in the Settings frame and paste the domain in Store domain. Set it once on Desktop; Tablet and Phone follow. The Add to cart buttons have no domain field.
05
Add the variant IDs
In Shopify admin, open each product and copy its variant ID, the last number in the address of the variant page. In Framer, open Products, select the item and paste the number in Shopify variant ID. The Add to cart buttons read it. Keep each CMS price equal to the Shopify price.
05
Add the variant IDs
In Shopify admin, open each product and copy its variant ID, the last number in the address of the variant page. In Framer, open Products, select the item and paste the number in Shopify variant ID. The Add to cart buttons read it. Keep each CMS price equal to the Shopify price.
06
Test a checkout
Publish the site, add a piece to the cart and press Checkout. Shopify's checkout should open with the same piece and quantity. If the cart opens empty, check the domain and the variant ID of that piece.
06
Test a checkout
Publish the site, add a piece to the cart and press Checkout. Shopify's checkout should open with the same piece and quantity. If the cart opens empty, check the domain and the variant ID of that piece.
Demo
This demo runs without a store, so the cart shows an example checkout until you add your Shopify domain.
Read me first
Made in Copenhagen. Delivered in 3 to 5 weeks. 30-day returns.
Furniture and lighting made in Copenhagen
Made in Copenhagen. Delivered in 3 to 5 weeks. 30-day returns.
Furniture and lighting made in Copenhagen
Made in Copenhagen. Delivered in 3 to 5 weeks. 30-day returns.