Salut à toi et Bienvenue sur le site des FullStack Entrepreneurs.

Sur ce blog, je vais te dévoiler toutes les astuces pour retourner Shopify dans tous les sens (rien que ça).

Laisse moi m'expliquer, trop de gens utilisent Shopify comme un simple CMS. C'est à dire que dès qu'il faut aller au delà de ce que peut leur permettre leur thème... Ça coince.

Et c'est ici que j'interviens :

Moi c'est Thomas Giraud, je suis développeur et formateur spécialisé en Shopify.

Aujourd'hui, je suis forcé de constater que beaucoup d'entrepreneurs utilisent des CMS comme Shopify pour lancer leurs boutiques e-commerce. Et c'est une très bonne chose !

Ma mission et de t'accompagner à aller au delà que ce peut t'offrir ton thème Shopify. Pour cela tu peux rejoindre ma formation gratuite en cliquant sur le bouton juste en dessous.

Découvrir nos produits et services d'optimisation de boutiques Shopify

Pourquoi retirer la mention "commerce électronique propulsé par Shopify" ?

Sérieusement ? On va quand même pas faire de la pub à Shopify directement sur notre boutique.

Ce genre de mention en Footer fait amateur.

Le marché Français est saturé de Dropshippeurs aujourd'hui. Et malheureusement une grande partie d'entre eux sont des amateurs. Résultat : même s'il ne parte pas d'une mauvaise volonté, ils livrent des produits bas de gamme, avec un temps de livraison trop long, et un retour client quasi inexistant.

Tu dois absolument te démarquer au maximum de ce genre de site.

Et retirer la mention "commerce électronique propulsé par Shopify" est déjà un bon début.

Comment modifier le code sur ma boutique Shopify ?

Tout d'abord avant de commencer je tiens à te préciser que peu importe le thème que tu utilises, ce tutoriel fonctionnera.

Je te recommande toutefois de lire mon dernière article "comment modifier le code de ma boutique shopify", parce qu'il est toujours un peu risqué de s'aventurer dans le code de ta boutique sans rien y connaître.

Comment trouver le section qui contient la mention "commerce électronique propulsé par Shopify" ?

Donc tout d'abord tu dois utiliser le navigateur Google Chrome.

Rend toi ensuite sur la page d'accueil de ton site Shopify.

Tu pourras inspecter le code de ta page en effectuant un clique droit n'importe où sur ton écran et en cliquant sur inspecter élément.

Ensuite passez votre souris sur le texte 'commerce électronique propulsé par Shopify". Dans 90% des cas, la mention se trouvera dans la section Footer.

Une fois que tu as inspecté l'élément de ta page tu cherches le :

<a>Commerce électronique propulsé par Shopify</a>

Et une fois que tu l'as trouvé tu cherches la première classe au dessus :

class:"xxxxxx"

Et tu copie colle le "xxxxx", autrement dit le nom de la classe.

Clique droit sur Google Chrome pour inspecter l'élément

Comment accéder à la section qui contient "commerce électronique propulsé par Shopify"

Maintenant que tu as trouvé le nom de la section qui contenait la mention commerce électronique propulsé par Shopify (dans le Footer dans 90% des cas), tu vas devoir suivre ces différentes étapes :

  • Va sur le Back Office de ton site
  • Clique sur Boutique en ligne
  • Sélectionne ton thème
  • Choisi le fichier section
  • Rend toi sur la section footer.liquid

Une fois que cela est fait, tu trouveras en cascade toutes les sections de ta boutique Shopify.

Il ne te restera plus qu'à cliquer sur la section Footer.

Comment supprimer la mention "commerce électronique propulsé par Shopify" de ma section Footer ?

Maintenant que tu es dans la section qui contient la mention commerce électronique propulsé par Shopify, tu dois trouver la ligne de code en question pour la supprimer.

Tout d'abord copie-colle la .class de la mention lorsque tu inspectes le code de ta page.

Je te vois venir, on rentre dans le vif du sujet et tu commences à perdre pied !

Pas d'inquiétude, tu retrouveras en fin d'article une vidéo dans laquelle je t'explique tout étape par étape.

Découvrir nos produits et services d'optimisation de boutiques Shopify

Donc pour supprimer la mention, rend toi dans la section theme.liquid de ton back office Shopify pour trouver la ligne de code à supprimer.

Pour cela je te conseille d'utiliser le raccourci CTRL F, qui va te permettre de trouver l'élément que tu cherches, c'est à dire le nom de la div.

Dans notre exemple je saisi xxxxx dans mon CTRL F.

Et là comme par magie vous tomber sur la variable à supprimer.

Comment s'appelle la variable de la mention "commerce électronique propulsé par Shopify" ?

Maintenant que tu as identifié la .class de la mention que à supprimer, tu vas tomber sur la ligne de code à supprimer.

Cependant, le HTML sur Shopify fait appel à des variables et non à du code HTML classique.

Mais ne t'inquiète pas, tu n'as plus qu'à supprimer la variable suivante de ton code :

{ powered_by_link }

Une fois cette variable supprimée, la mention "commerce électronique propulsé par Shopify le sera également !

ATTENTION : la variable powered_by_link apparaît sur plusieurs lignes de code, veille donc bien à la supprimer de chacune de ces lignes.

Supprimer la variable { powered_by_shopify }

Comment mettre le nom de ma boutique dans mon Footer Shopify ?

Tu as enfin réussi à supprimer la mention "commerce propulsé par Shopify", bravo !

Mais tu ne dois pas t'arrêter en si bon chemin...

Tu es à deux doigts de pouvoir mettre le nom de ta marque à la place.

Pour cela il te suffit supprimer la variable suivante :

{ shop.name}

Et de mettre le nom de ta boutique à la place.

Et là comme par magie, le nom de ta boutique apparaît dans ton footer

En résumé

Voici les étapes à suivre pour supprimer la mention "commerce électronique supprimer par shopify"

  • 1 - Inspecte ta page sur Google Chrome
  • 2 - Trouve le nom de la première classe au dessus du texte "commerce électronique propulsé par Shopify"
  • 3 - Copie cette classe
  • 4 - Rends-toi sur la section footer.liquid depuis ton back-office
  • 5 - Fait un CTRL F et colle le nom de la colle la classe copier à l'étape 3
  • 6 - Supprime la variable { powered_by_link }

Si c'est toujours pas assez clair, tu peux suivre directement mon tuto vidéo :

Si t'as des questions n'hésite pas à les mettre en commentaire juste en dessous !

C'était Thomas,

À bientôt

Informations