Tuto Shopify

Nous poursuivons la découverte des fonctions de Shopify (et tout ce qui concerne la question des produits, en particulier dans cette série de focus), avec deux points principaux aujourd’hui :

  • Quelques informations supplémentaires au sujet des collections (apparence et accessibilité pour les clients).
  • Puis un cas particulier qui intéressera sûrement de nombreuses personnes : la création d’une collection spéciale « produits en promos ».

Les mises à jour relatives à l’apparence d’une collection

 

À tout moment, même après sa création, vous pouvez modifier plusieurs critères de présentation d’une collection, en entrant dans la page des informations détaillées qui la concernent :

  • Son titre
  • Sa description
  • Son image principale (mise en avant par le thème, dans la plupart des cas)

Ces mises à jour se gèrent comme lors de l’étape de création d’une collection, et je ne reviens donc pas dessus.

Par contre, il existe deux types de modifications que je n’ai pas évoquées jusqu’ici :

  • L’ordre dans lequel les produits sont présentés aux clients au sein d’une page de collection.
  • La modification du template qui contrôle son affichage.

Ces deux fonctions ont une incidence sur l’apparence de la collection et pas sur les produits qui la composent. Elles sont néanmoins importantes à connaître pour que vous puissiez proposer un affichage adapté aux clients de votre boutique.

 

L’ordre des produits dans une collection

 

Cet ordre se détermine dans une collection déjà créée et qui contient des produits, dans la partie « Products » de la page détaillée (en dessous du bloc de description).

Vous avez le choix entre les options suivantes :

  • « Manually » (« manuellement ») : vous choisissez vous-même l’ordre d’apparition des produits, en les déplaçant dans la liste par « glisser-déposer » avec votre souris.
  • « By best selling » (« les plus vendus en premier ») : Shopify actualise automatiquement l’ordre des produits chaque semaine, sur la base des ventes effectuées durant les 30 jours écoulés.
  • « Alphabetically – A-Z » (« par ordre alphabétique croissant »)
  • « Alphabetically – Z-A » (« par ordre alphabétique décroissant »)
  • « By price – Highest to lowest » (« par prix décroissant »)
  • « By price – Lowest to highest » (« par prix croissant »)
  • « By date – Newest to oldest » (« les plus récents en premier ») : Shopify utilise la date de création initiale des produits pour les classer.
  • « By date – Oldest to newest » (« les plus anciens en premier »).

Par défaut, une collection fraîchement créée est organisée par ordre alphabétique croissant, mais il peut être intéressant de modifier l’affichage proposé au client quand il arrive sur la page de la collection, notamment en fonction de :

  • La quantité de produits qu’elle inclut
  • La fréquence de parution de nouveaux articles
  • Les fourchettes de prix (importantes ou pas) que vous proposez
  • L’homogénéité ou l’hétérogénéité des produits de la collection
  • Etc.

Par exemple, s’il est pertinent de classer des livres par ordre alphabétique, pour que le client trouve facilement celui qu’il cherche, il peut être intéressant de classer par prix un même type de produits qui existent pour différents niveaux de budget, ou encore de ranger manuellement des articles en les regroupant par thématique, etc.

À vous de tester et voir ce qui convient le mieux, en sachant que la plupart des thèmes incluent une fonction qui permet aux clients de modifier l’affichage initial, côté visiteurs, en triant vos articles de la façon qui leur plaît le plus.

 

Le template d’une collection

 

Je vais passer rapidement sur cette question, dans cet article, car elle sera largement détaillée dans la future série de focus consacrés à la personnalisation du thème de votre boutique.

Pour le moment, notez ces quelques informations :

  • Si vous avez acquis un thème qui propose plusieurs affichages possibles, pour une page de collection, vous trouverez ces templates en bas à droite de la page détaillée de chaque collection (par défaut, le template « collection » doit être actif).
  • Un template de collection (comme n’importe quel modèle prédéfini) peut être modifié et complété par un ensemble de fonctions, en agissant sur son code (mais cela se fait à vos risques et périls). J

