Shopify Canvas transforme la création d’une boutique Shopify en échange conversationnel avec Sidekick, l’agent IA de la plateforme. Le rendu apparaît en temps réel sur le code réel de la boutique, tandis que chaque élément peut être retouché directement dans l’interface. L’outil est actuellement déployé sur ordinateur et ne prend pas encore en charge les thèmes tiers, les blocs d’applications, les marchés, les traductions, les déploiements ni les mises à jour.
Ce guide explique comment partir de zéro, formuler ses demandes à Sidekick, contrôler le rendu et préparer une boutique utilisable sans écrire de code. Les étapes décrivent le parcours disponible depuis le lancement de Canvas annoncé par Shopify le 1er octobre 2026.
Étape 1 : Préparer le compte Shopify et le navigateur
Canvas s’utilise depuis l’administration Shopify sur ordinateur, avec un compte Shopify permettant d’accéder à une boutique en ligne. Ouvrez Shopify dans un navigateur récent, connectez-vous à votre compte, puis sélectionnez la boutique concernée depuis l’écran d’administration.
Avant de commencer, préparez les éléments qui serviront de base au projet :
- le nom de la boutique ;
- le type de produits vendus ;
- une courte description de la marque ;
- les couleurs souhaitées ;
- les textes principaux ;
- les images disponibles ;
- les informations de livraison et de contact.
Astuce : réunissez ces informations dans un document séparé. Sidekick donnera de meilleurs résultats avec des consignes précises qu’avec une demande très générale comme « crée une boutique ».
Canvas ne remplace pas les réglages commerciaux de Shopify. Le catalogue, les prix, les stocks, les paiements, les livraisons et les règles fiscales doivent être configurés dans les sections correspondantes de l’administration.
À retenir : Canvas est une interface de conception assistée par Sidekick, pas un service distinct qui remplace un compte Shopify.
Étape 2 : Ouvrir Canvas et lancer la création par chat
Dans l’administration Shopify, ouvrez l’espace de conception de la boutique, puis accédez à Canvas lorsqu’il est proposé dans votre interface. Shopify déploie Canvas progressivement, et l’outil est conçu pour fonctionner sur ordinateur.
L’espace de travail affiche la boutique comme une surface de conception. Vous pouvez vous déplacer entre les pages, examiner les détails et demander des modifications à Sidekick depuis la zone de conversation.
Pour démarrer, copiez-collez un prompt de cadrage comme celui-ci :
text Crée une boutique en ligne pour une marque française de bougies parfumées artisanales appelée Lueur Atelier. Le public cible est composé d’adultes de 25 à 45 ans qui recherchent des objets de décoration fabriqués en petites séries. Utilise une direction artistique chaleureuse, élégante et minimaliste. Privilégie les tons ivoire, terracotta et brun foncé. Prévois une page d’accueil, une page catalogue, une page produit, une page À propos et une page Contact. La page d’accueil doit présenter la proposition de valeur, les produits vedettes, les engagements de fabrication et un appel à l’action vers le catalogue.
Sidekick peut poser des questions ou proposer plusieurs directions. Répondez en donnant des critères directement exploitables : taille des titres, niveau de contraste, style des boutons, ordre des sections ou type de photographie.
Attention : ne validez pas immédiatement une boutique simplement parce que le premier rendu paraît réussi. Examinez les textes, la hiérarchie visuelle, la lisibilité et la cohérence entre les pages.
Étape 3 : Définir la structure de la page d’accueil
La page d’accueil doit expliquer rapidement ce que vend la boutique et conduire vers une action claire. Demandez à Sidekick de structurer la page plutôt que de modifier uniquement son apparence.
Utilisez par exemple ce prompt :
text Réorganise la page d’accueil dans cet ordre :
- barre d’annonce,
- en-tête avec logo, navigation et panier,
- section principale avec une image et un bouton Découvrir la collection,
- trois bénéfices clients,
- produits vedettes,
- histoire de la marque,
- avis clients,
- formulaire d’inscription,
- pied de page. Garde une mise en page aérée et limite chaque section à un objectif précis.
Le rendu de Canvas s’actualise en temps réel pendant les modifications. Shopify indique que les changements effectués par Sidekick apparaissent directement dans l’espace de travail, ce qui permet de juger le résultat dans le contexte global de la boutique.
Pour corriger une section précise, indiquez son emplacement et le résultat souhaité :
text Dans la section principale, réduis la hauteur de l’image de 20 %, place le texte à gauche et rends le bouton plus visible avec un contraste élevé. Ne modifie pas les autres sections.
Cette méthode limite les changements non désirés. Une demande trop large, comme « rends le site plus premium », peut entraîner plusieurs modifications simultanées difficiles à contrôler.
Contrôler la hiérarchie visuelle
Vérifiez que le premier écran contient un message compréhensible et un seul appel à l’action principal. Le visiteur doit savoir ce que vend la boutique sans devoir parcourir toute la page.
Demandez ensuite une vérification ciblée :
text Analyse la page d’accueil comme un nouveau visiteur. Indique si l’offre, le public cible et l’action principale sont compréhensibles dès le premier écran. Propose uniquement des modifications concrètes de structure ou de texte.
Canvas permet à Sidekick de proposer des approches et de demander des précisions pendant la construction. Cette interaction est utile pour passer d’une intention générale à des décisions de conception vérifiables.
Étape 4 : Créer une page produit claire et orientée conversion
Une page produit efficace doit présenter le produit, son prix, ses caractéristiques, ses variantes et les informations nécessaires avant l’achat. Commencez par ajouter ou vérifier le produit dans l’administration Shopify, puis demandez à Canvas d’organiser sa présentation.
Exemple de prompt :
text Conçois une page produit pour une bougie parfumée de 220 g. Affiche clairement le nom du produit, le prix, les variantes de parfum, la disponibilité, le bouton Ajouter au panier, les notes et avis, les caractéristiques, les conseils d’utilisation et les informations de livraison. Place les informations essentielles près de l’image et évite les blocs de texte trop longs.
Si les données produit existent déjà, précisez à Sidekick qu’il doit conserver les informations commerciales :
text Améliore la présentation visuelle de la page produit sans modifier le nom, le prix, les variantes, le stock ni les informations de livraison.
Attention : relisez manuellement les prix et les caractéristiques après chaque modification. La mise en page et le contenu commercial ne doivent pas être confondus.
Pour rendre une fiche plus lisible, demandez une présentation structurée :
text Transforme la description en trois blocs courts : matières et fabrication, dimensions et durée d’utilisation, entretien et sécurité. Conserve uniquement les informations déjà présentes dans la fiche produit.
Les images doivent également être vérifiées. Contrôlez leur cadrage, leur qualité, leur cohérence entre les produits et leur compatibilité avec les espaces prévus par le thème.
Étape 5 : Personnaliser directement les éléments dans Canvas
Canvas permet de cliquer sur des éléments pour les modifier directement, sans passer systématiquement par une conversation avec Sidekick. Sélectionnez un bloc, un texte, une image ou un bouton dans la boutique, puis ajustez l’élément depuis l’interface disponible.
Cette édition directe est particulièrement adaptée aux petites corrections :
- modifier le texte d’un bouton ;
- déplacer une section ;
- ajuster l’espacement ;
- changer une couleur ;
- remplacer une image ;
- corriger une taille de titre.
Pour une modification plus large, utilisez le chat :
text Utilise la même couleur de bouton sur toutes les pages principales et conserve un contraste suffisant avec le texte. Ne change pas la couleur de l’arrière-plan général.
Shopify présente Canvas comme un espace où le marchand et Sidekick travaillent sur le même design. Sidekick peut prendre des captures de son travail pour examiner le rendu, tandis que le marchand observe les modifications au fil de leur application.
Astuce : procédez par petites séries. Modifiez d’abord la structure, puis les couleurs, puis les textes et enfin les détails d’espacement. Cette progression facilite l’identification d’un changement indésirable.
Pour revenir sur une direction visuelle, formulez une consigne explicite :
text Annule la dernière modification de couleur et restaure la palette ivoire, terracotta et brun foncé. Ne modifie pas la typographie ni la disposition des sections.
Ne publiez pas une modification avant de l’avoir inspectée sur plusieurs pages. Une couleur ou une taille adaptée à la page d’accueil peut produire un résultat moins lisible dans le catalogue ou le panier.
Étape 6 : Vérifier le responsive et l’accessibilité
Une boutique créée sur ordinateur doit être contrôlée dans plusieurs tailles d’écran avant sa mise en ligne. Examinez au minimum la page d’accueil, une page catalogue, une fiche produit et le panier dans les affichages disponibles.
Demandez à Sidekick de rechercher les problèmes visibles :
text Vérifie la boutique sur une largeur d’écran mobile et sur une largeur d’écran ordinateur. Recherche les titres coupés, les boutons difficiles à toucher, les images mal cadrées, les éléments qui se chevauchent et les textes difficiles à lire. Corrige uniquement les problèmes identifiés.
Contrôlez ensuite manuellement les points suivants :
- la navigation s’ouvre correctement ;
- les boutons restent visibles ;
- les images ne masquent pas les informations ;
- le texte conserve un contraste suffisant ;
- le panier est accessible depuis toutes les pages principales ;
- les formulaires indiquent clairement les informations attendues.
Attention : un rendu correct dans Canvas ne garantit pas à lui seul que chaque parcours d’achat fonctionne. Testez les liens, les variantes, l’ajout au panier et les formulaires comme le ferait un client.
Pour améliorer la lisibilité sans changer la direction artistique :
text Améliore la lisibilité des textes secondaires en augmentant légèrement leur contraste et leur taille. Conserve la palette actuelle et ne modifie pas les titres principaux.
Les textes alternatifs des images, les intitulés de boutons et les titres de sections doivent être compréhensibles sans dépendre uniquement d’éléments visuels. Demandez une vérification distincte :
text Passe en revue les intitulés des boutons et les textes alternatifs des images. Remplace les formulations vagues par des formulations précises, sans inventer d’informations sur les produits.
Étape 7 : Configurer le catalogue, les paiements et la livraison
Canvas sert principalement à concevoir l’expérience visuelle de la boutique. Les réglages opérationnels restent à effectuer dans l’administration Shopify, notamment les produits, les stocks, les paiements, les livraisons et les domaines.
Ajoutez chaque produit avec ses informations commerciales exactes : nom, description, images, prix, variantes et stock. Vérifiez ensuite que les produits apparaissent dans les collections et que les liens de navigation conduisent vers les bonnes pages.
Configurez les moyens de paiement depuis les réglages Shopify disponibles pour votre boutique. Paramétrez également les zones de livraison, les tarifs et les délais affichés aux clients.
L’abonnement Shopify constitue un coût séparé de Canvas. Les tarifs affichés en France en septembre 2026 indiquent notamment un forfait Basic à 19 € par mois avec facturation annuelle ou 27 € par mois avec facturation mensuelle, selon la page tarifaire relayée par des sites spécialisés. Les offres Grow et Advanced sont affichées respectivement à 56 € et 289 € par mois en facturation annuelle dans ces informations tarifaires.
| Offre | Facturation annuelle | Facturation mensuelle |
|---|---|---|
| Basic | 19 € par mois | 27 € par mois |
| Grow | 56 € par mois | 74 € par mois |
| Advanced | 289 € par mois | 384 € par mois |
Les frais liés aux paiements et aux transactions dépendent du forfait et du moyen de paiement utilisé. Vérifiez le détail applicable à votre pays avant de choisir une offre ou de publier la boutique.
Attention : Canvas ne rend pas gratuits l’abonnement Shopify, le nom de domaine, les applications ou les frais de paiement. Ces coûts doivent être évalués séparément.
Étape 8 : Comprendre les limites actuelles de Canvas
Le lancement de Canvas est limité à l’utilisation sur ordinateur. Shopify prévoit d’élargir progressivement ses fonctionnalités, mais plusieurs éléments ne sont pas pris en charge au lancement.
Les limites annoncées concernent notamment :
- les thèmes tiers ;
- les blocs d’applications ;
- les marchés ;
- les traductions ;
- les déploiements ;
- les mises à jour.
Ces restrictions ont une conséquence pratique : Canvas convient surtout à la création et à la personnalisation d’une boutique reposant sur le cadre pris en charge par Shopify au moment du lancement. Une boutique qui dépend fortement d’un thème tiers, d’un bloc d’application ou d’une configuration multilingue doit être vérifiée avant d’adopter ce flux de travail.
Astuce : commencez par un prototype avec quelques produits et une seule langue. Vous pourrez évaluer la cohérence du rendu et le parcours d’achat avant d’investir davantage dans le catalogue et les applications.
Pour éviter de demander une fonction non disponible, formulez les prompts autour de la structure et du style :
text Travaille uniquement sur les sections actuellement visibles dans cette boutique. Ne crée pas de bloc d’application, ne modifie pas les marchés et ne génère pas de traduction.
Attention : ne présentez pas un aperçu Canvas comme une boutique prête à vendre. La validation du catalogue, des paiements, des livraisons, du domaine et des obligations d’information reste indispensable.
Étape 9 : Tester puis publier une première version
Avant toute publication, effectuez un parcours complet depuis la page d’accueil jusqu’au panier. Cliquez sur chaque lien principal, ouvrez plusieurs fiches produits, choisissez une variante, ajoutez un article au panier et vérifiez les informations affichées.
Utilisez ce prompt pour une dernière revue éditoriale :
text Relis les textes visibles de la boutique en français. Corrige uniquement les fautes d’orthographe, les accords et les formulations ambiguës. Ne modifie pas les prix, les caractéristiques, les délais, les conditions de livraison ni les informations légales.
Puis demandez une revue de cohérence :
text Vérifie que le nom de la marque, les couleurs, le ton, les boutons et les intitulés de navigation sont cohérents sur la page d’accueil, le catalogue, les pages produit, le panier et le pied de page. Liste les incohérences avant de les corriger.
La publication doit intervenir après la vérification manuelle du rendu et des réglages opérationnels. Conservez une version de référence des textes et des visuels utilisés afin de pouvoir comparer les changements ultérieurs.
Le résultat concret attendu est une boutique accessible depuis son domaine, avec une page d’accueil structurée, un catalogue navigable, des fiches produits lisibles et un parcours d’ajout au panier fonctionnel. Cette première version peut ensuite servir de base à des améliorations progressives dans Canvas, à mesure que Shopify étend la prise en charge des fonctionnalités annoncées.
Notre avis : Canvas est surtout utile pour lancer une première boutique
Shopify Canvas apporte une interface plus accessible aux personnes qui ne maîtrisent ni le code ni la personnalisation avancée des thèmes. Son intérêt principal tient au dialogue avec Sidekick et au rendu en temps réel sur le design réel, avec la possibilité d’éditer directement les éléments.
Pour un débutant, le meilleur usage consiste à créer une première version simple, à contrôler chaque modification et à réserver les réglages commerciaux à l’administration Shopify. Canvas ne dispense ni de vérifier les contenus ni de tester le paiement, la livraison et l’affichage sur plusieurs écrans.
Le choix est moins évident pour une boutique dépendante de thèmes tiers, de blocs d’applications, de marchés ou de traductions, puisque ces éléments ne sont pas pris en charge au lancement. Dans les six prochains mois, l’intérêt de Canvas dépendra donc surtout de l’élargissement annoncé de ses capacités et de son intégration progressive dans les workflows de boutiques plus complexes.
Une question reste ouverte : jusqu’où Shopify étendra-t-il Canvas avant que les boutiques professionnelles n’aient plus besoin d’intervenir directement dans les réglages de thème ?