Guide avancé de Shopify: comment vendre en ligne en 2020

Si vous avez mis la main sur Shopify – si ce n’est pas le cas, lisez notre guide du débutant Shopify – vous avez probablement rencontré un bogue ou un problème que les chaînes habituelles ne peuvent pas vous aider. Il peut s’agir d’une application agissant de manière amusante ou d’une fonctionnalité à laquelle personne n’a jamais pensé auparavant. Faire en sorte que Shopify fonctionne correctement dans ces cas peut être une vraie douleur.


Ces scénarios sont frustrants, mais malheureusement, ils sont la vérité si vous travaillez dans l’environnement Shopify. Ne vous inquiétez pas, Cloudwards.net est là pour vous aider.

Dans ce guide avancé de Shopify, nous allons vous présenter des choses plus avancées sur Shopify. Nous vous expliquerons comment choisir le bon thème et comment personnaliser sa structure et son design. En plus de cela, nous vous montrerons comment gérer correctement les produits et quelles applications vous devriez envisager d’installer. Commençons.

Comment choisir le bon thème pour Shopify

Tout d’abord, nous allons vous expliquer ce qu’est un thème. Considérez-le comme la façade de votre magasin. Vous ne déciderez pas à quoi ressemblera votre boutique en fonction de votre thème, mais vous le guiderez dans une certaine direction.

Il est important que vous réfléchissiez au thème que vous utiliserez avant de commencer à créer votre boutique, car cela vous fera économiser temps et argent plus tard. Par exemple, si un thème est livré avec une fonctionnalité de barre latérale intégrée, vous n’avez pas besoin de le personnaliser plus tard, car vous pouvez l’ajouter à votre boutique sans effort.

Sur Cloudwards.net, nous avons créé une liste de contrôle pratique qui vous permet de choisir facilement le bon thème.

Shopify-Theme-Store

Critère thématique 1: Exigences opérationnelles

Aussi banal que cela puisse paraître, les exigences de votre entreprise sont importantes lors du choix d’un thème. Comme nous l’avons dit dans notre article sur la création d’un site Web à partir de zéro, tout commence par un brouillon.

Pensez d’abord à vos besoins et faites une liste des choses que vous pensez nécessaires pour votre boutique. Voici une courte liste de questions que nous vous suggérons de poser lors de l’examen des thèmes Shopify:

  • Comment voulez-vous que vos clients naviguent dans votre magasin
  • Devrait-il y avoir une fonction de recherche
  • Souhaitez-vous avoir une barre latérale avec navigation
  • Avez-vous besoin d’un méga menu
  • Quelle est la taille de votre portefeuille de produits
  • Comment aimeriez-vous promouvoir votre boutique plus tard
  • Avez-vous besoin d’un curseur de haut de page
  • La boutique doit-elle être équipée d’un blog

Le point du portefeuille de produits est particulièrement important. Selon le nombre de produits que vous souhaitez afficher dans votre magasin, votre thème devrait vous soutenir et non vous bloquer ou vous gêner. Fondamentalement, il existe trois tailles de portefeuille dans le monde Shopify: un seul produit, un petit catalogue et un grand catalogue.

Vous pouvez trouver des thèmes dans la boutique de thèmes Shopify, et si vous regardez, vous pouvez trouver leurs fonctionnalités respectives, y compris la taille du portefeuille de produits, dans la description de chaque thème.

Shopify-Theme-Debut-Features

Si vous aimez un thème qui ne couvre pas toutes vos exigences, priorisez. Il est peu probable qu’un thème réponde à tous vos besoins.

Critère thématique 2: Optimisation des moteurs de recherche

Parce que vous ne voudrez peut-être pas placer des annonces payantes tout le temps, vous devriez également penser à long terme au marketing biologique. Il est logique de vérifier à l’avance certains des critères techniques d’optimisation des moteurs de recherche les plus importants, tels que:

  • Temps de chargement de la première vue
  • Vitesse de la page mobile
  • Bureau de vitesse de page
  • Compatibilité entre navigateurs

Vous pouvez tester la vitesse de la page avec PageSpeedInsights de Google. Cela dit, car cela prend du temps et peut ne pas être possible pour tous les thèmes – vous devez en acheter certains – vous pouvez faire des recherches sur Internet à l’avance.

Index de vitesse de page Google

Critère thématique 3: Prix

