2.0 Beta

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

What changed
Docs 2.0

Documentation.

5 sections, 411 pages. Setup, every element, every add-on, and the code you can write on top.

Looking for the docs of Smootify 1.x? They are at docs.smootify.io.

Start here.

From an empty Shopify store to a live Webflow storefront, in order.

New in the 2.0 docs.

Pages that didn't exist before: the mechanics people never found, one page each.

Build your storeReady

"Navbar: cart, search and account"

Where the store parts go in a navbar - the cart and its count, the search, the login and account links, and the country switcher - and what each one must be inside.

Build your storeReady

Build the product page

The Shopify product on the template page of your Products collection. Covers title, price, gallery, options, add to cart and stock, and says what Smootify needs and what is up to your design.

Build your storeReady

Popovers

Which Smootify parts can open in a popover, how to build one with Webflow's Popover element or two custom attributes, and the rules for option pickers in a popover.

Build your storeReady

Toasts

Short messages you design in Webflow that appear for a few seconds when something happens - a product added to the cart, a wishlist change, a form sent, a link copied, an error from the cart.

DevelopersReady

Shopify AJAX API

The Shopify theme endpoints Smootify answers on a Webflow site (/cart.js, /cart/add.js, /products/{handle}.js and more), what each one supports, how to start app code after Smootify, and how to turn the emulation off.

DevelopersReady

Options

Configure Smootify with window.SmootifyUserOptions, grouped by task, plus the label globals, the page overrides, the cart animations and the attributes Smootify reads on the html element.

DevelopersReady

Events

The events Smootify sends when something happens on the page, how to listen with Smootify.on and once, which event to use for which task, and the ones sent on an element instead of the document.

Features & add-onsReady

Market suggestion

A popover that tells a new visitor which country, currency and language the store has for them, once per browser, a few seconds after the page loads.

Features & add-onsReady

Fixed bundles (Shopify Bundles)

Sell the fixed bundles and multipacks made with the Shopify Bundles app, and list what each bundle holds on the product page and in the cart.

Features & add-onsReady

Shopify Inbox chat

Add Shopify Inbox, Shopify's free chat, to a Webflow site with the code from the Smootify dashboard, two settings in Shopify, and the proxy that opens the chat panel.

Features & add-onsReady

Subscriptions

Sell products by subscription with the selling plans of a Shopify subscription app, show plan prices, and know what works with boxes and add-ons.

Features & add-onsReady

Slot booking

Let customers book a time slot from a calendar you design in Webflow — an appointment without payment, a paid appointment, or a pickup or delivery window in the cart — with the schedule and the bookings managed in the Shopify admin.

Get startedReady

The debugger

Smootify's debugger on your .webflow.io address - how to turn it on, what its panel shows, what the status of each element means and what its checks point out.

Get startedReady

Move a site from 1.x

The steps to move a Webflow site from Smootify 1.x to 2.0 - customer accounts, the new script on your .webflow.io address, the options and markup to update, your own scripts, going live and going back.

Get startedReady

What changes for your site

What Smootify 2.0 removed and what replaces it, the new URL defaults, what is deprecated but still works, and what behaves differently on the page, for designers moving a 1.x site.

Get startedReady

Install Smootify 2.0

The one line that loads Smootify 2.0 on every page of your Webflow site, the release channels, the stylesheet, in-app browsers on iPhone and the options.

Get startedReady

What 2.0 fixes

The Smootify 1.x bugs that 2.0 corrects - cart totals and discounts, unit prices, dates, weights, countdowns, subscriptions, large products, interactions, add-ons, analytics and in-app browsers on iPhone.

Get startedReady

SEO and structured data

How search engines see a Smootify store. Covers the text and SEO settings that come from the CMS, the product structured data Smootify adds to product pages, alt texts, and Google Shopping.

Get startedReady

Smootify Studio

Smootify Studio, the desktop app for Mac and Windows - the tabs of each site (Setup, Build, Sync, Iterate, Check), the Claude of each site and what it knows, and how review notes reach Claude.

Get startedReady

Performance

What Smootify loads on a page and when, what it does by itself to make pages feel fast, and what you control as a designer, from image sizes to loading placeholders.

Get startedReady

Accessibility

What Smootify tells screen readers about the parts it renders, such as the chosen option, a value that cannot be bought or a form error, and what stays with your design, from real buttons and labels to contrast and focus styles.

Ready411 reviewed for 2.0Draft0 written from the 2.0 source notes, not reviewed yetBeing written0 outlines that link to their 1.x page

For developers.

When the attributes are not enough, there is an API underneath.

Still on Smootify 1.x?

The 1.x documentation stays online at docs.smootify.io, for every site that still loads 1.x.

Read the docs.
Or hand them over.

Every page is markdown too. Your agent reads the same docs through llms.txt and the Smootify MCP.

  • One app on the Shopify bill, not ten
  • Free to build, pay only when you go live
  • Works on Basic, Grow and Advanced
  • Your 1.x store keeps working
  • Every element stays yours to change
  • Docs indexed in llms.txt

    ↑ ↓ to moveEnter to openEsc to close