2.0 Beta

Smootify 2.0 is in public beta. Your 1.x store keeps working. Move when you want.

What changed
Log inStart free
Video tutorials

Watch it done, step by step.

35 short videos on Smootify 2.0, 27 more coming. Two paths from zero to a live store, one for Webflow and one for Astro, then one video per add-on. Each stands on its own and links to its guide.

Start with “Install Smootify on Shopify and pick a plan”Read the guides
Playlist

From zero to a live store in Webflow

Ten videos, in order: the Shopify app, the Webflow site, the components, the CMS, the store pages, the domain, and the last checks. Each one also works on its own.

  1. 2:1801Install Smootify on Shopify and pick a planThe Smootify app from the Shopify App Store, the dashboard account and the plan, free while you build.
  2. 2:4302Connect your Webflow site to your Shopify storeOne project, one store, one site: authorize Smootify in Webflow, pick the site, and the Headless channel for orders.
  3. 3:1203Start from the starter or a 2.0 templateClone the starter or Millimetro, Spannbach, Sunday Crate, and check the loader in the head code.
  4. 3:5004The Smootify Webflow app: components, attributes, conditionsThe library in the Designer: components that fit the selection, attributes and conditions on the selected element.
  5. 3:1505First CMS sync with Smootify StudioSetup creates Products, Collections and Vendors, the field settings get fixed, Sync fills the CMS and keeps it filled.
  6. 4:4306Build a product page in WebflowThe template page tied to its product: title, price, gallery, options, add to cart and stock states.
  7. 3:0907Add the cart: mini cart and cart pageLines, quantities, totals and checkout, as a drawer and as a page.
  8. 3:2908Customer accounts: sign-in, orders and addressesShopify’s customer accounts behind your own account pages.
  9. 3:5209Publish on your own domain, checkout includedThe main domain on Webflow, the checkout on a sub-domain, the storefront token, and a test order before launch.
  10. 3:4910Iterate and Check: fix what you note, audit before launchNotes on the live site, Claude’s answer in each note, Verified or Reopen, then the audit report for the client.
Playlist

From zero to a live store in Astro

Seven videos, in order: the Shopify app, Smootify Studio, the Astro project, the pages from Figma, Cloudflare and the domain, what comes after the deploy, and the last checks. Each one also works on its own.

  1. 3:2501Install Smootify on Shopify for an Astro storeThe Smootify app, the dashboard account, the plan and the site id the Astro project needs.
  2. 3:2502Smootify Studio for Astro sitesDownload, sign in with Shopify, and the four tabs of an Astro site: Build, Iterate, Check, Deploy.
  3. 3:3103Create an Astro store with Smootify StudioStatic or On demand, what Studio writes, the dev server, and the project saved to GitHub.
  4. 3:0904From Figma to a store with Studio and ClaudeClaude annotates the Figma file, asks what it can’t tell, then builds the pages as .astro components.
  5. 3:2705Deploy an Astro store on CloudflareStudio’s Deploy tab: Cloudflare building from GitHub, Put it online, the workers.dev address, your domain, and automatic updates through a deploy hook.
  6. 3:5306After the deploy: checkout, redirect and project updatesThe checkout on a sub-domain, Shopify’s storefront sent to your site, Update project when the scaffold changes, email for forms.
  7. 3:3607Iterate and Check on an Astro siteNotes on the live site, Claude fixing the project’s code, Put it online, then the audit.
Playlist

Smootify add-ons

Where both paths end: one video per add-on, recorded on the demo stores. Webflow or Astro, the same markup.

  1. 3:5501Magic Box: a build-your-own bundleThe customer fills a box within your rules; it reaches checkout as one line with its own title and image.
  2. 3:1702Product configurator: a live price from a formulaSizes and materials change the price as you pick them; the price reaches checkout as a draft order.
  3. 3:0403Slot booking: appointments and delivery windowsThe booking schedule in the Shopify admin, the calendar on the page, the slot in the cart or without one.
  4. 2:3604B2B quotes as draft ordersThe cart sent as a quote request, the draft order in Shopify, the invoice back to the buyer.
  5. 2:1405Markets and languagesHow the country is picked, the country switcher, currencies and prices per market, translated pages.
  6. 3:1706Name your priceThe customer types the amount, inside the minimum and maximum you set, with no new variant.
  7. 3:3007Magic add-ons: extras that ride alongGift wrap, warranty, engraving: products added with the main one and kept together in the cart.
  8. 3:3208File upload: artwork and documents into the orderA file on the product, on the cart or on the customer, saved in Shopify Files.
  9. 3:4809Dynamic properties: the questions each product asksQuestions defined in Shopify, rendered on the page by one control per type.
  10. 3:5610Forms that save to Shopify: reviews and applicationsA warranty registration or a trade application saved as a metaobject, next to the customer.
  11. 3:0111Cart upsells: suggestions in the mini cartSuggestions computed on the cart as it is, a progress bar to free shipping, a countdown that does something.
  12. 3:5112Predictive search and filtersResults as you type, a search page, and filters from Shopify’s Search and Discovery.
  13. 3:0913Wishlist and last viewedSaved products that follow the customer, and the products seen recently.
  14. 3:1314Store locator and pickupPickup locations, stock per store, and the location switcher.
  15. 3:1715Customer data: metafield editor and newsletterCustomers edit their own fields in the account; the newsletter sign-up lands on the Shopify customer.
  16. Coming soonCart extras: shipping estimate, gift cards, free shippingThe delivery options and their prices before checkout, a gift card’s balance, a free shipping bar and discount codes.Read the guide
