Est-ce le bon moment pour passer à un thème Shopify 2.0 ?

Publié: 2022-04-19

L'automne dernier, j'ai écrit sur la mise à niveau des thèmes vers la boutique en ligne 2.0 de Shopify. À cette époque, il y avait beaucoup de battage médiatique, mais peu avaient essayé de mettre à jour leurs thèmes. Il y avait beaucoup de confusion si les magasins devaient se mettre à niveau avant ou après la période des fêtes.

J'espère que je peux dissiper une certaine confusion maintenant.

La boutique en ligne 2.0 de Shopify propose des options accessibles à tous, quel que soit le thème sur lequel vous vous trouvez. Cependant, certaines fonctionnalités ne sont disponibles que si vous disposez d'un thème compatible 2.0.

La réponse courte : à moins qu'il y ait un besoin spécifique qui soit résolu avec un thème compatible 2.0, vous n'avez probablement pas besoin de passer à un thème 2.0 .

La plupart des gens n'ont pas besoin d'un thème compatible 2.0 pour le moment. Mais pour passer en revue tout cela, permettez-moi de le décomposer.

Si vous êtes déjà sur un thème compatible 2.0, c'est très bien. Vous pouvez encore apprendre une chose ou deux, alors continuez à lire.

Qu'est-ce que la boutique en ligne 2.0 de Shopify ?

La boutique en ligne 2.0 est une compilation de fonctionnalités qui ouvrent des opportunités aux commerçants et aux développeurs. Les nouvelles fonctionnalités peuvent être une amélioration, mais il y a des coûts que vous voudrez peser avant de sauter le pas sur un nouveau thème ou une nouvelle application.

Voici quelques-uns des risques et avantages des fonctionnalités de la boutique en ligne 2.0 de Shopify.

Flexibilité accrue

Avant d'entrer dans le vif du sujet, je voulais aborder l'avantage général d'une plus grande flexibilité.

Une plainte que j'ai entendue à plusieurs reprises de la part des propriétaires de magasins est que les modèles de thème font que chaque magasin se ressemble. Les modèles sont destinés à créer une cohérence dans l'ensemble de votre magasin. Mais je reçois le désir de se démarquer des autres qui utilisent le même thème.

En lisant les avantages ci-dessous, rappelez-vous que bon nombre de ces fonctionnalités offrent plus de flexibilité afin que vous puissiez créer un site unique et attrayant sans modifier le code.

Avec les thèmes compatibles 2.0, vous n'avez pas à vous soucier du code autant, voire pas du tout. Vous le pouvez certainement, mais je vous conseille d'éviter de modifier les fichiers de code si possible. Les fonctionnalités que je vais décrire ci-dessous vous permettent de créer des modèles uniques pour votre boutique directement dans le personnalisateur de thème de Shopify plutôt que dans le backend du code.

Sections n'importe où

Le plus grand avantage est la possibilité d'utiliser ce qu'on appelle des sections et des blocs dans tous les modèles au lieu de la simple page d'accueil. Shopify appelle ça Sections Anywhere, ou est-ce partout ? Qui sait parce qu'ils continuent de le changer. #Commercialisation

Lorsque nous disons Sections Anywhere, voici ce que nous entendons exactement.

Historiquement, Shopify vous permettait d'ajouter différentes sections à la page d'accueil uniquement. Sur la page d'accueil, vous pouvez ajouter une section pour vos articles de blog les plus récents, mettre en évidence une collection en vedette ou peut-être ajouter votre inscription à la newsletter par e-mail.

Avec Sections Anywhere, vous pouvez ajouter des sections similaires à n'importe quelle page utilisant la structure 2.0. Je dis cela parce que tous les thèmes ne mettent pas à jour leurs modèles sur l'ensemble du thème. Ainsi, vous saurez si Sections Anywhere est disponible car il indiquera "Ajouter une section" ou "Ajouter un bloc" dans le personnalisateur de thème.

Personnalisateur de Shopify pour une page de produit avec Ajouter un bloc et Ajouter une section en surbrillance

Les blocs sont un peu différents des sections. Ce sont les pièces qui entrent dans votre section.

Considérez votre page comme un contenant géant de crème glacée napolitaine de taille familiale. Chaque portion est composée de saveurs individuelles de fraise, de chocolat et de vanille. À l'intérieur de la glace à la fraise, vous avez des morceaux de fraises.

Si nous convertissons cela en termes Shopify pour une page de produit, une section est votre formulaire de produit (la glace à la fraise). Les parties de la section peuvent être mélangées et assorties, ce qui peut inclure le titre du produit, le prix et le bouton Ajouter au panier (chacun étant un morceau de fraises différentes).

