Définir l'image de marque de votre boutique Ecwid
Vous pouvez modifier le logo, les couleurs et la police de caractères pour que votre boutique en ligne corresponde à la marque de votre entreprise. Une image de marque cohérente renforce la confiance de vos clients et les incite à acheter.
Les modifications du thème du site instantané se font dans les paramètres de conception intégrés. Les modifications de l'apparence de la devanture nécessitent l'utilisation de codes CSS.
Mettre à jour les couleurs
Vous pouvez modifier la couleur de n'importe quel élément (en une seule fois ou séparément) de votre boutique Ecwid : boutons d'achat, textes de couverture, autres boutons, etc. Les instructions diffèrent selon que vous utilisez un site instantané ou que vous avez ajouté votre boutique à un autre site web.
Pour modifier la couleur des boutons ou des textes :
- Depuis l'administration Ecwid, rendez-vous dans Site web → Modifier le site.
- Cliquez sur le bloc.
- Passez à l'onglet Conception.
- Cliquez sur l'élément.
- Cliquez sur le champ Couleur et choisissez la couleur dont vous avez besoin à l'aide de l'outil de sélection de couleurs. Vous pouvez également saisir un code de couleur existant dans le champ Couleur si vous le connaissez déjà.
- Cliquez sur le bouton Enregistrer et publier une fois que vous avez terminé de modifier votre site web.
- À partir de l'article CSS Cookbook, copiez le code qui correspond à votre objectif.
- À partir des paramètres de configuration de l'administration Ecwid, accédez à Conception.
- Faites défiler jusqu'à la section Personnalisation avancée des thèmes.
- Cliquez sur Créer thème, puis sur Nouveau thème CSS.
- Cette étape varie en fonction de l'endroit où vous vendez :
- Si vous vendez sur le site instantané de nouvelle génération, vous serez redirigé(e) vers l'éditeur du site. Collez votre code dans le champ Code CSS personnalisé.
- Si vous vendez sur la version originale du site instantané d'Ecwid, WordPress, Wix, ou tout autre site Web personnalisé, sur la page ouverte, cliquez sur Ajouter un nouveau thème CSS et collez votre code CSS dans le champ. Cliquez sur Activer à droite pour appliquer ce thème à votre devanture.
- Enregistrez les modifications.
Lectures connexes :
Configurer la conception et le contenu pour le site instantané de nouvelle génération →
Configurer la conception du site instantané (version originale) →
Ajouter des codes CSS à votre boutique →
Cookbook Ecwid CSS →
Mettre à jour les polices
Vous pouvez modifier les polices utilisées pour n'importe quel élément de votre boutique Ecwid et de site instantané : textes de boutons, descriptions de produits, fils d'Ariane, etc. Si vous voulez utiliser une police spécifique, vous pouvez l'appliquer à certains éléments ou à tous les textes de votre boutique Ecwid ou sur votre site instantané.
Pour modifier les polices :
- Depuis l'administration Ecwid, rendez-vous dans Site web → Modifier le site.
- Cliquez sur le bloc.
- Passez à l'onglet Conception.
- Cliquez sur l'élément.
- Choisissez la police de caractères et ses paramètres (par exemple, la taille et le style).
- Cliquez sur Enregistrer.
Vous pouvez également définir la police par défaut pour tous les blocs de votre site en utilisant les paramètres de police globaux →
- Dans l'article CSS Cookbook, copiez le code « Modifier toutes les polices » et remplacez le NAME_OF_FONT par un nom de police réel, ou configurez le code vous-même.
- À partir des paramètres de configuration de l'administration Ecwid, accédez à Conception.
- Faites défiler jusqu'à la section Personnalisation avancée des thèmes.
- Cliquez sur Créer thème, puis sur Nouveau thème CSS.
- Cette étape varie en fonction de l'endroit où vous vendez :
- Si vous vendez sur le site instantané de nouvelle génération, vous serez redirigé(e) vers l'éditeur du site. Collez votre code dans le champ Code CSS personnalisé.
- Si vous vendez sur la version originale du site instantané d'Ecwid, WordPress, Wix, ou tout autre site Web personnalisé, sur la page ouverte, cliquez sur Ajouter un nouveau thème CSS et collez votre code CSS dans le champ. Cliquez sur Activer à droite pour appliquer ce thème à votre devanture.
- Enregistrez les modifications.
Mettre à jour le logo et le favicon
Vous pouvez modifier le logo et le favicon de votre boutique en ligne. Le logo peut apparaître dans l'en-tête de votre boutique, ainsi que dans les notifications d'expédition ou de commande, de sorte que chaque e-mail provenant de votre boutique porte la marque de votre entreprise.
Pour importer un logo :
Pour de meilleurs résultats, assurez-vous que l'image du logo est à la bonne taille, pour qu'elle s'adapte correctement et qu'elle rende bien à la fois dans l'en-tête et dans les e-mails.
- Depuis l'administration Ecwid, rendez-vous dans Site web → Modifier le site.
- Accédez à Titre et couverture → Logo de la boutique.
- Cliquez sur Importer un logo.
- Importez une image depuis votre ordinateur.
- Enregistrez les modifications.
- Importez une image depuis votre ordinateur.
- Cliquez sur le bouton Enregistrer et publier une fois que vous avez fini de modifier votre site Web.
- À partir de l'interface d'administration d'Ecwid, accédez à Paramètres → Notifications.
- Faites défiler jusqu'à la section Logo.
- Cliquez sur Charger le logo.
- Importez une image depuis votre ordinateur.
Les modifications seront enregistrées automatiquement. Le logo est défini pour toutes les notifications par e-mail aux clients en même temps. Il sera également utilisé pour vos factures et factures fiscales si elles n'ont pas encore de logo.
Vous pouvez également ajouter un favicon pour votre site Web. La favicon est la petite icône affichée dans l'onglet du navigateur et à côté de l'URL, dans la barre d'adresse. Lorsque vous importez un logo pour votre site instantané Ecwid, il est automatiquement utilisé comme favicon. Si vous utilisez le site instantané de nouvelle génération, apprenez à téléverser une favicon pour votre site instantané de nouvelle génération →
Lectures connexes :
Favicon du site instantané →
Modifier les e-mails de notification →
Mettre à jour les images
Vous pouvez modifier les images utilisées dans votre boutique Ecwid et sur votre site instantané. Les images de votre site comprennent toutes les images d'en-tête, les images de produits, etc. Il s'avère que les sites web ont tendance à contenir beaucoup d'images, ce qui explique pourquoi elles constituent un élément important de votre marque.
Importez de grandes images de produits en haute qualité jusqu'à 20 Mo. Ecwid comprimera automatiquement les images, afin qu'elles rendent bien et que votre boutique se charge rapidement.
Pour mettre à jour les images :
- À partir de l'interface d'administration d'Ecwid, rendez-vous dans Site web → Modifier le site.
- Сliquez sur le bloc qui possède l'image dans son modèle.
- Cliquez sur Changer d'image à côté de l'image.
- Choisissez une image sur votre ordinateur.
- Cliquez sur le bouton Enregistrer et publier une fois que vous avez fini de modifier votre site Web.
Vous pouvez téléverser des images au format JPG, PNG, JPEG2000, GIF, WEBP et TIFF.
- Depuis l'administration Ecwid, accédez à Catalogue → Produits.
- Créez un nouveau produit ou choisissez un produit existant pour afficher sa page de détails.
- Dans la section Images, faites glisser des visuels depuis votre ordinateur ou cliquez sur + Envoyer des images.
- Enregistrez les modifications.
Utilisez une image au format JPG, BMP, PNG ou GIF.
Lectures connexes :
Configurer l'apparence du site instantané →
Images des produits →