Products

Education

Resources

Company

Support

FRAMESHIP ACADEMY

FRAMESHIP ACADEMY

Learn how to build your Shopify store in Framer.

Filters

Topic

Level

Track

The Frameship course

Build a full Shopify store in Framer, start to finish. Three free parts, about 45 minutes.

Additional videos

lessons

2:00

Setting Up Your Cart

Set up your Framer cart from scratch. Covers the cart drawer, item list, subtotal, and checkout button, plus how to wire each one up to Shopify.

4:40

Selling Subscriptions

Add subscription pricing to your Framer store. Works with Shopify subscription apps and Frameship's built-in components so customers can choose between one-time and recurring options on the product page.

9:40

How to Set Up a Frameship Template

Learn how to set up and customise a Frameship template in Framer - syncing your Shopify data, updating CMS filters, customising components, and adapting the store for your own products.

7:28

Product Bundles

Create and sell product bundles in Framer. Customers can buy grouped products at a combined price, and inventory is managed through Shopify as normal.

3:43

Building Product Pages

Build real Shopify product pages inside Framer. Price, images, title, and add to cart are all pulling live from your store by the time you're done.

2:27

Troubleshooting Common Issues

Fix the most common Frameship problems fast. Covers the watermark banner, products not syncing, and checkout issues - the things that trip people up most after setup.

1:34

Markets & Multi-Currency

Set up Shopify Markets so your store shows localised pricing based on where each customer is shopping from. Covers currency switching, country detection, and how to display it all in Framer.

1:19

Customer Accounts

Add customer login and account pages to your Framer store. Customers can check order history and manage their details without leaving your site, all connected to Shopify's account system.

2:40

Connecting Shopify to Framer

Connect your Shopify store to Framer step by step. By the end, your products are live inside your Framer project and ready to be placed on any page.

2:47

Color Swatches

Swap dropdown selectors for visual colour swatches so customers can see their options at a glance. Works with any colour variants you've already set up in Shopify.

2:21

Cart Upsells

Show related products inside the cart before customers check out. A simple way to lift average order value without adding any friction to the buying experience.

2:23

Discount Codes

Give customers a place to enter discount codes in your Framer cart. Works with any Shopify promo codes you've already set up, including percentage off, fixed amount, and free shipping.

Connecting Your License

Activate your license key and get rid of the Frameship banner. Takes under two minutes, and covers what to do if your key isn't being accepted.

2:38

Frameship 2.0 Overview

Get familiar with the Frameship plugin. You'll know exactly where everything lives before you start building, which makes the rest of the Academy a lot easier to follow.

1:41

Promotional Progress Bar

Show customers how close they are to free shipping or a discount. Nudges them to add one more thing to cart, and you can set the threshold to match whatever Shopify promo you're running.

4:44

Personalisation & Gift Messages

Let customers add a gift message or personalised note to their order before they check out. Uses Frameship's personalisation input field, which connects directly to Shopify's order notes.

4:37

Advanced Filters & Search

Give customers filters, search, and sorting on your collection pages. Great for stores with large product ranges where browsing without filters becomes a pain.

2:00

Setting Up Your Cart

Set up your Framer cart from scratch. Covers the cart drawer, item list, subtotal, and checkout button, plus how to wire each one up to Shopify.

4:40

Selling Subscriptions

Add subscription pricing to your Framer store. Works with Shopify subscription apps and Frameship's built-in components so customers can choose between one-time and recurring options on the product page.

9:40

How to Set Up a Frameship Template

Learn how to set up and customise a Frameship template in Framer - syncing your Shopify data, updating CMS filters, customising components, and adapting the store for your own products.

7:28

Product Bundles

Create and sell product bundles in Framer. Customers can buy grouped products at a combined price, and inventory is managed through Shopify as normal.

3:43

Building Product Pages

Build real Shopify product pages inside Framer. Price, images, title, and add to cart are all pulling live from your store by the time you're done.

2:27

Troubleshooting Common Issues

Fix the most common Frameship problems fast. Covers the watermark banner, products not syncing, and checkout issues - the things that trip people up most after setup.

1:34

Markets & Multi-Currency

Set up Shopify Markets so your store shows localised pricing based on where each customer is shopping from. Covers currency switching, country detection, and how to display it all in Framer.

1:19

Customer Accounts