Quelques exemples de personnalisation possibles d’un thème de base (certaines de ces fonctions étant fréquemment incluses dans la plupart des thèmes payants) :

    • Créer un effet visuel, au passage de la souris sur un produit de la collection
    • Créer des sous-catégories de produits
    • Intégrer une mise en avant de collection à l’intérieur d’une page normale
    • Etc.

Je ne m’attarde pas sur le sujet, à ce stade, mais sachez que Shopify est un logiciel qui vous donne la possibilité de vraiment personnaliser la façon dont vos contenus sont présentés à vos visiteurs (en sachant aussi que plus un thème payant est « Premium », plus il contiendra de fonctions de personnalisation très avancées directement accessibles, sans nécessité de savoir coder).

 

Rendre une collection accessible côté clients

 

À partir du moment où une collection a été créée et est en statut « visible » dans votre boutique en ligne, elle est théoriquement accessible dès lors que vous communiquez son adresse Web (celle qui apparaît en bas des informations détaillées de la collection, dans la section « SEO »).

Mais ce n’est évidemment pas ainsi qu’un client qui découvre votre boutique va pouvoir trouver la page de la collection et tous les produits que vous avez intégrés dedans : il lui faut un lien interne de navigation, facilement utilisable.

Pour cela, vous allez généralement intégrer la collection à la navigation principale de la boutique, soit le menu qui se trouve, le plus souvent, tout en haut (horizontalement) ou à gauche (verticalement).

Côté administration, ce menu principal se trouve dans la page « Online store / Navigation » (raccourci clavier GWN) et s’intitule, par défaut, « Main menu » (aujourd’hui, je ne vais vous parler que de l’exemple précis du rattachement d’une collection à ce menu, mais je reviendrai très prochainement sur toutes les fonctions relatives à la navigation).

  • Dans la liste des menus déjà existants, cliquez sur « Main menu » pour entrer dans le menu principal de la boutique.
  • Une fois dans la nouvelle page, cliquez à gauche sur le bouton « Add menu item ».
  • Donnez à cet item de navigation le nom que vous souhaitez voir apparaître dans la boutique et qui est généralement le nom de la collection à lier (par exemple : « T-shirts pour hommes »).
  • Sélectionnez, dans le premier ascenseur, le mode « Collection ».
  • Dans le deuxième, sélectionnez la collection concernée.
  • Répétez éventuellement l’opération d’ajout pour une autre collection, etc.
  • Utilisez la petite poignée de déplacement (à gauche de chaque item) pour ordonner les liens comme vous le souhaitez.
  • Enfin, sauvegardez vos modifications.

Il s’agit de la manipulation la plus simple possible permettant à une collection d’être visible et cliquable pour le client.

Vous pouvez aussi placer vos liens de collections dans un sous-menu, pour mieux gérer le premier niveau de menu de votre boutique.

Par exemple, vos cinq items de menu principal pourraient être les pages suivantes : « Accueil », « Notre catalogue », « Blog », « Qui sommes-nous ? » et « Contact », l’onglet « Notre catalogue » survolé laissant apparaître plusieurs collections disponibles.

Pour attacher vos collections au menu principal de cette façon, il va falloir procéder en deux temps :

  • Dans le menu principal de la boutique, créer un item de menu « Notre catalogue », comme expliqué dans la suite de manipulations précédentes, mais avec une petite différence : cet onglet ne mènera pas vers une collection précise, mais vers le choix « All collections » (une page automatiquement créée par Shopify qui contient tous vos produits).

En créant cet item dans votre menu principal, notez bien le libellé que vous lui avez donné, à la lettre près (dans cet exemple : « Notre catalogue »).

  • Revenez ensuite à la page générale des menus (GWN) et créez un nouveau menu via le bouton bleu tout en haut à droite : « Create Menu ».