Malheureusement, l’argent ne pousse pas sur les arbres, et en tant qu’entrepreneur, vous devez garder un œil sur vos coûts. Voilà pourquoi la vieille question se pose: gratuit ou acheter?

Nous pourrions vous conseiller de travailler avec des thèmes payants, mais ce ne serait que la moitié de la vérité. La plupart des thèmes payants sont meilleurs en termes de fonctionnalités. Période. Vous devrez décider par vous-même s’il vaut la peine d’acheter un thème payant en fonction de ce que vous prévoyez de faire avec votre magasin.

Si vous vous penchez vers un design gratuit, c’est bien aussi. Cela dit, vous devez vous demander combien d’applications, qui sont similaires aux plugins dans WordPress, que vous devrez installer par la suite, car la plupart coûtent de l’argent et allongent le temps de chargement de votre boutique. Peut-être qu’il est plus logique de commencer avec un thème payant qu’avec un thème gratuit que vous devez équiper d’applications.

Une bonne pratique, en particulier pour les débutants, est de s’en tenir aux thèmes gratuits, car il est plus facile d’obtenir le support de Shopify que de tiers. Nous expliquerons ce que cela signifie à l’avance.

Critère thématique 4: Soutien

Le support et la documentation sont un critère important pour choisir le thème Shopify optimal. Shopify propose une assistance pour les thèmes suivants:

  • Sans bornes
  • Minimal
  • Début de saut
  • La fourniture
  • Pop
  • Début
  • Facile
  • Entreprise
  • Brooklyn
  • Récit

Si vous choisissez un thème autre que ceux répertoriés, vous serez tributaire de développeurs tiers. Cela signifie que Shopify ne peut pas fournir beaucoup d’assistance en ce qui concerne les détails du thème.

Cela dit, vous devez vérifier le niveau de support de Shopify en général. Habituellement, en ce qui concerne les problèmes techniques et la personnalisation profonde, ce qui est rapidement le cas avec Shopify, le service, comme les fournisseurs tiers, vous facturera ou vous enverra à un fournisseur tiers, qui, encore une fois, vous permettra de payer pour son travail.

La documentation est également importante. Jetez un œil à la façon dont les thèmes sont documentés. Vous serez surpris de la diversité de la qualité de la documentation thématique. Surtout avec des thèmes payants, la qualité varie beaucoup. Vous pouvez trouver le lien vers la documentation de chaque thème dans la boutique de thèmes Shopify.

Shopify-Theme-Supply-Documentation

Critère thématique 5: Critiques

Dernier point mais non le moindre: faites confiance à la foule. Vous n’êtes pas le premier à ouvrir une boutique Shopify. Prenez votre temps et lisez les critiques.

Cependant, ne laissez pas les mauvaises critiques vous décourager trop d’utiliser un certain thème. Dans de nombreux cas, les commentaires des utilisateurs sont ignorants ou une expression de frustration qui a été supprimée dans la section d’examen, comme nous pouvons le voir dans la capture d’écran ci-dessous.

Shopify-Theme-Debut-Review

«Swagger Boutique» se plaint du thème des débuts. La déclaration selon laquelle les images ne s’adaptent pas au téléphone est absurde. Tous les thèmes Shopify sont conformes aux normes actuelles. C’est pourquoi vous devez suivre nos conseils et examiner de plus près les avis avant de prendre votre décision..

Personnalisation: pousser les pixels avec du liquide

Maintenant que vous avez choisi le thème que vous souhaitez, nous allons vous expliquer comment vous pouvez utiliser Liquid pour le personnaliser en fonction de vos besoins. Il est important de noter que si vous commencez à personnaliser, vous devez vous en tenir à votre thème car tous les changements, la personnalisation et le travail de conception que vous avez effectués seront perdus lorsque vous changez de thème.

Autrement dit, vous devrez refaire le travail de développement. Essayez d’utiliser un seul thème depuis le début et faites-le protégé par mot de passe.

Conseil important: assurez-vous de faire plusieurs copies de votre thème. Idéalement, vous devez effectuer des sauvegardes régulières et les nommer en conséquence, surtout si vous installez des applications.

Pour vous sauver d’une catastrophe potentielle, nous allons vous montrer comment développer dans Shopify en utilisant Liquid. Dans les sections suivantes, nous examinerons de plus près les composants les plus importants de l’environnement de développement Shopify.

