Beaucoup de débutants créent leurs pages avant de configurer la base du thème — et se retrouvent à tout refaire section par section. Logo, couleurs, typo, animations : ces réglages globaux s’appliquent partout sur le site et conditionnent l’image de ta boutique dès le départ.
En 30 secondes
Avant de construire ta boutique Shopify, tu dois configurer les paramètres globaux du thème : logo, couleurs, typographie, mise en page et animations. Ces réglages s’appliquent partout sur le site — mieux vaut les faire une bonne fois au départ plutôt que de corriger section par section. Pas besoin d’être designer : une boutique qui inspire confiance et reflète ton positionnement suffit pour démarrer.
Pourquoi les paramètres de thème passent en premier
Beaucoup de débutants plongent directement dans la création de pages sans configurer la base. Résultat : ils changent la couleur d’un bouton sur une page, puis doivent tout refaire sur les autres. Comme le rappelle Jérôme : « Tu n’as pas besoin de faire une boutique super professionnelle. Tu as besoin d’une boutique qui inspire confiance, qui est brandée, fonctionnelle et claire. »
Les paramètres de thème Shopify sont des réglages globaux : une modification ici se répercute sur l’ensemble du site. C’est ton point de départ obligatoire.
Les 7 réglages à configurer dans l’ordre
- Logo et favicon — Importe ton logo, règle sa largeur (ne le mets pas trop grand, il ne doit pas écraser le header). Ajoute le favicon : cette petite icône dans l’onglet du navigateur renforce la crédibilité de ta boutique.
- Couleurs (nuanciers) — Crée tes nuanciers avec ta palette de marque. Jérôme conseille de ne pas en créer plus que nécessaire : « Ne me fais pas 20 nuanciers, tu n’as pas besoin d’autant de couleurs. » Pour le badge « rupture de stock », ajoute un nuancier rouge même s’il n’est pas dans ta palette — c’est un code couleur universel.
- Typographie — Renseigne la police pour les titres et pour le corps de texte. Shopify propose les mêmes polices que Canva. Évite de modifier l’échelle de taille globale sauf si tu sais ce que tu fais : ça change tous les titres d’un coup.
- Mise en page — Largeur maximale du contenu (Jérôme utilise 1400 px pour réduire les marges latérales). Espace entre sections : mets 0 si tu veux gérer les marges manuellement section par section.
- Animations — Active « Reveal vertical » pour un effet d’apparition sobre. Évite le « 3D lift » : trop tape-à-l’œil pour la plupart des niches.
- Style des boutons et bordures — Choisis un rayon de coin cohérent avec ton identité (arrondi ou carré). Applique-le à tous les boutons, champs et cartes produit. Épaisseur de bordure : 1 px suffit dans la majorité des cas.
- Informations de marque et réseaux sociaux — Renseigne ces champs : ils s’affichent automatiquement dans le footer. Ajoute tes liens sociaux ici une seule fois.
Cartes produit et cartes collection : standard ou carte ?
Shopify propose deux styles d’affichage pour tes vignettes produit :
| Style | Rendu visuel | Quand l’utiliser |
|---|---|---|
| Standard | Image + texte sans encadré | Look épuré, boutiques lifestyle, mode |
| Carte | Image + texte dans un bloc encadré | Look structuré, produits techniques, multi-catégories |
L’alignement du texte sous les produits : gauche ou centré. Évite l’alignement à droite — ça perturbe la lecture et donne un rendu peu professionnel.
Les erreurs à éviter absolument
- Logo trop grand dans le header — il écrase la navigation et nuit à l’expérience utilisateur.
- Trop de nuanciers de couleurs — ça crée de l’incohérence visuelle et complique la maintenance.
- Modifier le CSS personnalisé sans le noter ailleurs — si tu changes de thème, ce code ne se transfère pas automatiquement, tu perds tout.
- Ignorer le favicon — un onglet sans icône fait amateur, surtout face à des concurrents soignés.
- Mettre des bordures partout — Jérôme insiste : « Fais très attention avec les bordures. » Une bordure mal dosée alourdit visuellement la page.
- Sauter les paramètres de thème pour aller directement aux pages — tu vas passer deux fois plus de temps à corriger.
- Vouloir une boutique parfaite dès le premier jet — commence fonctionnel, améliore ensuite.
Fonctionnalités avancées à connaître (mais pas urgentes)
Boutiques par marché : Shopify permet de créer une version de ta boutique pour la France et une autre pour l’international, avec des textes et images différents. Utile quand tu scales, pas pour le démarrage.
CSS personnalisé : Si tu connais le HTML/CSS, tu peux injecter du code directement dans le thème. Attention : note tout dans un fichier externe, car ce code ne suit pas lors d’un changement de thème.
Styles de thème : Certains thèmes payants proposent plusieurs styles prédéfinis (couleurs, typographies). Si c’est ton cas, choisis ton style avant de personnaliser — changer de style après efface tes modifications.
La bonne mentalité pour démarrer
Jérôme le dit clairement dès le début de la leçon : il se met dans la peau d’un débutant qui ne sait pas coder, qui se débrouille sur Canva, et qui découvre Shopify. L’objectif n’est pas la perfection — c’est l’autonomie.
« Tu feras un premier jet de ton site et après tu l’amélioreras, soit toi-même, soit avec une personne plus pro quand tu auras plus de budget. »
Des membres de cockpitLAB ont construit de belles boutiques seuls, en partant de zéro. La configuration des paramètres de thème est la première étape concrète pour y arriver.
Action cette semaine
- Ouvrir l’éditeur de thème Shopify → cliquer sur « Personnaliser » → aller dans « Paramètres de thème »
- Importer ton logo et régler sa largeur (ni trop grand, ni trop petit)
- Ajouter ton favicon (petite icône dans l’onglet navigateur)
- Créer tes nuanciers de couleurs à partir de ta palette de marque (maximum 5-6 nuanciers)
- Ajouter un nuancier rouge pour le badge « rupture de stock »
- Renseigner ta police de titre et ta police de corps (cherche par nom, ex : Futura)
- Régler la largeur de mise en page (1200 à 1400 px selon ta préférence)
- Mettre l’espace entre sections à 0 si tu veux gérer les marges manuellement
- Choisir le style d’animation « Reveal vertical » et désactiver le « 3D lift »
- Renseigner les informations de marque et tes liens réseaux sociaux pour le footer
- Enregistrer et vérifier le rendu sur mobile ET sur desktop
Pour aller plus loin
Leçon interactive complète (quiz, transcription, notes, chapitres) : https://app.cockpitlab.io/fr/formations/shopify/personnaliser-le-theme-shopify-design-complet-meme-sans-savoir-coder-video-24-41
Vidéo originale sur YouTube : Regarder
Chaîne cockpitLAB : Abonne-toi pour les prochaines formations
Discussion
Par quoi as-tu commencé quand tu as personnalisé ton thème, et qu’est-ce que tu aurais dû faire en premier ?
N’hésite pas à poser tes questions ou partager ton expérience ci-dessous — la communauté te répond sous 24h en général.