Donnez-lui exactement le nom déterminé dans l’item de l’étape précédente (dans cet exemple : « Notre catalogue »).

Pour ce nouveau menu, suivez la même logique que précédemment, avec un item par collection que vous souhaitez faire apparaître dans le sous-menu. Par exemple : « T-shirts pour hommes », « T-shirts pour femmes », « T-shirts pour enfants », etc.

À chaque fois, sélectionnez bien la collection correspondante dans le second ascenseur.

Sauvegardez votre menu « Notre catalogue ».

Si vous avez bien suivi ces deux étapes (et que le nom de l’item de menu de la phase 1 et le nom du menu de la phase 2 sont strictement identiques), vous pouvez maintenant voir, côté client, que votre menu de navigation a changé, avec un sous-menu pour l’item « Notre catalogue », qui affiche les collections rattachées.

Les thèmes les plus avancés ont généralement une gestion plus aboutie des menus et c’est pourquoi (entre autres raisons) je vous reparlerai de tout ce qui concerne la navigation dans la série de focus consacrés aux thèmes et à leur personnalisation.

 

Exemple de création d’une collection pour les offres promotionnelles

 

Je termine cet article en revenant à la mise en place d’un type de collection qui intéresse la plupart des vendeurs Shopify : la mise en avant de produits en promotion.

Il existe deux façons principales de mettre une telle collection en place et ces deux exemples font appel à des informations données dans les focus précédents. Ils vont nous nous permettre de clore (pour le moment) le sujet des collections.

Méthode 1 : par la fonction « Compare at price »

Suivez ces étapes :

  • Créez une nouvelle collection, à partir de la page « Products / Collections » (GPC pour le raccourci).
  • Donnez-lui un titre (« Promotions en cours », par exemple) et, si vous le souhaitez, une description et une image principale.
  • Dans la section des « Conditions », choisissez le mode automatique.
  • Comme condition, utilisez uniquement celle qui s’intitule « Compare at price », avec le réglage « Is greater than » et la valeur 0 $.

Ceci va permettre à Shopify de n’intégrer dans cette collection que les produits qui sont concernés par un prix temporairement modifié par la fonction « Compare at price ».

Méthode 2 : par l’utilisation de tags

  • Commencez par donner à chaque produit que vous voulez voir apparaître dans cette collection promotionnelle un tag identique (par exemple : « promos »).

Pensez à utiliser les « bulk actions » sur la page « Products / Products » pour aller plus vite et modifier tous les produits concernés en une seule fois.

  • Ensuite, revenez aux explications de la méthode 1 et suivez les mêmes étapes, jusqu’au choix des conditions.
  • Comme condition, utilisez uniquement celle qui s’intitule « Product tag », avec le réglage « Is equal to » et la valeur « nom du tag choisi » (dans notre exemple : « promos »).

Ceci va permettre à Shopify de n’intégrer dans cette collection que les produits qui sont tagués avec cet intitulé.

Il est certain que la méthode 1 est bien plus rapide, puisque vous n’avez plus rien à faire une fois que la collection est mise en place, alors que pour la méthode 2, vous devrez taguer et détaguer vos produits au fil des changements de prix.

Alors, pourquoi vous parler de cette seconde méthode ? Parce que, dans certains cas, vous voudrez mélanger dans une même collection des articles en soldes à prix barré et des articles qui ne sont pas en prix barré, mais que vous voulez néanmoins présenter comme de « bonnes affaires ». Dans ce cas, vous devez impérativement utiliser la méthode 2.

Chaque fois que cela est possible, préférez toutefois la méthode 1, qui limitera les manipulations ultérieures.

Dans les prochains articles, je vous parlerai d’autres sujets relatifs à la gestion des produits (dont la vente de produits numériques, l’inventaire et les codes de réduction), car nous sommes loin d’avoir fait le tour de tout ce que cette section vous permet d’accomplir.

À très bientôt pour la suite !