Si vous avez besoin de plus d’informations sur le codage Liquid, consultez la référence officielle Liquid ou contactez un développeur.

Les bases de la personnalisation

Commençons par quelques notions de base.

Pour accéder au menu de personnalisation de votre boutique, cliquez sur «boutique en ligne». Un menu devrait apparaître avec les éléments suivants: «thèmes», «articles de blog», «pages», «navigation», «domaines» et «préférences». Cliquez sur “thèmes” pour continuer.

Sur le côté droit de l’écran, vous verrez deux grandes zones: “thème actuel” et “plus de thèmes”. Dans la zone “thème actuel”, vous trouverez, enfin, le thème actuellement actif. L’autre zone affiche les thèmes que vous avez téléchargés depuis la boutique de thèmes.

Shopify-Theme-Customizing-Basics

À droite du thème se trouve «personnaliser». Cliquez dessus pour accéder au menu de personnalisation.

Shopify-Theme-Customizing-Basics-Customize

Vous êtes maintenant dans le menu de personnalisation, où vous pouvez apporter les modifications souhaitées à votre thème. Sur le côté gauche, vous verrez votre panneau de contrôle, avec lequel vous pouvez modifier les sections individuelles de la page active.

Shopify-Theme-Customizing-Basics-Customize-Control-Panel

À côté de “sections”, vous trouverez la zone “Paramètres du thème”, où vous pouvez ajuster les paramètres généraux du thème, tels que la police, les couleurs et les icônes..

Shopify-Theme-Customizing-Basics-Customize-Control-Panel-Theme-Settings

C’est également là que vous trouverez la documentation de votre thème et les coordonnées du support.

Shopify-Theme-Customizing-Basics-Customize-Documentation

Vous pouvez également plonger dans le code Liquid du thème sous “Actions de thème” > «Modifier le code» pour une personnalisation plus approfondie. Nous en reparlerons plus tard.

Shopify-Theme-Customizing-Basics-Edit-Code

Dans la barre supérieure, vous pouvez voir le nom du thème que vous modifiez. Vous verrez un menu où vous pouvez basculer entre les pages que vous souhaitez personnaliser.

Shopify-Theme-Customizing-Basics-Customize-Change-Page

À côté de ce menu, vous pouvez choisir entre la version de bureau et la version mobile.

Shopify-Theme-Customizing-Basics-Customize-Mobile-Version

Il est important de noter que si vous êtes en train de personnaliser, de parcourir la documentation et de réaliser que vous avez tout fait correctement, mais la fonctionnalité ne fonctionne toujours pas, cela peut être dû au fait que certaines fonctionnalités de Shopify, en particulier les applications, ne fonctionnent que si le thème est publié.

Sections: pièce par pièce dans une belle boutique

Les «sections» sont des blocs de construction réutilisables que vous pouvez utiliser pour créer et concevoir votre page d’accueil Shopify. Il n’y a cependant aucun moyen de les utiliser sur des pages autres que la page de destination. Pour savoir à quel point une page de destination est importante, lisez notre guide sur l’utilisation d’Instapage.

Fondamentalement, Shopify fait la distinction entre les sections statiques et dynamiques. Les sections statiques sont, comme leur nom l’indique, intégrées statiquement dans le thème. L’en-tête et le pied de page sont de bons exemples de sections statiques. Ils ne peuvent pas être ajoutés dans le menu de personnalisation. Vous ne pouvez les insérer que par programmation.

Shopify-Theme-Customizing-Basics-Customize-Static-Sections

Les sections dynamiques, d’autre part, sont les blocs de construction que vous pouvez ajouter dynamiquement dans l’éditeur de personnalisation. Pour ce faire, sélectionnez «ajouter une section».

Shopify-Theme-Customizing-Basics-Customize-Dynamic-Sections

Après cela, vous devriez voir une liste des sections disponibles pour votre thème.

Shopify-Theme-Customizing-Basics-Customize-Dynamic-Sections-List

Ne soyez pas surpris si votre liste est différente de la nôtre. Il y a des sections que la plupart des thèmes ont en commun, mais beaucoup ont également leurs propres sections spéciales.

Choisissez la bonne section et sélectionnez-la. Un bouton «ajouter» devrait apparaître à côté du nom. La section est également affichée dans la fonction d’aperçu.

Shopify-Theme-Customizing-Basics-Customize-Add-Section