Donc, ce que Shopify appelle les sections, ce sont les différentes saveurs de crème glacée et à l'intérieur de certaines sections, il y a des blocs, les fraises. Certaines sections ne prennent pas en charge les blocs, tout comme la crème glacée au chocolat n'aura pas de morceaux de fraise.

Affichage graphique montrant la différence entre les sections Shopify et les blocs

Extensions d'application

L'extension d'application de Shopify donne aux applications la possibilité de s'intégrer de manière plus transparente à votre vitrine.

Il existe deux manières différentes pour une application d'utiliser les fonctionnalités de la boutique en ligne 2.0 qui ont un impact direct sur votre boutique. Blocs d'application et blocs d'intégration d'application.

Les blocs d'applications permettent aux applications d'ajouter du code à l'intérieur d'une section. Ceci est mieux décrit pour les applications qui ont une représentation visuelle sur la page. Par exemple, les applications de révision utiliseraient des blocs d'application afin qu'elles puissent ajouter les étoiles de révision dans le formulaire du produit avec le titre et le prix.

Personnalisateur de Shopify pour une page de produit avec App Block en surbrillance

App Embed Blocks permet aux applications telles que JSON-LD pour le référencement d'ajouter leur code à la page entière. Ceci est courant avec les applications qui fonctionnent dans les coulisses et ne font rien visuellement sur la page.

Paramètres de thème pour App Embeds montrant que JSON-LD pour l'application de données structurées SEO est activé.


La raison pour laquelle cela est bon pour les applications est vraiment technique, donc je ne vais pas trop creuser cela.

Le gros point à retenir ici est que le processus d'installation est plus facile car vous n'avez pas à modifier le code pour installer l'application. Si vous modifiez le code, l'application n'est pas entièrement compatible avec la version 2.0. Ce n'est peut-être pas leur faute et je vais vous expliquer pourquoi.

RISQUE : Toutes les applications ne sont pas encore là

La plupart des applications ne sont pas passées à la boutique en ligne 2.0, la valeur est donc encore assez faible.

Cela ne veut pas dire que les applications doivent améliorer leur jeu… Je veux dire que certaines le font. Mais dans certains cas, ils ne peuvent littéralement pas passer à la version 2.0. Shopify manque des pièces essentielles pour que leurs applications fonctionnent comme prévu dans les restrictions et l'esprit de la compatibilité 2.0.

La plus grande valeur pour vous concernant les applications est que ceux qui passent complètement à cette nouvelle version n'entrent plus de code directement dans votre thème.

Par exemple, JSON-LD pour le référencement créait historiquement un fichier et une ligne de code qui étaient insérés dans le code de votre thème. Cela signifie que nous avons modifié votre code de thème et que vous ne pouviez pas facilement mettre à jour les thèmes ou qu'une mise à jour automatique ne fonctionnerait pas. Maintenant, nous ne touchons pas à votre thème et vous pouvez facilement activer ou désactiver l'application en un clic.

Métachamps

Les champs méta ne sont pas une nouvelle fonctionnalité pour Shopify. Ils existent depuis des années et étaient une méthode courante pour les applications et les développeurs pour créer des champs personnalisés. Dans le cadre de la boutique en ligne 2.0, Shopify vous les a rendus plus accessibles en ajoutant des champs méta au menu Paramètres.

Options de configuration des métachamps pour les produits, les variantes, les collections, les clients et les commandes.

Considérez les champs méta comme des champs personnalisés pour votre magasin qui donnent vraiment un coup de main à la flexibilité. Les métachamps peuvent être très pratiques lorsqu'ils sont correctement implémentés.

Une utilisation courante pour cela serait d'afficher différents éléments de contenu sur une page de produit plutôt que de créer un modèle personnalisé. Par exemple, une description spécifique à une variante. Vous pourriez dire « si ce champ méta (attribué à cette variante particulière) est présent, affichez cette description ».

Un autre exemple est la façon dont Shopify utilise les champs méta pour masquer vos pages aux moteurs de recherche.

RISQUE : vous ne pouvez pas encore compter sur les champs méta Shopify natifs

Au moment de cet article, Shopify a une certaine capacité avec une fonctionnalité intégrée pour les champs méta au niveau du produit, de la variante, de la collection, du client et de la commande.

Shopify n'a pas encore déployé de champs méta natifs au niveau de la boutique, de la page et du blog.

Il est donc toujours nécessaire d'utiliser des applications de champ méta.

