Favicon du site instantané
Une favicon est une petite icône qui s'affiche dans un onglet de navigateur avant le nom du site, dans les signets, dans l'historique de navigation, etc. Il aide les utilisateurs à identifier votre site quand plusieurs onglets sont ouverts dans leur navigateur.
Il y a deux façons d'importer un favicon pour votre site instantané Ecwid : en utilisant des métabalises ou en utilisant le logo. Veuillez noter que si vous utilisez le site instantané New-Gen, vous pouvez télécharger le favicon uniquement via les métabalises.
Importer un favicon via les métabalises
Si vous voulez ajouter un favicon, vous pouvez trouver ou créer une image, l'importer sur une plateforme d'hébergement d'images puis l'ajouter à la section <head> de la boutique.
Vous pouvez créer un favicon à partir de zéro ou en utilisant une autre image par le biais de générateurs de favicons en ligne comme https://favicon.io/.
Pour importer un favicon pour votre boutique en utilisant les métabalises :
- Importez votre favicon vers une plateforme hébergement d'images comme https://imgbb.com/.
- Récupérez le lien direct vers l'image, pour accéder à l'image lorsque vous cliquez dessus :
- Si vous utilisez le service https://imgbb.com/, cliquez sur l'image après l'importation.
- Dans l'onglet ouvert, cliquez sur l'image avec le bouton droit de la souris → Copier l'URL de l'image.
- Depuis l'interface d'administration d'Ecwid, accédez à Site Web.
- Faites défiler jusqu'à la section « Paramètres de référencement » et cliquez sur Ajouter un code sous « Métabalises d'en-tête et vérification du site ».
Pour utiliser les métabalises de l'en-tête et la vérification du site, vous devez disposer d'un compte Ecwid payant.
- Dans le champ qui apparaît, saisissez ce code :
<link rel="shortcut icon" href="Direct_image_link">
Et remplacez « Direct_image_link » par le lien réel de votre favicon que vous avez copié à partir de la plateforme d'hébergement d'images :
- Enregistrez les modifications.
Actualisez la page de la vitrine pour voir le favicon ajouté.
Importer un favicon via le logo
Si vous importez un logo pour votre site instantané Ecwid, il est automatiquement utilisé comme favicon :
Vous pouvez masquer le logo si vous le souhaitez, et le favicon restera toujours.
Tout d'abord, voici comment importer un logo :
- Depuis l'interface d'administration d'Ecwid, accédez à Site Web.
- Cliquez sur Modifier :
- Accédez à Titre et couverture → Logo de la boutique → cliquez sur Télécharger le logo :
- Importez une photo que vous voulez utiliser comme favicon depuis votre ordinateur.
- Enregistrez les modifications.
Si vous souhaitez utiliser le favicon et masquer le logo, vous pouvez le faire avec un code CSS :
- Depuis l'interface d'administration d'Ecwid, accédez à Conception.
- Cliquez sur Modifier le thème si vous avez un thème CSS personnalisé actif ou descendez vers le bas de la page et cliquez sur Créer un thème → Ajouter un nouveau thème CSS.
- Collez le code suivant dans votre thème CSS :
div.cover__logo { display: none;}- Enregistrez les modifications.
Actualisez la page de la vitrine pour voir les modifications.
Articles connexes :
Comment créer un super logo pour votre marque
Ajouter des codes CSS à votre boutique