Si vous souhaitez insérer la section, appuyez sur le bouton “ajouter”.

La question est de savoir pourquoi Shopify fait la différence entre les sections statiques et dynamiques si nous ne pouvons utiliser que des sections sur la page d’accueil. Nous soupçonnons que Shopify travaille également à l’utilisation de la fonctionnalité de section sur d’autres pages.

Theme.scss.liquid: Le cœur de votre apparence

Maintenant que vous savez comment modifier la structure de votre page de destination, nous allons vous montrer comment modifier son apparence. Pour ce faire, cliquez sur “actions de thème”, puis sélectionnez “modifier le code”.

Après cela, vous devriez voir l’interface suivante:

Shopify-Development-IDE

Là, vous pouvez voir beaucoup de fichiers divisés en sept grands dossiers:

  • Disposition
  • Modèles
  • Sections
  • Extraits
  • Les atouts
  • Config
  • Locales

Le dossier «assets» est particulièrement intéressant pour nous.

Shopify-Development-Folder

Ouvrez le fichier «theme.scss.liquid».

Shopify-Development-SCSS

Dans la plupart des cas, le fichier contient plusieurs milliers de lignes de code. Dans notre exemple, il y a 7 098 lignes de code. C’est parce que tout le style y est fait. Si vous souhaitez apporter des modifications CSS, faites-vous plaisir et faites-le là.

Produits Shopify: manipuler les produits comme un pro

Maintenant que vous savez comment changer l’apparence de votre boutique, nous allons parler de ce qu’il y a dedans: les produits. Nous avons expliqué comment créer des produits dans notre guide du débutant. Maintenant, nous allons approfondir et parler des variantes et options.

Tous les produits peuvent avoir des variantes, mais pas nécessairement. Chaque variante a des options différentes, sinon les variantes n’auraient pas de sens. Un exemple courant est la variante de couleur:

Produits-Shopify-Variants

Comme vous pouvez le voir dans la capture d’écran ci-dessus, vous pouvez équiper le même produit de différentes couleurs sans avoir à créer un nouveau produit pour chacun, ce qui est pratique.

Comment importer des produits dans Shopify

Si vous avez un magasin avec un grand nombre de produits, vous ne voudrez peut-être pas ajouter chaque produit individuellement à votre boutique. C’est pourquoi Shopify propose une fonction d’importation en masse.

Dans le menu principal de Shopify, cliquez sur l’onglet «produits» à gauche pour accéder au menu produit.

Shopify-Main-Menu-Products

Appuyez sur «importer».

Shopify-Products-Import

Vous devriez voir une fenêtre dans laquelle vous pouvez télécharger un modèle de fichier .csv pour l’importation. Remplissez-le avec vos produits et téléchargez-le à nouveau. Étant donné que les champs du modèle prêtent à confusion, nous vous recommandons d’utiliser l’explication officielle de Shopify tout en le remplissant..

Shopify-Products-Import-Popup

Voici d’autres conseils d’experts pour faciliter votre travail d’importation:

  • Si vous importez beaucoup de produits, téléchargez d’abord les images du produit sur Shopify. Cela garantira que les images ont déjà une URL Shopify, que vous devrez écrire dans le fichier de téléchargement. Sinon, vous devrez attribuer manuellement toutes les images aux produits et variantes.
  • Pour les produits avec variantes, vous devez laisser certains champs vides afin que Shopify les crée en tant que variantes et non en tant que produits autonomes.
  • Méfiez-vous du piège Excel. Excel utilise des points-virgules comme séparateurs pour les fichiers .csv par défaut, mais pas Shopify. Assurez-vous que le fichier de téléchargement est séparé par des virgules et non par des points-virgules.
  • Il est également important que vous mettiez des listes et des énumérations entre guillemets et que vous utilisiez des points plutôt que des virgules pour indiquer les tailles et les prix..

Apps: améliorations utiles pour Shopify

Comme les plugins dans WordPress, les applications dans Shopify sont des extensions fonctionnelles que vous devez installer séparément. Certains sont gratuits et d’autres non. Si WordPress est entièrement grec pour vous, nous avons préparé quelques guides WordPress:

  1. Guide du débutant pour l’utilisation de WordPress
  2. Guide intermédiaire pour utiliser WordPress
  3. Guide avancé pour utiliser WordPress

Voici nos meilleures applications Shopify:

Kit: exécuter de meilleures publicités Facebook

Kit est une application développée par Shopify pour vous aider à améliorer votre marketing Facebook. Non seulement il est gratuit, mais il agit également comme un assistant virtuel et propose régulièrement des suggestions Facebook Messenger pour augmenter le trafic vers votre boutique en ligne. C’est un must pour quiconque fait du marketing Facebook pour sa boutique.

Oberlo: Trouvez des produits à vendre sur Shopify

Oberlo est le compagnon idéal pour ceux qui veulent faire du dropshipping avec leur boutique en ligne. L’application est connectée à plusieurs marchés dropshipping, tels que AliExpress, et permet d’importer facilement des produits dans votre boutique Shopify.

Tout ce que vous avez à faire est d’installer l’application pour parcourir des milliers et des milliers de produits et les importer dans votre boutique en ligne en un seul clic. Une fois que les clients ont passé une commande dans votre boutique en ligne, vous n’avez qu’à passer une commande à Oberlo pour envoyer les produits au client directement du fournisseur.

Shopify-Apps-Oberlo

Hotjar: comprendre vraiment comment vos visiteurs interagissent sur votre site

Hotjar est un outil utile que vous pouvez utiliser pour créer des cartes thermiques pour votre boutique en ligne. Il vous donne également la possibilité de visualiser les enregistrements de vos visiteurs naviguant dans votre boutique.

L’application a beaucoup de sens car elle vous permet d’identifier les parties du site Web qui fonctionnent bien et celles qui sont ignorées par la plupart des visiteurs. C’est particulièrement important pour votre boutique en ligne, car vous voulez savoir quels produits sont consultés mais pas achetés, par exemple. Cela fait de Hotjar l’un des meilleurs outils de génération de leads sur le marché.

Vous pouvez apprendre comment cela fonctionne en détail et comment vous pouvez l’intégrer dans votre boutique sur le site Web Hotjar.

Tarification personnalisée audacieuse: optimisation des ventes et des conversions

Bold Custom Pricing a été développé par Bold Commerce, qui est un grand acteur de l’environnement Shopify et a développé de nombreuses applications utiles. Nous sommes particulièrement intéressés par la tarification personnalisée en gras, car elle vous permet d’activer des remises sur volume et d’autres astuces de tarification. Surtout, vous pouvez créer des groupes de clients et récompenser les clients fidèles avec les remises appropriées.

Un gros inconvénient de l’application est que Bold Commerce change beaucoup de votre thème pour que le prix personnalisé en gras fonctionne sans problème. De nombreux fichiers .liquid, tels que product-template.liquid, auront un aspect différent et seront difficiles à gérer. Vous serez tributaire du support de Bold Commerce.

Plus de conseils sur les applications

Chaque application modifie le code de votre thème. Assurez-vous de faire une sauvegarde avant d’installer une application. Si vous ne savez pas où chercher un bon service de sauvegarde, lisez nos critiques de sauvegarde en ligne.

Si plusieurs applications sont installées dans votre magasin, il peut être difficile d’installer des applications supplémentaires. Dans la plupart des cas, c’est parce que les thèmes et éventuellement les applications déjà installées diffèrent d’un magasin à l’autre et changent le code de telle manière qu’il n’y a pas de moyen standardisé d’installer des applications supplémentaires.

C’est aussi la raison pour laquelle vous ne devriez pas essayer d’installer plusieurs applications à la fois. Vous perdrez rapidement la trace des modifications. Prenez votre temps et installez une application à la fois.

Vous devez également éviter de donner aux équipes d’assistance un accès immédiat à votre magasin. Sinon, vous ne saurez pas quelle application est installée et intégrée et laquelle ne l’est pas..

Dernières pensées

Nous espérons que nous vous avons donné des conseils et astuces utiles avec ce guide Shopify détaillé. Shopify est une plateforme utile et efficace pour démarrer une boutique en ligne en un clin d’œil, surtout si vous ne savez pas comment coder.

Cela dit, si vous avez des compétences technologiques avancées, Shopify devient un allié puissant et personnalisable qui peut être conçu pour presque toutes les entreprises en ligne..

Si vous avez des questions plus élémentaires, notre guide du débutant, qui est lié en haut de cet article, vous convient le mieux. Si vous avez d’autres questions, n’hésitez pas à les poser dans les commentaires. Merci pour la lecture.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map