Créer ses boutiques Shopify avec Framer : du temps et des économies pour les pros ?
Framer est devenu en 2026 l'un des outils no-code préférés des designers et des agences web qui veulent créer des sites visuellement sophistiqués sans dépendre d'un développeur pour chaque animation ou interaction. Sa montée en puissance dans l'écosystème no-code s'est faite sur une promesse claire : faire des choses en Framer qui ne sont pas possibles (ou très difficiles) dans Webflow, notamment sur les animations avancées, les micro-interactions et le contrôle granulaire du design.
Une question revient régulièrement chez les entrepreneurs e-commerce et les agences qui travaillent avec Framer : peut-on créer sa boutique e-commerce avec Framer et connecter Shopify pour la partie paiement et gestion des commandes ? L'idée est séduisante. Framer pour le design, Shopify pour le commerce. Chacun dans ce qu'il fait le mieux.
La réalité est plus nuancée, et la réponse dépend de ce que vous entendez exactement par "boutique e-commerce".
Ce que Framer peut faire côté e-commerce
Framer n'est pas un outil e-commerce. Ce n'est pas son positionnement et ce n'est pas ce pour quoi il a été conçu. Il n'a pas de système de gestion de produits natif, pas de panier d'achat, pas de tunnel de paiement, pas de gestion des commandes.
Ce que Framer peut faire, c'est créer des pages web visuellement remarquables qui s'intègrent avec des outils tiers pour les fonctionnalités e-commerce. Deux approches sont possibles.
L'intégration Shopify Buy Button
Shopify propose un composant JavaScript appelé "Buy Button" (ou Shopify Storefront API dans sa version plus avancée) qui permet d'intégrer un bouton d'achat ou un panier complet dans n'importe quelle page web, y compris une page Framer. Vous gérez votre catalogue, vos stocks et vos commandes dans le back-office Shopify. Votre site Framer affiche les produits et le composant Shopify gère la transaction.
Cette approche fonctionne pour des boutiques simples avec un nombre limité de produits (quelques dizaines maximum). Elle est pertinente si votre objectif est une landing page ou un mini-site de marque avec quelques produits à vendre, où l'expérience visuelle prime et la complexité commerciale est limitée.
Les limites : la personnalisation du Buy Button est limitée (vous ne contrôlez pas entièrement l'apparence du tunnel de paiement), les catégories de produits et la navigation par catalogue sont plus difficiles à gérer qu'avec un thème Shopify natif, et la gestion des stocks et des variantes complexes (couleur x taille x matière) crée des frictions.
Le headless commerce avec Framer comme front-end
C'est l'approche plus sophistiquée : utiliser Framer comme un "front-end" visuel et Shopify comme "back-end" commerce via l'API Storefront. Votre site Framer interroge l'API Shopify pour afficher les produits, les prix et les disponibilités en temps réel, et renvoie vers le checkout Shopify pour la transaction.
Cette approche donne la plus grande liberté sur le design tout en bénéficiant de toute la puissance de Shopify pour la gestion e-commerce. Mais elle requiert des compétences de développement pour l'intégration API. C'est du headless commerce, pas du no-code pur. Le coût de développement et de maintenance est plus élevé qu'un site Shopify classique avec un thème.
Ce que Framer ne peut pas faire (ou moins bien faire)
Pour une boutique e-commerce classique avec un catalogue de centaines de produits, des filtres de navigation, des comparatifs de produits, des programmes de fidélité, des remises avancées et une gestion multi-canal, Framer n'est pas adapté. Ces fonctionnalités requièrent soit un thème Shopify bien paramétré, soit une solution headless plus robuste que ce que Framer propose nativement.
La scalabilité est également un enjeu. Un site Framer qui fonctionne très bien avec 10 produits peut montrer des limites de performance avec 500 produits et un trafic significatif, en particulier si l'intégration API n'est pas optimisée.
Le cas d'usage pertinent de Framer en e-commerce
Framer a une vraie place dans l'écosystème e-commerce, mais elle est différente de celle qu'imaginent beaucoup d'entrepreneurs.
Framer est particulièrement pertinent pour les landing pages de lancement produit : une page conçue spécifiquement pour le lancement d'un produit avec une esthétique très soignée, quelques produits à vendre et un bouton d'achat Shopify intégré. C'est du Framer + Shopify Buy Button, simple et efficace.
Il est pertinent pour les sites vitrine de marque avec des produits en nombre limité : une marque premium avec 10 à 30 références qui veut un site visuellement irréprochable plutôt qu'une boutique e-commerce complète.
Il est pertinent pour les agences qui conçoivent en Framer et exportent en HTML/CSS pour intégration dans un thème Shopify custom : dans ce cas, Framer est un outil de prototypage et de design, pas la plateforme finale.
Il n'est pas pertinent pour remplacer une boutique Shopify standard sur un projet e-commerce avec un catalogue large, des besoins de filtrage complexes et une gestion des stocks multi-canal.
Les implications financières pour les agences Webflow et Framer
Pour les agences et freelances qui travaillent avec Framer, les implications financières et comptables sont similaires à celles des développeurs Webflow. L'abonnement Framer (société américaine) est soumis à l'autoliquidation TVA. Les prestations pour des clients étrangers suivent les règles de TVA B2B internationale. La distinction entre prestation de services (conception d'un site Framer) et cession de droits (transfert de propriété du projet Framer au client) mérite d'être clarifiée dans les contrats.
Excilio, expert-comptable spécialiste des freelances, webdesigners et agences qui travaillent sur Webflow vous accompagne sur ces sujets.