Chemin de mise à niveau plus facile

Avec les thèmes compatibles Shopify Online Store 2.0, le chemin de mise à niveau de vos thèmes est censé s'améliorer et rendre les choses beaucoup plus faciles.

Un grand objectif (je pense) de la 2.0 est de mettre fin au code personnalisé que les marchands ajoutent à leurs thèmes. Le code personnalisé fait de la mise à jour des thèmes un cauchemar, oserais-je dire impossible si vous n'avez pas les ressources pour le faire vous-même.

Le passage à un thème compatible 2.0 devrait, espérons-le, signifier moins de modifications de code personnalisées, mais j'ai des doutes.

RISQUE : la modification du code interrompt le chemin de mise à jour

Bien que l'objectif de Shopify soit de déplacer toutes les applications vers la version 2.0 et d'amener les commerçants à cesser de modifier le code, ce n'est pas une mince affaire. Si vous avez récemment mis à jour votre thème vers la version 2.0 et que des applications qui modifient le thème ou le code personnalisé étaient toujours utilisées, vous avez rompu votre chemin de mise à jour.

Cela ne signifie pas que vous ne pouvez toujours pas mettre à jour, mais vous êtes de retour là où vous étiez et vous aurez peut-être besoin d'un développeur pour vous aider à mettre à jour les thèmes au fur et à mesure que les mises à jour sortent.

De plus, de nombreux thèmes créés par Shopify ne seront pas mis à jour pour la compatibilité avec la boutique en ligne 2.0. Cela signifie que vous n'avez pas de chemin de mise à niveau et que vous devrez recommencer avec un nouveau thème et une refonte complète. Shopify a opté pour Dawn, leur thème compatible 2.0. Au lieu de mettre à jour d'autres thèmes, ils ont créé de nouveaux thèmes avec des préréglages basés sur Dawn.

Shopify indique désormais lorsqu'une nouvelle version du thème est disponible.
Les mises à jour ne sont disponibles que si aucun code personnalisé n'a été ajouté

Quelles fonctionnalités de la boutique en ligne 2.0 sont disponibles pour les thèmes non 2.0

Tous les thèmes, quelle que soit votre version, les ont à leur disposition.

  1. Blocs d'intégration d'applications
    Tout le monde, quel que soit votre thème, peut installer des applications comme JSON-LD pour le référencement qui utilisent les App Embed Blocks. Parce que nous ne touchons rien visuellement sur la page, peu importe si vous avez un thème hérité ou compatible 2.0.
  2. Métachamps
    Les champs méta de Shopify existent depuis des années, mais pour y accéder sans code, vous avez dû utiliser une application. Désormais, tous les magasins, quel que soit le thème sur lequel vous vous trouvez, peuvent utiliser les champs méta natifs de Shopify.

    Vous ne pouvez pas ajouter dynamiquement des métachamps à vos modèles. Cela limite les avantages, mais encore une fois, les métachamps existaient bien avant que la version 2.0 ne soit une chose. Ainsi, vous pouvez toujours bénéficier des champs méta, mais pas pleinement lorsque vous êtes sur un thème hérité.

Ne répare pas ce qui n'est pas cassé

Toutes ces nouvelles fonctionnalités étonnantes peuvent sembler géniales, mais si vous n'avez pas de problème à résoudre, je m'abstiendrai. Les coûts de mise à niveau vers un thème compatible 2.0, en dollars et en temps, peuvent être élevés. Surtout pour ceux où Shopify ne crée pas de chemin de mise à niveau clair et vous devez recommencer.

N'oubliez pas que même les thèmes qui ont un chemin de mise à niveau clair nécessitent toujours des efforts de votre part. Dans la plupart des cas, votre page d'accueil doit être entièrement reconstruite. Dans d'autres cas, les pages de produits peuvent également nécessiter des travaux.

Le chemin de mise à niveau vers un thème compatible 2.0 n'est pas un simple clic sur le bouton. Attendez-vous à passer entre quelques heures et quelques semaines selon l'étendue ou la complexité des changements.

Si le site fonctionne et que vous êtes satisfait de ses performances, laissez-le tranquille. Il n'y a pas d'urgence à passer à un thème 2.0 à moins qu'il n'y ait un véritable problème que vous essayez de résoudre.

Et une mauvaise conversion du site peut ne pas être une raison pour obtenir un nouveau thème. Le Website Rescues est conçu pour optimiser votre site sans le coût d'une refonte complète. Avec les Website Rescues, je corrige quelques dizaines de problèmes qui affligent les magasins Shopify.