Que sont les favicons ?

Les favicons sont de petites icônes qui apparaissent en haut de la fenêtre du navigateur (dans les signets) qui sont spécifiques à votre site Web. Vous devez utiliser une image 16×16 pixels de votre logo.

Pourquoi avez-vous besoin d’un favicon pour votre site ?

  1. Avoir un favicon améliore votre image de marque.
  2. Les favicons aident à la navigation. Les clients ont souvent des difficultés à garder une trace de tous leurs onglets de navigateur ouverts. Les favicons leur permettent d’identifier facilement l’onglet de votre site Web, ce qui augmente les chances qu’ils reviennent.
  3. Aidez les utilisateurs à trouver des signets. Les favicons permettent également à vos utilisateurs de trouver facilement les pages mises en signet dans leurs archives.

Comment ajouter un Favicon à votre boutique ?

Option 1 : Utilisation des paramètres de votre thème Shopify

La plupart des thèmes Shopify ont des options pour ajouter une image favicon.

Tout d’abord, ouvrez le formulaire Paramètres du thème de votre boutique : puis regardez dans le formulaire pour voir s’il existe une section pour les favicons. Voici un tutoriel de la Début Thème

S’il y a un favicon, téléchargez simplement votre icône et vous avez terminé. Sinon, suivez les étapes de la section suivante.

Ouvrez vos paramètres et allez dans « Magasin en ligne » puis cliquez sur « Thèmes« 
Sur la partie droite cliquez sur « Personnaliser » puis cliquez sur « Réglage des thèmes« 

Dans la colonne des paramètres du thème, cliquez sur « Icône de favori » et cliquez sur « Sélectionnez l’image« 
Téléchargez votre favicon souhaité, puis cliquez sur « sauvegarder« 

Option 2 : ajouter un favicon directement dans le code du thème

En ajoutant un favicon par codage, vous devez accéder à l’éditeur de thème pour ajouter votre image favicon directement au code du thème.

Ouvrez vos paramètres et allez dans « Magasin en ligne » puis cliquez sur « Thèmes« 
Sur la partie droite cliquez sur « Personnaliser » puis cliquez sur « Réglage des thèmes« 

Sous la colonne de gauche, cliquez sur « Thème Actions » et cliquez sur « Modifier le code« 

Assurez-vous que les images favicon doivent être nommées avec des extensions de soit « favicon.ico » ou « favicon.png« 

Faites défiler vers le bas et cliquez sur « Les atouts » puis clique « Ajouter un nouvel élément” téléchargez votre image favicon puis cliquez sur “Télécharger un élément« 

Une fois le téléchargement terminé, recherchez le fichier qui dit thème.liquide sous Disposition dossier

Trouvez ce code dans le fichier :

presse ctrl + F chercher

Au-dessus de la balise , collez le code suivant. Remplacez « favicon.png » par favicon.ico dans ce code si nécessaire.

Une fois que vous avez cliqué sur Enregistrer, votre favicon devrait maintenant apparaître sur votre site.