Stack

Smootify

CatégorieDéveloppement
TypePlugin / App
Publication17 juin 2026
Mis à jour9 oct. 2026

Smootify est une solution headless qui connecte Webflow à Shopify via la Shopify Storefront API. Le front-end est intégralement conçu dans le Designer Webflow, tandis que Shopify gère le catalogue, le panier, les paiements et les comptes clients en arrière-plan, sans export de code ni plan Webflow Ecommerce requis. Pour les projets e-commerce qui nécessitent la liberté de design de Webflow combinée à la puissance commerciale de Shopify, Smootify offre une passerelle native entre les deux plateformes, sans passer par un développement headless sur mesure.

Utiliser le récap IA

1. Origine

Smootify est développé par Eclipse SRL, une société italienne spécialisée dans l'écosystème Webflow, la même équipe derrière Udesly, un convertisseur Webflow vers WordPress et Shopify qui a précédé l'approche headless. En observant les limites de Webflow Ecommerce face aux besoins e-commerce avancés, et la complexité des solutions headless traditionnelles pour les agences no-code, Eclipse a conçu Smootify comme une passerelle native : rester entièrement dans le Designer Webflow pour le front-end, et déléguer toute la couche commerce à Shopify via son API Storefront. L'outil a rapidement trouvé son public dans la communauté Webflow, au point d'être finaliste des Webflow Awards 2025 dans la catégorie Tech Partner of the Year.

‍

2. Utilité

Webflow Ecommerce couvre les besoins e-commerce basiques, mais montre ses limites dès qu'un projet nécessite une gestion fine des variantes, des abonnements, du B2B, des multi-devises ou des flux logistiques complexes. Shopify excelle sur tout ça, et propose plusieurs voies pour découpler le front-end de sa couche commerce : Storefront API, Web Components natifs, Hydrogen. Ces solutions fonctionnent, mais elles restent orientées développeurs, avec une configuration, une gestion des tokens d'authentification et une logique d'intégration qui supposent une expertise technique. Aucune n'est conçue pour le Designer Webflow ni pour synchroniser le catalogue Shopify avec le CMS Webflow. C'est ce que Smootify apporte : une intégration native à l'écosystème Webflow, avec des composants prêts à l'emploi dans le Designer, une synchronisation CMS automatique et un écosystème d'add-ons, sans expertise headless requise. Le front-end est intégralement construit dans Webflow, Shopify gère le catalogue, les commandes, les paiements et les comptes clients en arrière-plan.

‍

3. Fonctionnalités

Smootify couvre l'ensemble de la stack e-commerce headless, de la connexion Shopify aux composants front-end, avec un écosystème d'add-ons qui étend les fonctionnalités selon les besoins du projet.

Connexion et synchronisation

  • Connexion Webflow à Shopify via la Shopify Storefront API, sans export de code
  • CMS Sync (Desktop App) : synchronisation manuelle des données produits Shopify vers le CMS Webflow
  • CMS Server Sync (plan Server) : synchronisation automatique côté serveur, sans intervention manuelle
  • Publication directement depuis Webflow, sans passer par l'interface Shopify

Design et composants

  • App Webflow avec 100+ composants préconfigurés (pages produit, panier, filtres, compte client)
  • Smootify Starter Project : projet Webflow complet avec style guide Client-First, CMS Shopify-ready, pages types et librairie de composants
  • Compatible avec la Relume Library pour accélérer la mise en page

Add-ons gratuits

  • Predictive Search : barre de recherche instantanée personnalisable dans Webflow
  • Magic Box : bundle mix-and-match où le client compose son panier parmi des produits définis
  • Magic Add-ons : bundles de produits dynamiques affichés au checkout
  • Dynamic Properties : affichage conditionnel des options de produits via Metaobjects Shopify

Add-ons Server (plan payant)

  • Search & Discovery Filters : filtres produits avancés
  • Cart Upsell : suggestions de produits complémentaires dans le panier
  • Draft Orders : formulaire de demande de devis pour le B2B
  • Name Your Price : tarification libre par le client
  • Product Configurator, Store Locator, Newsletter Subscription, Customer Metafields Editor

Fonctionnalités e-commerce avancées

  • Internationalisation : multi-devises et multi-langues via Shopify combiné à la localisation Webflow native
  • Metaobjects : champs personnalisés complexes pour enrichir les fiches produits
  • Comptes clients et gestion des commandes entièrement designés dans Webflow
  • Tableau de bord Smootify pour gérer plusieurs projets clients depuis un seul endroit
  • Programme de Certified Partners pour les agences qui déploient régulièrement

‍

4. Cas concrets

→ Pour un client dans le secteur lifestyle avec un catalogue de plusieurs centaines de références, un studio met en place une boutique Smootify : le design a été intégralement réalisé dans Webflow (animations, mise en page éditoriale, pages lookbook), les produits et variantes gérés dans Shopify. La CMS Server Sync met à jour automatiquement les collections Webflow dès qu'une fiche produit est modifiée côté Shopify. Le client gère son catalogue dans son interface habituelle, le site se met à jour sans aucune intervention technique.

→ Sur un projet B2B avec des tarifs négociés par client, l'add-on Draft Orders permet aux acheteurs de soumettre une demande de devis directement depuis la fiche produit. Le formulaire est designé dans Webflow, la logique de traitement est gérée par Shopify Flow. L'équipe commerciale reçoit la demande et finalise la commande manuellement, sans back-office sur mesure à développer.

‍

5. Prix

Smootify propose un plan gratuit pour tester et construire sur un sous-domaine Webflow, ainsi que plusieurs plans payants pour aller en production. Pour un store complet avec domaine custom, le coût combiné Webflow CMS + Shopify Basic + Smootify Lite revient à environ 67 $/mois facturé annuellement. Les détails et tarifs à jour sont disponibles sur leur site.

→ smootify.io/pricing

‍

6. Questions fréquentes

Faut-il un plan Webflow Ecommerce pour utiliser Smootify ?
‍Non. Smootify fonctionne avec un plan Webflow CMS (23 $/mois facturé annuellement). Le plan Ecommerce Webflow n'est pas nécessaire, c'est Shopify qui gère toute la couche commerce.

Le client doit-il gérer ses produits dans Webflow ou dans Shopify ?
‍Dans Shopify. Le catalogue, les stocks, les prix et les commandes sont administrés nativement dans Shopify. Smootify synchronise ces données vers le CMS Webflow pour l'affichage sur le front-end.

Smootify fonctionne-t-il avec n'importe quel template Webflow ?
‍Oui, mais l'intégration est plus rapide depuis le Starter Project Smootify, qui inclut déjà la structure CMS et les composants préconfigurés. Partir d'un template existant est possible, mais demande une reprise de la structure.

Les apps Shopify tierces sont-elles compatibles avec Smootify ?
‍La plupart le sont. Smootify maintient une liste d'apps testées et compatibles. Les apps qui nécessitent une injection dans le thème Shopify peuvent demander une adaptation spécifique.

Publication17 juin 2026
Mis à jour9 oct. 2026

Besoin d’un site ecommerce créatif pour sortir du lot ?

Studio Relief déploie des boutiques Shopify sur mesure designées dans Webflow, avec Smootify pour la connexion, la sync CMS et les fonctionnalités e-commerce avancées. On en parle ?

Prendre rendez-vous

Les ressources en lien

Explorez le relief