About Umbel
A small shop, kept simple
Umbel is a minimal Framer store template for skincare, apothecary and small-batch brands. It is built on Shopify with Frameship, so your products, prices, images and stock come straight from your Shopify store.
Pages
Home: intro with a formula index, tinted product grid, story, ritual and an ingredient label card
Shop: every product with shipping and returns notes
Product (CMS): tinted image panel, sticky buy column, how to use, ingredients and products that pair well
About: story, numbers, principles, shipping and care
A cart drawer and a custom 404
Features
Shopify products synced with Frameship, including variants and stock
Shopify metafields for number, key ingredients, how to use, full ingredients and a card tint colour
Add to Cart and a cart drawer styled to match the template
Word-by-word heading reveals and soft fade-ins
Desktop, tablet and phone breakpoints with a phone menu
Colour and text styles for every layer, one layout template
Getting started
Install the Frameship plugin and connect your Shopify store (Frameship's Headless app setup).
Add the five product metafields in Shopify, then sync your products in the CMS.
Point the lists and product page at your synced collection if you start a fresh one.
Activate a Frameship license to turn on checkout and remove their banner.
Checkout runs on Shopify, so you need a Shopify plan and a Frameship license to take payments.
Support
Questions or custom work: devahsan.com
