Refonte d’une boutique Shopify : refaire le design par étapes, sans repartir de zéro
Votre boutique vend, mais son design ne suit plus la marque. Avant de tout refaire, la méthode par étapes qu’on applique sur les boutiques Shopify : l’ordre des chantiers, ce qu’on ne touche pas, puis les signes qu’il faut changer de thème.
La réponse en bref
Oui, on peut refaire le design d’une boutique Shopify sans repartir de zéro. Produits, clients, commandes et adresses des pages restent en place : seul le thème change. On avance par étapes, sur une copie du thème prévisualisée avant publication : d’abord les typographies, les couleurs et les boutons, puis les fiches produit, ensuite l’accueil et les collections, enfin le panier et la recherche. La refonte complète ne s’impose que si le thème ne peut plus évoluer.
Refaire le design de sa boutique Shopify : faut-il tout reconstruire ?
Le réflexe de beaucoup de prestataires, quand une marque veut changer de tête, est de proposer une boutique neuve. Le fondateur d’une marque de collants nous a dit qu’il n’avait vu nulle part ailleurs l’idée d’avancer par étapes plutôt que de tout recommencer. C’est pourtant souvent la voie la plus sûre pour une boutique qui vend déjà.
Sur Shopify, le design et les données vivent séparément. Le thème gère l’affichage ; le catalogue, les clients, les commandes et l’adresse de chaque fiche produit sont enregistrés dans la boutique. Changer le design ne fait donc pas tout recommencer. La question est ailleurs : votre thème actuel peut-il porter le nouveau design, ou faut-il en changer ?
Ce guide s’adresse aux marques dont la boutique tourne, mais qui la trouvent datée, trop proche d’un thème vu partout, ou qui ne suit plus la direction artistique. Si votre problème principal est la lenteur, commencez par ce guide sur une boutique Shopify trop lente : c’est un autre chantier.
Votre thème actuel peut-il encore servir de base ?
Avant de dessiner quoi que ce soit, on regarde ce qu’il y a sous le capot. Trois vérifications suffisent à savoir si l’on peut garder le thème.
- Le thème est-il encore mis à jour ? Les thèmes du Theme Store reçoivent des versions nouvelles. Selon le centre d’aide Shopify, les réglages faits dans l’éditeur suivent la mise à jour, mais les modifications de code ne suivent que si elles n’entrent pas en conflit avec la nouvelle version. Sinon, il faut les recopier à la main, ce que confirme cet éditeur de thèmes. Un thème retouché par plusieurs prestataires est souvent bloqué sur une vieille version.
- Qui a modifié le code, où ? Une responsable e-commerce d’une marque de mode nous a décrit des blocs de code que personne dans l’équipe ne savait utiliser, et un dépôt de code auquel la marque n’avait pas accès. Tant que ces morceaux ne sont pas identifiés, chaque retouche de design risque d’en casser un.
- Combien d’applications injectent du contenu dans les pages ? Chaque application qui ajoute un bloc, un pop-up ou un bandeau impose son propre style. On les liste avant de toucher au design : certaines se remplacent par une section codée dans le thème, comme on l’explique dans ce guide sur Shopify sans applications payantes.
Dans quel ordre refaire le design sans casser les ventes ?
L’ordre compte plus que le rythme. On commence par ce qui se voit partout et se règle vite. On finit par ce qui touche directement à l’achat. Chaque étape est mise en ligne seule. On regarde ensuite les ventes avant de lancer la suivante.
| Étape | Ce qu’on change | Ce qu’on ne touche pas | Ce qu’on regarde après la mise en ligne |
|---|---|---|---|
| 1. Les fondations | Typographies, couleurs, boutons, espacements, logo, réglés dans les paramètres du thème | La structure des pages et le parcours d’achat | Rien ne doit bouger côté ventes : c’est le test que les réglages tiennent sur toutes les pages |
| 2. La fiche produit | Photos, ordre des informations, guide des tailles, réassurance, sections propres au catalogue | L’adresse de la fiche et le bouton d’ajout au panier | Le taux d’ajout au panier depuis les fiches |
| 3. L’accueil et les collections | Ce qui apparaît en premier, les grilles de produits, les filtres | Les adresses des collections | Les clics depuis l’accueil vers les collections et les fiches |
| 4. Le parcours | Menu, recherche, panier, ventes croisées | La page de paiement, gérée par Shopify | Les paniers abandonnés et les ventes par visite |
Comment travailler sur le nouveau design sans toucher à la boutique en ligne ?
La cofondatrice d’une marque de papeterie nous a expliqué qu’elle avait voulu corriger elle-même le code de sa boutique, et que le panier avait cessé de fonctionner. Ce genre d’accident se produit quand on modifie le thème publié. La règle est simple : on ne travaille jamais sur le thème que voient vos clients.
Shopify permet de dupliquer un thème et de le garder en brouillon. Une boutique peut en conserver jusqu’à 20 sur les formules Basic, Grow et Advanced, et 100 sur Shopify Plus (centre d’aide Shopify, documentation développeur Shopify). On fait chaque étape sur une copie, on vous envoie un lien de prévisualisation que vous ouvrez sur votre téléphone. On ne publie qu’après votre accord.
Publier la copie remplace l’ancien thème, qui passe dans les brouillons sans rien perdre (centre d’aide Shopify). Si une étape fait baisser les ventes, on republie l’ancienne version en un clic, le temps de comprendre.
Qu’est-ce qu’il ne faut pas toucher pendant une refonte par étapes ?
Une marque de lingerie nous a demandé dès le premier appel si le travail de référencement déjà fait serait conservé. Dans une refonte par étapes, il l’est presque d’office, à condition de laisser certaines choses en place.
- Les adresses des produits et des collections. Elles viennent de l’identifiant de chaque fiche, que le thème ne modifie pas. Shopify conseille de ne pas changer cet identifiant trop souvent, sous peine de voir la page disparaître des résultats de recherche (centre d’aide Shopify). Si deux collections fusionnent, on redirige l’ancienne adresse vers la nouvelle.
- Les titres et descriptions de vos pages dans Google. Ils sont saisis dans l’administration de Shopify et vivent hors du thème. Un nouveau design ne les efface pas, mais une nouvelle fiche produit codée à la main doit continuer à les afficher.
- Les pages qui vendent le plus. On repère les cinq ou six fiches et collections qui font le plus de ventes. On les modifie en dernier dans chaque étape, une fois le nouveau gabarit éprouvé sur des pages moins exposées.
- Vos semaines les plus chargées. On ne publie pas une étape la semaine d’une opération commerciale ou d’un passage média. On garde le design en brouillon et on publie après.
Thème gratuit trop limité : quand faut-il changer de thème ?
L’approche par étapes a une limite : elle suppose un thème qui accepte de nouvelles sections. La fondatrice de cette marque de lingerie, installée sur un thème gratuit, nous a décrit des packs composés à la main faute de mieux, puis des alertes de retour en stock qui passaient par une application payante. La boutique vendait, mais elle aurait pu vendre beaucoup plus. Quand les contournements s’empilent ainsi, garder le thème coûte plus cher que d’en changer.
Les signes qu’il faut passer à une refonte complète de la boutique Shopify :
- le thème n’est plus mis à jour, ou les mises à jour échouent à cause du code modifié ;
- chaque fonctionnalité demandée passe par une application de plus, ou par une manipulation manuelle de l’équipe ;
- les fiches produit doivent afficher des informations que le thème ne prévoit pas (variantes de matière, coffrets, abonnements) ;
- personne ne sait plus quelles parties du code sont encore utilisées.
Comment on mène une refonte Shopify par étapes chez Sonho
On commence par un audit du thème, des applications et des pages qui reçoivent du trafic, pour décider ce qu’on garde. Cet audit aboutit à une liste écrite : ce qui reste, ce qui change à chaque étape, et ce qu’on vous déconseille de refaire. Une illustratrice qui vend en ligne nous a dit ne pas savoir ce qui devait apparaître en premier sur sa page d’accueil : c’est le genre de question que l’audit tranche avant le moindre écran dessiné.
- Une étape à la fois, sur une copie du thème, avec un lien de prévisualisation à valider sur votre téléphone.
- Des sections modifiables dans l’éditeur de Shopify : vous changez textes, photos et ordre des blocs sans nous rappeler.
- Les accès et le code à votre nom dès le départ, pour ne pas revivre la situation décrite dans ce guide pour quitter son prestataire sans perdre son site.
- Une mise en ligne hors de vos périodes de pic, et une réponse sous 24 h ouvrées en cas de bug après la publication.
- Un changement de cap si l’audit l’impose : quand le thème ne peut plus suivre, on vous le dit, puis on chiffre une refonte complète, livrée en 4 à 6 semaines.
Qu’est-ce qui fait varier le coût d’une refonte par étapes ?
Le nombre d’étapes ne fait pas le prix à lui seul. Ce qui pèse : le nombre de gabarits à redessiner (fiche produit, collection, accueil, pages de contenu), les sections propres à votre catalogue à coder, les applications à remplacer, l’état du code hérité des prestataires précédents, et le nombre de langues. Une étape qui ne touche que les réglages du thème demande peu de travail ; une fiche produit recodée pour des coffrets ou des variantes de matière en demande beaucoup plus.
Demandez un devis qui détaille chaque étape séparément, avec ce qu’elle livre : vous pouvez ainsi arrêter après deux étapes si le résultat vous suffit. Les postes qui font varier un devis Shopify sont détaillés dans notre guide sur le prix d’un site Shopify.
Questions fréquentes
- Peut-on changer le design d’une boutique Shopify sans perdre ses produits ni ses commandes ?
- Oui. Sur Shopify, les produits, les clients, les commandes et les adresses des pages sont enregistrés dans la boutique, séparément du thème qui gère l’affichage. Changer de design, ou même changer de thème, ne supprime aucune de ces données. Ce qui peut se perdre, ce sont les réglages et le code propres à l’ancien thème : sections personnalisées, blocs ajoutés par des applications, textes saisis dans l’éditeur. Avant de commencer, faites l’inventaire de ce que l’ancien thème affiche et que le nouveau devra reprendre, et travaillez sur une copie du thème plutôt que sur celui que voient vos clients. Publier la nouvelle version fait passer l’ancienne dans les brouillons, sans rien effacer : vous pouvez revenir en arrière en un clic si un problème apparaît après la mise en ligne.
- Refonte d’une boutique Shopify : vaut-il mieux garder son thème ou en changer ?
- Gardez votre thème s’il est encore mis à jour, si son code est connu et si les nouvelles sections dont vous avez besoin peuvent s’y ajouter. Changez-en si les mises à jour échouent à cause de modifications de code, si chaque besoin passe par une application ou une manipulation manuelle, ou si personne ne sait plus quelles parties du code servent encore. Selon le centre d’aide Shopify, les réglages faits dans l’éditeur suivent une mise à jour de thème, mais les modifications de code ne suivent que si elles n’entrent pas en conflit avec la nouvelle version. Un thème retouché par plusieurs prestataires finit souvent bloqué sur une ancienne version. Dans le doute, un audit du code et des applications tranche la question avant toute maquette. Il vous évite de payer un nouveau design posé sur un thème qui ne tiendra pas.
- Une refonte du design fait-elle perdre son référencement sur Google ?
- Une refonte par étapes fait rarement perdre du référencement, parce que les adresses des produits et des collections ne changent pas avec le thème. Elles viennent de l’identifiant de chaque fiche, saisi dans l’administration de Shopify, tout comme les titres et descriptions affichés dans Google. Le risque apparaît dans trois cas : quand on modifie ces identifiants, quand deux collections fusionnent sans redirection, ou quand une nouvelle fiche produit codée à la main n’affiche plus certaines informations. Avant chaque publication, vérifiez que les pages qui reçoivent du trafic gardent leur adresse, leur titre et leur contenu principal. Si une adresse doit changer, créez une redirection de l’ancienne vers la nouvelle dans l’interface de Shopify. Surveillez ensuite les pages concernées dans Search Console pendant quelques semaines.
- Ma boutique continue-t-elle de vendre pendant la refonte ?
- Oui, si chaque étape est préparée sur une copie du thème. Shopify permet de garder plusieurs thèmes en brouillon, jusqu’à 20 sur les formules Basic, Grow et Advanced, et de partager un lien de prévisualisation d’un thème non publié. Vos clients continuent d’acheter sur la version en ligne pendant que vous validez la nouvelle sur votre téléphone. La bascule se fait au moment de la publication, en quelques secondes. Choisissez ce moment hors de vos semaines les plus chargées : pas pendant une opération commerciale, un passage média ou les jours qui précèdent une fête. Après chaque publication, regardez les ventes et le taux d’ajout au panier quelques jours avant de lancer l’étape suivante. Si les chiffres baissent, republiez l’ancienne version, qui est restée dans les brouillons.
- Par quoi commencer pour moderniser une boutique Shopify ?
- Commencez par les réglages qui se voient sur toutes les pages : typographies, couleurs, boutons, espacements et logo. Ils se changent dans les paramètres du thème, sans toucher à la structure des pages ni au parcours d’achat, et donnent tout de suite une boutique plus cohérente. Passez ensuite à la fiche produit, qui pèse le plus dans la décision d’achat : ordre des informations, photos, guide des tailles, réassurance. Viennent après l’accueil et les collections, puis le menu, la recherche et le panier. La page de paiement est gérée par Shopify et ne fait pas partie du thème. Mettez chaque étape en ligne seule. Regardez ensuite les ventes avant de passer à la suivante : vous savez ainsi ce que chaque changement a produit.