Outside the paths

Smootify Studio and Claude

Videos that stand on their own, outside the two paths.

  1. 2:57From Figma to a Webflow store with ClaudeClaude annotates the Figma file, asks what it cannot tell, then builds the Webflow site with Smootify Studio.
  2. 2:39First products with ClaudeClaude plans the store’s first products with you in Smootify Studio, creates them in Shopify and syncs them to the CMS.
  3. 2:22Finish the Webflow setup with Claude in ChromeThe field settings Webflow’s API cannot set, done by Claude in Chrome in the Designer, started from Smootify Studio.
Coming soon

Store features

  1. Coming soonSubscriptionsSelling plans on the product page, the subscription in the cart, and the customer managing it from the account.Read the guide
  2. Coming soonProduct reviewsReviews written on the page, saved in Shopify, moderated and shown with their rating.Read the guide
  3. Coming soonBack in stock alertsA sold-out variant takes an email, and the customer hears when it is back.Read the guide
  4. Coming soonPurchase and delivery rulesMinimums, maximums and multiples, and delivery options renamed or hidden at checkout, on every Shopify plan.Read the guide
  5. Coming soonFixed bundles and a free giftA Shopify bundle with its components on the page, and a gift added above a cart total.Read the guide
  6. Coming soonGift cardsSelling gift cards, the code field in the cart and the balance check.Read the guide
  7. Coming soonCookie consent and analyticsA cookie banner you design, and the pixels that load only once the visitor allows them.Read the guide
  8. Coming soonEU withdrawal buttonThe withdrawal button the EU asks for, from the customer’s account to the merchant.Read the guide
  9. Coming soonShow metaobjects on your pagesShopify metaobjects as lists and cards on any page, filtered and sorted.Read the guide
Coming soon

Building in Webflow

  1. Coming soonWrite a custom script with Smootify StudioClaude writes a script against Smootify’s API, inline or hosted, and updates it when you ask.Read the guide
  2. Coming soonFind what’s wrong with the debuggerWhat the debugger finds on a published page, and how each finding points to its fix.Read the guide
  3. Coming soonA collection page with filtersThe collection template, its product cards, sorting and Shopify’s filters.Read the guide
  4. Coming soonSwatches and variantsColour and size swatches from Shopify’s own option values, and what each state looks like.Read the guide
  5. Coming soonIcons and payment logos in the DesignerThe Smootify Icons app: icons and payment logos dropped into the Designer.Read the guide
Coming soon

Astro, beyond the path

  1. Coming soonShopify content in Astro: build or liveProducts and collections read at build time or on demand, and when each fits.Read the guide
  2. Coming soonWrite Astro components with Smootify elementsSmootify’s elements and attributes inside .astro components, with props.Read the guide
  3. Coming soonAdd Smootify to an existing Astro projectnpx astro add @smootify/astro, the config and the first page, without Smootify Studio.Read the guide
Coming soon

Smootify Studio

  1. Coming soonCMS backup, history and syncing one productThe backup before every full sync, the history of each run, and one product synced on its own.Read the guide
  2. Coming soonThe Claude of each siteOne Claude per site in Smootify Studio, its conversations and what it can reach.Read the guide
  3. Coming soonWhen a sync failsReading a sync error in Smootify Studio and fixing what it points to.Read the guide
Coming soon

The Smootify dashboard

  1. Coming soonPlans and add-ons in the dashboardChoosing a plan, turning add-ons on, and where billing lives.Read the guide
  2. Coming soonHand a project to a clientMoving a finished project to the client’s own account and plan.Read the guide
  3. Coming soonCMS sync on Smootify’s serverFrom a change in Shopify to the published site, with no computer on: how the server sync works.Read the guide
Coming soon

Shopify Flow

  1. Coming soonImport a Smootify Flow into ShopifyA ready-made Flow from smootify.io, imported into Shopify Flow and turned on.Read the guide
  2. Coming soonReviews with Flow: request, moderation, ratingAsking for a review after delivery, approving it, and keeping the product’s rating up to date.Read the guide
  3. Coming soonStore credit and referrals with FlowStore credit as a reward, and a referral programme built on it.Read the guide