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 de votre boutique Ecwid
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.
- Ouvrez la section Titre et image de couverture.
- Ouvrez ensuite Typographie du titre et apportez les changements nécessaires.
- Enregistrez les modifications.
- 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 Enregistrer.
Ajouter des codes CSS à votre boutique Ecwid →
CSS Cookbook →
Vous voudrez peut-être aussi modifier le texte des boutons. Vous pouvez facilement modifier le texte par défaut à l'aide de l'éditeur d'étiquettes de votre boutique.
- À 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.
- À partir de l'article CSS Cookbook, copiez le code qui correspond à votre objectif.
- 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.
- Collez votre code CSS dans le champ :
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 de votre boutique Ecwid
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.
- Ouvrez la section Titre et image de couverture.
- Ouvrez Typographie du titre, puis, dans le menu déroulant, sélectionnez la police du titre, des boutons et une description.
- Enregistrez les modifications.
- 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 →
- À 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.
- À partir de l'article CSS Cookbook, copiez le code « Modifier toutes les polices ».
- 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.
- Collez votre code CSS dans le champ :
Mettre à jour le logo et le favicon de votre boutique Ecwid
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 Importer un 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 de votre boutique Ecwid
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, accédez à Catalogue → Produits.
- Сliquez sur le bloc qui possède l'image dans son modèle.
- Choisissez ensuite une image dans une galerie ou cliquez sur Importer une 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, rendez-vous dans Site web → Modifier le site.
- 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, PNG ou GIF.
Lectures connexes :
Configurer l'apparence du site instantané →
Images des produits →
