Passer au contenu principal

Charming Theme

FR
Custom Shopify homepage with hero tiles on desktop and mobile

Jonas dirige KANTE, une marque berlinoise de soins pour hommes vendue en direct. Sa boutique Shopify avait de bons produits, des prix honnêtes et un thème premium. Pourtant, la plupart des visiteurs arrivaient sur la page d’accueil, voyaient une grande bannière et repartaient. « Notre page d’accueil ressemble à un modèle, nous a-t-il écrit. Je veux qu’elle vende comme nos meilleures pubs Instagram. »

Voici comment nous avons fait de cette page d’accueil le meilleur vendeur de la boutique grâce à trois sections Shopify sur mesure, sans nouveau thème et sans aucune nouvelle app.

À propos de cette histoire : KANTE est une marque fictive. Le projet rassemble de vrais travaux Shopify que nous avons livrés, avec des noms, produits et détails modifiés. Les sections, les problèmes et les solutions sont réels.

Page d’accueil Shopify sur mesure avec tuiles sur ordinateur et mobile
La nouvelle page d’accueil KANTE sur ordinateur et mobile. (Illustration.)
ClientKANTE, soins pour hommes, Berlin (fictif)
BoutiqueShopify, boutique en allemand, thème premium Online Store 2.0
LivréTuiles d’accueil, carrousel produit avec ajout au panier, slider d’atouts
Nouvelles appsAucune
Modifiable parL’équipe KANTE, dans l’éditeur de thème
Des sections comme celles-ci pour votre boutique Shopify ?

Dites-nous ce dont vous avez besoin. Vous recevez un prix fixe, un lien d’aperçu avant la mise en ligne et un code qui vous appartient.

Demander un devisGratuit et sans engagement. Réponse généralement sous un jour ouvré.

Le problème : une page d’accueil qui montre sans vendre

L’ancienne page d’accueil avait un diaporama et une grille de produits. Propre, mais sans raison de cliquer plus loin : pas de campagne claire, pas de raccourci vers les coffrets, aucune explication de ce qui justifie le prix d’une tondeuse KANTE. Les acheteurs allemands comparent avant d’acheter ; ce « pourquoi » manquant coûtait des ventes.

Section 1 : des tuiles qui donnent un chemin à chaque visiteur

Section Shopify de tuiles d’accueil avec une grande tuile de campagne et deux tuiles de lien
Une grande tuile de campagne et deux raccourcis vers les coffrets et les meilleures ventes. (Illustration.)

À la place d’une bannière, l’accueil propose une grande tuile de campagne avec badge, titre fort et bouton, et des tuiles empilées qui mènent directement aux coffrets et aux meilleures ventes. Les visiteurs que la campagne n’intéresse pas restent à un clic des produits qui se vendent le mieux.

Tout se règle dans l’éditeur de thème : largeurs, hauteurs distinctes pour ordinateur et mobile, position du texte, intensité de la superposition et couleurs. La section n’utilise aucun JavaScript, la partie la plus importante de la page se charge donc instantanément.

Section 2 : un carrousel produit qui explique et qui vend

Carrousel produit Shopify avec slide centrée et barre produit avec ajout au panier
Chaque slide explique un atout et a son propre bouton d’achat. (Illustration.)

Le carrousel présente un atout technique par slide (moteur, confort de la peau, étanchéité) avec une barre produit et un bouton d’ajout au panier directement sur la slide. La slide active est centrée et ses voisines dépassent sur les côtés, ce qui invite à balayer sur mobile.

Il gère le balayage, le glisser, les flèches du clavier, la lecture automatique et la boucle, et ouvre le panier latéral du thème : acheter se fait exactement comme sur une fiche produit.

Éditeur de thème Shopify avec les réglages d’espacement des slides
Espacement, largeur et lecture automatique sont de simples réglages de l’éditeur. (Illustration.)

Le bug que tout thème premium peut provoquer

Après la première installation, le titre du carrousel était invisible sur la boutique en ligne. Le thème dessine le fond des sections avec un calque positionné qui recouvrait notre contenu, et Shopify servait encore une ancienne feuille de style en cache. Nous avons placé le contenu au-dessus du calque, écrit le CSS critique en ligne et donné à chaque réglage une valeur par défaut sûre. Ce genre de détail n’apparaît que sur une vraie boutique ; c’est pourquoi nous testons toujours sur une copie de votre thème en ligne.

Code Liquid et schéma d’une section Shopify sur mesure
Un Liquid propre avec des valeurs par défaut sûres. (Illustration.)

Section 3 : un slider d’atouts pensé pour le pouce

Sur mobile, une rangée de cartes à balayer avec liens produits a remplacé un long bloc de texte statique. Chaque carte est un bloc dans l’éditeur : l’équipe en ajoute une pour chaque lancement en quelques secondes.

Vue mobile des tuiles d’accueil Shopify
Sur mobile, les tuiles s’empilent avec leur propre hauteur et la campagne reste visible sans défiler. (Illustration.)

Ce que KANTE a obtenu, et ce qu’il faut mesurer

  • Une page d’accueil avec une campagne claire et des chemins en un clic vers les coffrets et les meilleures ventes
  • L’ajout au panier directement depuis l’accueil
  • Trois sections réutilisables pour chaque campagne, sans abonnement
  • Un code propre et rapide dans le thème existant

Nous ne publions pas les chiffres de conversion de nos clients. Nous définissons plutôt des indicateurs clairs à comparer avec la saison précédente : clics sur les tuiles, ajouts au panier depuis le carrousel et part des commandes contenant un coffret.

Une page d’accueil sur mesure, est-ce rentable pour vous ?

Si votre page d’accueil reçoit du trafic mais peu de clics vers les produits, des sections sur mesure sont généralement la solution la plus rapide. Vous gardez votre thème, vos apps et votre checkout, avec une page d’accueil pensée pour la façon dont vos clients achètent.

Une page d’accueil qui vend

Tuiles, carrousels produit, sliders ou la section qui manque à votre thème. Prix fixe, aperçu avant la mise en ligne.

Demander un devisRéponse généralement sous un jour ouvré.

Questions fréquentes

Combien de temps faut-il pour une section d’accueil sur mesure ?

Une section prend généralement quelques jours entre le devis validé et l’aperçu. Un ensemble complet prend plus de temps ; le délai exact figure dans le devis.

Est-ce compatible avec mon thème ?

Oui, avec tout thème Online Store 2.0. Nous reprenons ses polices, boutons et cartes produit.

Puis-je modifier le contenu moi-même ensuite ?

Oui. Chaque texte, image, produit, couleur et espacement est un réglage de l’éditeur de thème.

Faut-il une app ?

Non. Tout est intégré à votre thème, sans abonnement.

Share this article