--- title: "Onglet Apparence de la fiche Site" description: "Le détail de l'onglet Apparence de votre site : logos, couleur des emails, bannière du shop, favicon, polices, CSS et balises ajoutées au head." url: https://www.ciklik.academy/fr/personnalisation-site/apparence-de-la-fiche-site/ lang: fr lastUpdated: 2026-10-09 --- # Onglet Apparence de la fiche Site > Boutique box > > Cette page concerne les boutiques box, hébergées par Ciklik. Les champs **Logo des emails** et **Couleur des emails** servent aussi aux emails envoyés par Ciklik pour une boutique PrestaShop. Vous utilisez le module PrestaShop ? [Voir la documentation PrestaShop](https://www.ciklik.academy/fr/prestashop/). L’onglet **Apparence pour** (suivi du nom de votre site) réunit les réglages visuels de votre boutique et de vos emails. 1. Allez dans **Paramètres > Sites**. 2. Cliquez sur l’icône **Éditer** (crayon) de votre site. 3. Ouvrez l’onglet **Apparence pour** (suivi du nom de votre site), modifiez les champs, puis cliquez sur **Mettre à jour**. ## Champs de l’onglet | Champ | Rôle | | ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **Logo** | Logo de votre site, en jpg, jpeg, png ou svg. Voir [Ajouter un logo](https://www.ciklik.academy/fr/personnalisation-site/ajouter-un-logo/). | | **Logo des emails** | Logo placé en tête de vos emails, en jpg, jpeg ou png, affiché sur 150 px de large. S’il est vide, les emails utilisent le **Logo**, ce qui pose problème avec un logo svg que beaucoup de messageries n’affichent pas. | | **Couleur des emails** | Couleur de fond autour du contenu de vos emails. Sans valeur, un bleu par défaut est utilisé. | | **Titre Bannière Eshop** | Titre de la page de votre shop (`/shop`). Sans valeur, le titre est “Boutique”. | | **Description Bannière Eshop** | Texte affiché sous ce titre. | | **Bannière Eshop** | Image affichée en haut de la page du shop, en jpg, jpeg ou png. Aucun texte n’est posé sur l’image. | | **Description composition** | Texte affiché en tête de la page de composition d’une box (`/shop/compose`). | | **Favicon** | Icône de l’onglet du navigateur, en jpg ou png, recadrée puis redimensionnée en 64 x 64 px. Elle peut être remplacée, pas supprimée. | | **Police des titres** | Nom de la police des titres, par exemple `Lato`. | | **Police du texte** | Nom de la police du texte. | | **CSS Personnalisé** | Vos règles CSS, ajoutées à toutes les pages du site. | | **Variables CSS** | Les variables qui règlent les couleurs et le style du site (`--primary`, `--color1`…). Voir [Personnaliser le design de son site](https://www.ciklik.academy/fr/personnalisation-site/personnaliser-le-design-de-son-site-couleurs-et-polices/). | | **Balises supplémentaires dans le head** | Code HTML ajouté dans la section `` de toutes les pages du site, par exemple une balise de vérification de domaine. | Les champs **CSS Personnalisé**, **Variables CSS** et **Balises supplémentaires dans le head** n’apparaissent pas à la création du site, seulement en modification. ## Polices Ciklik charge automatiquement les deux polices depuis Google Fonts quand les deux noms sont de simples noms de famille : lettres, chiffres et espaces, comme `Open Sans`. Si l’un des deux contient autre chose (`Work+Sans:wght@300`, une virgule, des guillemets), aucune police n’est chargée et le site s’affiche dans la police de secours. Les deux champs alimentent les variables `--police` et `--police-titre`. Si vous déclarez aussi ces variables dans **Variables CSS**, ce sont elles qui l’emportent. ## Balises dans le head > Attention > > Le code de **Balises supplémentaires dans le head** s’applique à tout le site. Une balise `` placée ici retire toutes vos pages des moteurs de recherche. Une balise `` remplace la description par défaut des pages qui n’en ont pas. Pour un outil de suivi (Google, Facebook, TikTok, Affilae), utilisez plutôt les champs prévus dans les onglets **Paramètres marketing** et **Trackers avancés** : voir [Onglets Paramètres marketing et Trackers avancés](https://www.ciklik.academy/fr/parametres-marketing/onglets-parametres-marketing-et-trackers-avances/). ## Voir aussi [Ajouter un logo](https://www.ciklik.academy/fr/personnalisation-site/ajouter-un-logo/) [Personnaliser le design de son site : couleurs et polices](https://www.ciklik.academy/fr/personnalisation-site/personnaliser-le-design-de-son-site-couleurs-et-polices/) [Check-list visuels](https://www.ciklik.academy/fr/personnalisation-site/check-list-visuels/) [Les emails automatiques et leurs variables](https://www.ciklik.academy/fr/contenu-mails/gestion-des-templates-des-mails-transactionnels/)