Salut, c’est Pascal. Bienvenue dans cette vidéo.

Aujourd’hui, je vais te montrer comment tu peux customiser automatiquement les noms de variante dans Shopify.

Comme tu le sais, tu peux avoir plusieurs variantes dans tes produits et en E-Commerce il y en a 2 qui reviennent souvent : c’est la couleur et la taille.

Comment franciser les familles de variante par défaut

Si tu les intègres depuis Oberlo, souvent, ces variantes sont en anglais parce qu’elles ont été prises sur Aliexpress, elles s’appellent « Color » et « Size ».

Il est possible d’agir dessus et de les customiser.

Ça se fait en 2-3 clics et vous n’avez pas à aller dans le produit et à manuellement changer le nom de la variante à chaque fois comme vous pourriez le faire ici à chaque ou dans ce fameux nom ici où vous devez aller dans Edit Option et changer ça.

Mais là, normalement, ce sera fait automatiquement pour n’importe quel texte que vous aurez paramétré.

Le code, c’est celui-ci. En gros, il remplace un texte, par exemple « Color » en anglais qui devient « Couleur ».

Moi, je décide de mettre les deux petits points, vous êtes libre de ne pas les mettre, si vous voulez, c’est l’idée.

Comment on fait ?

Vous allez dans le Edit Code, je vous en ai déjà parlé à plusieurs fois de cet endroit.

Là, vous allez dans Assets. Vous voyez qu’il y a plusieurs éléments à chaque fois, vous allez dans Assets juste ici, vous développez et là ensuite dans app.jss.liquid.

Vous n’avez pas mal d’éléments, vous pouvez scroller et vous pouvez rajouter le fameux code à la fin.

Je mets une petite ligne en plus pour bien dégager du reste.

Vous n’oubliez pas de sauvegarder : Asset saved, c’est bon, ça a bien été corrigé.

À partir de là, vous pourrez faire l’essai en prenant un produit Oberlo sur lequel il a une catégorie de variante.

Ce n’est pas le nom de la variante en elle-même, mais la catégorie qui s’appelle comme ceci et vous verrez si le texte a bien été remplacé.

En tout cas, de mon côté, ça marche nickel.

C’était la petite astuce du jour.

Merci, encore une fois, à la personne qui a soulevé ce problème dans Fastlane.

Il est possible qu’Ulrich ajoute ce code directement pour les prochaines mises à jour, mais comme on n’a pas communiqué là-dessus, je me disais que j’allais vous le donner.

J’espère que ça vous sera utile.

Mais ce code n’est pas de moi, je n’ai pas de crédit par rapport à ça.

N’hésitez pas à télécharger tous les codes que j’ai pu vous passer.

Ça en fait pas mal, mais peut-être qu’au fur et à mesure des vidéos vous êtes perdu.

Sur mon site, je vous ai fait une petite page Ressources qui recense tout.

Vous avez tous les codes que j’ai pu écrire jusqu’à maintenant, j’ajouterai celui-ci, ce sera la Variante.

Il vous suffira d’écrire “variante” en minuscule sur, comme d’habitude, m.me/pascalfastlane et vous aurez le code transmis, ce sera nickel.

Rappel : plusieurs autres codes sont à votre disposition

Une petite anecdote : Je m’étais amusé à voir combien de personnes s’étaient inscrites sur les différents codes et mince, mini coup de gueule, mais c’est rigolo quand même, le code qui a le plus fonctionné, c’est le code du Header qui affichait un texte déroulant, il a été téléchargé 40 fois.

Ensuite, vient le code Responsive pour personnaliser le desktop du mobile, ça a été téléchargé 26 fois.

Ensuite, tous les autres codes, ils n’ont pas très bien fonctionné.

Le code du Checker, c’était les listes à puce HTML pour personnaliser, ça a été téléchargé 11 fois.

Mon code de conversion, seulement 6 fois, c’est la stratégie d’achat N°3 pour avoir un shop ultra optimisé.

Vous aviez énormément de codes là-dedans : du CSS, du HTML à plusieurs endroits et mince je vois qu’il n’a été utilisé que 6 fois.

Le Sticky, c’était 4 fois, c’était pour mettre un bouton un peu rond et ensuite il y a eu navigation et description, seulement une fois.

J’ai vu depuis une semaine que ça convertissait un petit peu mieux la description etc, mais vous n’êtes pas beaucoup à télécharger les codes.

Finalement, le Header n’était pas le code le plus intéressant, déjà parce que dans un deuxième temps, je ne mettais même plus le Sticky Header et maintenant avec la Progress Bar, je vous ferai une vidéo à ce sujet, mais c’est vrai que maintenant ce n’est plus forcément pertinent de mettre ce code.

C’était plus un code pour, entre guillemets, vous amuser à voir que tout était possible, un code un peu ludique.

C’est pour ça qu’il a bien marché, je pense, mais en soi ce n’était pas le plus important.

N’hésitez pas à télécharger tous les codes ici.

Je vous assure, les autres sont beaucoup plus intéressants que celui-ci, mais bien entendu c’est vous que ça regarde, à vous de voir si vous voulez regarder les vidéos et ensuite les appliquer jusqu’au bout.

Conclusion

C’était la petite vidéo de la semaine, une vidéo un petit peu tranquille.

Peut-être les semaines d’après, je vous montrerai aussi, maintenant qu’Ulrich a fait la vidéo sur Bundle Kick, je vous montrerai ce que moi j’en fais, comment je la personnalise également avec du code perso qui permet de mieux afficher.

Ce sera pour les semaines à venir.

Si tu as bien aimé cette vidéo et que tu as bien avancé sur ta boutique mais que tu vas lancer les ventes bientôt, n’hésite pas à prendre un Audit Stratégique.

Cette semaine, j’ai encore eu des personnes qui prennent l’audit trop tard une fois qu’elles se rendent compte que les pubs ne fonctionnent pas, c’est vraiment dommage.

Souscrivez à cet audit avant de lancer vos pubs, comme ça au moins vous savez à quoi vous attendre.

J’ai même eu des personnes qui ont pris l’audit juste pour voir si ça valait le coût de se relancer sur leurs boutiques.

Sur certains, j’ai dit : “Il vaut peut-être mieux recommencer à zéro sur des bases fraîches plutôt que d’essayer de remettre la boutique”.

N’oubliez pas ça, c’est super important.

Je vous laisse. Je vous dis à la semaine prochaine.

Salut !

Partager:

Cette publication a un commentaire

  1. thomas

    merci beaucoup j’ai pu solutionner le problème sur le thème fastlane
    bonne journée

    Thomas – E-commerçant

Laisser un commentaire