Add customer login and account pages to your Framer store. Customers can check order history and manage their details without leaving your site, all connected to Shopify's account system.

2:40

Connecting Shopify to Framer

Connect your Shopify store to Framer step by step. By the end, your products are live inside your Framer project and ready to be placed on any page.

2:47

Color Swatches

Swap dropdown selectors for visual colour swatches so customers can see their options at a glance. Works with any colour variants you've already set up in Shopify.

2:21

Cart Upsells

Show related products inside the cart before customers check out. A simple way to lift average order value without adding any friction to the buying experience.

2:23

Discount Codes

Give customers a place to enter discount codes in your Framer cart. Works with any Shopify promo codes you've already set up, including percentage off, fixed amount, and free shipping.

Connecting Your License

Activate your license key and get rid of the Frameship banner. Takes under two minutes, and covers what to do if your key isn't being accepted.

2:38

Frameship 2.0 Overview

Get familiar with the Frameship plugin. You'll know exactly where everything lives before you start building, which makes the rest of the Academy a lot easier to follow.

1:41

Promotional Progress Bar

Show customers how close they are to free shipping or a discount. Nudges them to add one more thing to cart, and you can set the threshold to match whatever Shopify promo you're running.

4:44

Personalisation & Gift Messages

Let customers add a gift message or personalised note to their order before they check out. Uses Frameship's personalisation input field, which connects directly to Shopify's order notes.

4:37

Advanced Filters & Search

Give customers filters, search, and sorting on your collection pages. Great for stores with large product ranges where browsing without filters becomes a pain.

2:00

Setting Up Your Cart

Set up your Framer cart from scratch. Covers the cart drawer, item list, subtotal, and checkout button, plus how to wire each one up to Shopify.

4:40

Selling Subscriptions

Add subscription pricing to your Framer store. Works with Shopify subscription apps and Frameship's built-in components so customers can choose between one-time and recurring options on the product page.

9:40

How to Set Up a Frameship Template

Learn how to set up and customise a Frameship template in Framer - syncing your Shopify data, updating CMS filters, customising components, and adapting the store for your own products.

7:28

Product Bundles

Create and sell product bundles in Framer. Customers can buy grouped products at a combined price, and inventory is managed through Shopify as normal.

3:43

Building Product Pages

Build real Shopify product pages inside Framer. Price, images, title, and add to cart are all pulling live from your store by the time you're done.

2:27

Troubleshooting Common Issues

Fix the most common Frameship problems fast. Covers the watermark banner, products not syncing, and checkout issues - the things that trip people up most after setup.

1:34

Markets & Multi-Currency

Set up Shopify Markets so your store shows localised pricing based on where each customer is shopping from. Covers currency switching, country detection, and how to display it all in Framer.

1:19

Customer Accounts

Add customer login and account pages to your Framer store. Customers can check order history and manage their details without leaving your site, all connected to Shopify's account system.

2:40

Connecting Shopify to Framer

Connect your Shopify store to Framer step by step. By the end, your products are live inside your Framer project and ready to be placed on any page.

2:47

Color Swatches

Swap dropdown selectors for visual colour swatches so customers can see their options at a glance. Works with any colour variants you've already set up in Shopify.

2:21

Cart Upsells

Show related products inside the cart before customers check out. A simple way to lift average order value without adding any friction to the buying experience.

2:23

Discount Codes

Give customers a place to enter discount codes in your Framer cart. Works with any Shopify promo codes you've already set up, including percentage off, fixed amount, and free shipping.

Connecting Your License

Activate your license key and get rid of the Frameship banner. Takes under two minutes, and covers what to do if your key isn't being accepted.

2:38

Frameship 2.0 Overview

Get familiar with the Frameship plugin. You'll know exactly where everything lives before you start building, which makes the rest of the Academy a lot easier to follow.

1:41

Promotional Progress Bar

Show customers how close they are to free shipping or a discount. Nudges them to add one more thing to cart, and you can set the threshold to match whatever Shopify promo you're running.

4:44

Personalisation & Gift Messages

Let customers add a gift message or personalised note to their order before they check out. Uses Frameship's personalisation input field, which connects directly to Shopify's order notes.

4:37

Advanced Filters & Search

Give customers filters, search, and sorting on your collection pages. Great for stores with large product ranges where browsing without filters becomes a pain.

Intercom