Shopify : modifier un template de A à Z

Créer son compte et choisir son plan Shopify

Shopify est le leader de l’e-commerce : plus de 875 millions d’acheteurs ont passé commande sur une boutique Shopify en 2024. Une boutique montée par quelqu’un qui maîtrise l’outil se vend facilement plus de 10 000 €, quand la plupart restent mal optimisées pour la conversion.

L’inscription donne quelques jours d’essai, prolongés par une offre à très bas prix pendant trois mois avant de passer au tarif normal sur le plan le plus bas. Renseigner ses coordonnées bancaires active le paiement et retire le mot de passe qui bloque la boutique.

D’essai gratuit

3 jours

Les 3 premiers mois

1 €

Puis, par mois

33 €

Paramétrer la boutique avant de la designer

Le réflexe est de foncer sur le design. C’est l’inverse : les paramètres d’abord.

• Le nom de la boutique, la devise et son format.
• L’étape de confirmation de commande, à décocher : elle ajoute de la friction au paiement.
• Les moyens de paiement : Shopify Payments, la solution intégrée, ou un fournisseur indépendant comme Stripe.
• Les informations demandées au moment de payer : nom, entreprise, inscription aux emails marketing.
• L’expédition, avec ses zones à supprimer si tu ne livres pas, ses tarifs et ses transporteurs. Plutôt qu’une livraison gratuite conditionnée à un panier minimum, intègre les frais dans le prix du produit.
• La TVA, obligatoire dès que tu n’es plus en micro-entreprise.
• Le domaine, et les emails de notification dont l’apparence et le code se retouchent.

Ajouter ses produits dans Shopify

Les fiches produits s’attaquent avant le thème : celui-ci se règle beaucoup mieux avec de vrais produits à afficher. L’éditeur de description accepte des titres H2 et H3, du gras, des images, des vidéos, des tableaux, et l’IA de Shopify peut rédiger une première version à partir du titre, de quelques mots-clés et d’un ton.

Viennent ensuite le prix, avec un prix barré pour une promotion et un prix unitaire pour calculer la marge, la quantité et le suivi de stock, le poids et l’emballage. Les variantes, ici les formats d’une bouteille, ont chacune leur prix, leur stock et leur image. La catégorie est proposée automatiquement, comme les champs méta.

Le référencement de la fiche se règle au même endroit : meta title, meta description et slug. Raccourcis la description générée, trop longue pour donner envie de cliquer. Les collections se remplissent à la main ou par une règle sur une balise.

Choisir et personnaliser un thème gratuit Shopify

Le choix du thème

La boutique de thèmes filtre les gratuits, vingt-quatre au total. Les thèmes récents offrent plus de possibilités, mais la vraie règle est ailleurs : choisis celui dont la mise en page ressemble déjà à ce que tu veux faire. Le thème ajouté reste en brouillon tant que tu ne le publies pas.

Les nuanciers de couleurs

Un nuancier est un groupe de couleurs : arrière-plan, titres, textes, liens et survol, bordures, boutons primaire et secondaire. Tu en crées un par type de section, d’après la maquette Figma préparée en amont. Les cartes produits héritent du nuancier de leur parent, un héritage que tu peux casser.

La page d’accueil

Le reste se monte section par section, la hiérarchie à gauche et les propriétés à droite. L’en-tête reçoit son logo à gauche et son menu centré, l’arrière-plan transparent décoché et l’en-tête fixe. La hero passe en pleine hauteur avec une vidéo. La collection en vedette se règle en nombre de produits, colonnes, écarts et marges. Une section personnalisée porte une image de fond, une autre associe image et texte.

Un point utile pour le SEO : le titre d’une section est un H2 en HTML, mais tu peux lui donner la taille visuelle d’un H1 sans changer la balise.

Fiche produit, paiement et mise en ligne

La page produit du thème contient déjà l’essentiel : images, titre, prix, description et bouton d’ajout au panier fonctionnel. On la rééquilibre en colonnes uniformes, on choisit entre carousel et grille pour les images, on affiche le sélecteur de variantes en boutons ou en menu déroulant, et on retire le paiement accéléré. Un bloc accordéon sous les boutons d’achat accueille les ingrédients ou les informations nutritionnelles, et les produits recommandés ferment la page.

Le paiement tient désormais sur une seule page, au lieu de trois ou quatre étapes. Tu y places ton logo et tu changes les fonds et les couleurs d’accentuation. Le fond de cette page et celui de la page de commande sont liés.

Il ne reste qu’à afficher la boutique, ajouter un produit au panier et vérifier le paiement. Shopify Payments doit être configuré pour encaisser les commandes.

Conclusion

Compte, paramètres, produits, thème, nuanciers, fiche produit, paiement : dans cet ordre, un thème gratuit devient une boutique complète.