---
title: Personnaliser l'entête et le pied de page de la plateforme d'achat en ligne
description: Découvrez comment personnaliser l'entête et le pied de page de votre plateforme d'achat en ligne Tuxedo pour ajouter votre touche personnelle et renforcer l'identité visuelle de votre organisation.
---

[Passer au contenu](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-lentête-et-le-pied-de-page#main-content)

Français

Afficher le sous-menu pour les traductions

[Déposer une demande de soutien](https://faq.tuxedosolution.com/fr/knowledge/kb-tickets/new?hsLang=fr)

![Logo-GroupeiCible\_RGB\_TUXEDO\_logo-h\_blanc](https://faq.tuxedosolution.com/hs-fs/hubfs/Logos/Logo-GroupeiCible_RGB_TUXEDO_logo-h_blanc.png?width=183&height=50&name=Logo-GroupeiCible_RGB_TUXEDO_logo-h_blanc.png)

Ouvrir la navigation principale

Fermer la navigation principale

- Français
  
  Afficher le sous-menu pour les traductions
- [Déposer une demande de soutien](https://faq.tuxedosolution.com/fr/knowledge/kb-tickets/new)
- [Retour à l'accueil](https://infos.tuxedosolution.com/fr-ca/accueil)

[Retour à l'accueil](https://infos.tuxedosolution.com/fr-ca/accueil?hsLang=fr)

 Une question pour Tuxedo?

- Il n'y a aucune suggestion car le champ de recherche est vide.

1. [Centre d'aide](https://faq.tuxedosolution.com/fr/knowledge?hsLang=fr)
2. [Gestion du site web](https://faq.tuxedosolution.com/fr/knowledge/gestion-du-site-web?hsLang=fr)

# Personnaliser l'entête et le pied de page de la plateforme d'achat en ligne

## Découvrez comment personnaliser l'entête et le pied de page de votre plateforme d'achat en ligne Tuxedo pour ajouter votre touche personnelle et renforcer l'identité visuelle de votre organisation.

L'entête et le pied de page sont des éléments essentiels de la structure d'un site web.**[L'entête est la section située en haut de chaque page, généralement contenant le logo, le menu de navigation et d'autres informations importantes.](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-lentête-et-le-pied-de-page#entete)** Il sert à fournir aux utilisateurs un moyen de naviguer facilement sur le site et de trouver rapidement les informations recherchées.

[**Le pied de page, quant à lui, est la section située en bas de chaque page. Il peut contenir des liens vers des pages supplémentaires, des informations de contact, des mentions légales, etc.**](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-lentête-et-le-pied-de-page#pieddepage)

Ces deux éléments peuvent être modifiés pour chacun de vos CMS, en vous rendant au menu ***Gestion du site web*, puis en sélectionnant le CMS désiré (ex. Main). Rendez-vous ensuite à l'onglet *Entêtes* de la page.**

![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202023-07-27%20%C3%A0%2013-54-51-png.png?width=592&height=333&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202023-07-27%20%C3%A0%2013-54-51-png.png)

---

### Personnaliser l'entête de votre site

Voyons, en ordre, tous les éléments personnalisables. N'oubliez pas que tout au long de la personnalisation de l'entête et du pied de page, vous pouvez visualiser les changements que vous apportez.

![Screenshot 2023-07-17 at 11.53.05 AM](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%2011.53.05%20AM.png?width=688&height=410&name=Screenshot%202023-07-17%20at%2011.53.05%20AM.png)

 

1\. Premièrement, vous pouvez **activer ou désactiver la recherche d'événements**.    
![Screenshot 2023-07-17 at 11.46.48 AM](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%2011.46.48%20AM.png?width=688&height=411&name=Screenshot%202023-07-17%20at%2011.46.48%20AM.png)

**ASTUCE**

Il est fortement recommandé de l'activer pour permettre aux utilisateurs de trouver rapidement et facilement des événements spécifiques en filtrant par catégorie de spectacle ou en recherchant le titre. 

 

2\. Par la suite, vous pouvez **modifier tous ces éléments** de l'entête et du pied de page (couleurs, taille des textes, formes...) :![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-28%20%C3%A0%2011-12-05-png.png?width=2252&height=1280&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-28%20%C3%A0%2011-12-05-png.png)

- - Couleur de fond - entête générale![Entête fixe-1](https://faq.tuxedosolution.com/hs-fs/hubfs/Ent%C3%AAte%20fixe-1.png?width=300&height=65&name=Ent%C3%AAte%20fixe-1.png)
    - Couleur de fond - entête fixe
    - Couleur du texte - en tête
      
      ![](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%201-08-51%20PM-png.png?width=211&height=60&name=Screenshot%202023-07-17%20at%201-08-51%20PM-png.png)
    - Couleur de fond - panier
    - Couleur de texte - panier
      
      ![](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%201-10-12%20PM-png.png?width=156&height=91&name=Screenshot%202023-07-17%20at%201-10-12%20PM-png.png)
    - Couleur de fond - boutons de tri
    - Couleur de texte - boutons de tri

Pour aller encore plus loin, vous pouvez modifier : 

- - La taille du texte - entête fixe
    - La taille du texte (sauf panier)
    - Taille des pictogrammes sur l'entête fixe (sauf le panier)
    - La taille du texte du panier
    - La taille du pictogramme de panier
    - La hauteur du champ de recherche
    - Le rayon du champ de recherche (arrondir les coins)

 

3\. Ensuite, c'est ici que vous **ajoutez la bannière d'entête** personnalisée à votre lien de vente web. Vous avez la flexibilité d'en avoir une distincte pour votre site en français et une autre pour la version anglophone. Cette fonctionnalité vous permet d'offrir une expérience spécifique à vos clients en fonction de la langue de leur navigateur ou du choix fait dans l'entête du site.

![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-28%20%C3%A0%2011-25-00-png.png?width=688&height=120&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-28%20%C3%A0%2011-25-00-png.png)

 

4\. Enfin, pour personnaliser l'entête, vous pouvez ajouter des **titres cliquables, avec une icône associée**.

![](https://faq.tuxedosolution.com/hs-fs/hubfs/image-png-May-28-2024-03-29-58-7120-PM.png?width=3158&height=678&name=image-png-May-28-2024-03-29-58-7120-PM.png)

Les informations contenues dans cette section sont celles qu'on aperçoit dans l'encadré rouge :

![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-28%20%C3%A0%2011-28-22-png.png?width=3410&height=692&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-28%20%C3%A0%2011-28-22-png.png)Par exemple, vous pouvez faire en sorte que l'icône associée à « Entête info 1 » soit un lien direct vers votre site web principal. Vous pouvez également inclure des titres à côté de vos icônes ou laisser l'espace vide pour une présentation épurée. 

Exemple : 

![](https://faq.tuxedosolution.com/hs-fs/hubfs/image-png-May-28-2024-03-32-42-6596-PM.png?width=318&height=330&name=image-png-May-28-2024-03-32-42-6596-PM.png)  
**Contactez-nous = texte affiché**

**SVG3 = logo**

 

 

**Lien 3 = Lien vers lequel on est envoyé lorsqu'on clique sur le texte et/ou l'icône**

**NOTE : SVG**

Pour changer les icônes présentes dans l'entête (telles que le panier, la carte-cadeau, etc.), vous pouvez utiliser du code dans la section SVG. **Par défaut, ces icônes sont préconfigurées et ne nécessitent pas de modification.** Cependant, si vous souhaitez personnaliser ces icônes, il est possible de le faire en modifiant le code correspondant.

Vous pouvez ajouter votre propre code ou utiliser des bibliothèques d'icônes populaires telles que Font Awesome, Material Icons, ou d'autres solutions similaires. Ces bibliothèques offrent une vaste gamme d'icônes prédéfinies que vous pouvez intégrer facilement à votre entête en ajoutant le code approprié.

---

### Personnaliser le pied de page de votre site

![Screenshot 2023-07-17 at 2.21.52 PM](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%202.21.52%20PM.png?width=688&height=18&name=Screenshot%202023-07-17%20at%202.21.52%20PM.png)

1\. Vous avez la possibilité de **changer la couleur de fond de la bannière de pied de page ainsi que la couleur du texte.**

![](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%202-48-07%20PM-png.png?width=403&height=143&name=Screenshot%202023-07-17%20at%202-48-07%20PM-png.png)

Tous les autres éléments du pied de page sont là par défaut. 

![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-28%20%C3%A0%2011-37-57-png.png?width=3414&height=640&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-28%20%C3%A0%2011-37-57-png.png)

---

Maintenant que vous êtes prêt à personnaliser l'en-tête et le pied de page de votre site Web Tuxedo, vous pouvez passer à l'article suivant pour poursuivre vos modifications et continuer à personnaliser votre site selon vos préférences. Explorez les prochaines étapes pour apporter les ajustements nécessaires et donner à votre site une apparence unique et professionnelle. Bonne personnalisation ! 🧑‍🎨

- [Vente de billets](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#main-content)

    - [Comprendre les différentes interfaces de la vente de billets](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#comprendre-les-diff%C3%A9rentes-interfaces-de-la-vente-de-billets)
    - [Consultation et modification de réservation](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#consultation-et-modification-de-r%C3%A9servation)
    - [Paiement](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#paiement)
    - [Annulation et remboursement](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#annulation-et-remboursement)
    - [Impression de billets](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#impression-de-billets)
    - [Billet électronique et confirmation d'achat](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#billet-%C3%A9lectronique-et-confirmation-dachat)
    - [Émission de factures et de contrats](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#%C3%A9mission-de-factures-et-de-contrats)
    - [Support au client sur le web](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#support-au-client-sur-le-web)
    - [Balance de caisse pour guichetier](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#balance-de-caisse-pour-guichetier)
    - [Astuces pour la vente avec Tuxedo](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#astuces-pour-la-vente-avec-tuxedo)
    - [Procéder à une vente](https://faq.tuxedosolution.com/fr/knowledge/vente-de-billets?hsLang=fr#proc%C3%A9der-%C3%A0-une-vente)
- [Produits dérivés](https://faq.tuxedosolution.com/fr/knowledge/produits-d%C3%A9riv%C3%A9s?hsLang=fr)
- [Cartes-cadeaux](https://faq.tuxedosolution.com/fr/knowledge/cartes-cadeaux?hsLang=fr)
- [Rapports](https://faq.tuxedosolution.com/fr/knowledge/rapports?hsLang=fr)
- [Base de données clients](https://faq.tuxedosolution.com/fr/knowledge/base-de-donn%C3%A9es-clients?hsLang=fr#main-content)

    - [Nettoyage de base de données](https://faq.tuxedosolution.com/fr/knowledge/base-de-donn%C3%A9es-clients?hsLang=fr#nettoyage-de-base-de-donn%C3%A9es)
    - [Segment](https://faq.tuxedosolution.com/fr/knowledge/base-de-donn%C3%A9es-clients?hsLang=fr#segment)
- [Création d'événement](https://faq.tuxedosolution.com/fr/knowledge/cr%C3%A9ation-d%C3%A9v%C3%A9nement?hsLang=fr#main-content)

    - [Astuces et solutions aux problèmes courants](https://faq.tuxedosolution.com/fr/knowledge/cr%C3%A9ation-d%C3%A9v%C3%A9nement?hsLang=fr#astuces-et-solutions-aux-probl%C3%A8mes-courants)
    - [Informations générales](https://faq.tuxedosolution.com/fr/knowledge/cr%C3%A9ation-d%C3%A9v%C3%A9nement?hsLang=fr#informations-g%C3%A9n%C3%A9rales)
    - [Canaux](https://faq.tuxedosolution.com/fr/knowledge/cr%C3%A9ation-d%C3%A9v%C3%A9nement?hsLang=fr#canaux)
    - [Représentations](https://faq.tuxedosolution.com/fr/knowledge/cr%C3%A9ation-d%C3%A9v%C3%A9nement?hsLang=fr#repr%C3%A9sentations)
    - [Prix](https://faq.tuxedosolution.com/fr/knowledge/cr%C3%A9ation-d%C3%A9v%C3%A9nement?hsLang=fr#prix)
    - [Lier sièges](https://faq.tuxedosolution.com/fr/knowledge/cr%C3%A9ation-d%C3%A9v%C3%A9nement?hsLang=fr#lier-si%C3%A8ges)
    - [Média](https://faq.tuxedosolution.com/fr/knowledge/cr%C3%A9ation-d%C3%A9v%C3%A9nement?hsLang=fr#m%C3%A9dia)
    - [Métadonnées](https://faq.tuxedosolution.com/fr/knowledge/cr%C3%A9ation-d%C3%A9v%C3%A9nement?hsLang=fr#m%C3%A9tadonn%C3%A9es)
- [Promotion](https://faq.tuxedosolution.com/fr/knowledge/promotion?hsLang=fr#main-content)

    - [Bases](https://faq.tuxedosolution.com/fr/knowledge/promotion?hsLang=fr#bases)
    - [Recettes](https://faq.tuxedosolution.com/fr/knowledge/promotion?hsLang=fr#recettes)
    - [Dépannage](https://faq.tuxedosolution.com/fr/knowledge/promotion?hsLang=fr#d%C3%A9pannage)
    - [Pour aller plus loin](https://faq.tuxedosolution.com/fr/knowledge/promotion?hsLang=fr#pour-aller-plus-loin)
- [Courriels planifiés](https://faq.tuxedosolution.com/fr/knowledge/courriels-planifi%C3%A9s?hsLang=fr#main-content)

    - [Courriels de rappel](https://faq.tuxedosolution.com/fr/knowledge/courriels-planifi%C3%A9s?hsLang=fr#courriels-de-rappel)
    - [Courriels d'après-spectacle](https://faq.tuxedosolution.com/fr/knowledge/courriels-planifi%C3%A9s?hsLang=fr#courriels-dapr%C3%A8s-spectacle)
    - [Rapports automatisés](https://faq.tuxedosolution.com/fr/knowledge/courriels-planifi%C3%A9s?hsLang=fr#rapports-automatis%C3%A9s)
- [Configuration de TUXEDO](https://faq.tuxedosolution.com/fr/knowledge/configuration-de-tuxedo?hsLang=fr#main-content)

    - [Usagers](https://faq.tuxedosolution.com/fr/knowledge/configuration-de-tuxedo?hsLang=fr#usagers)
    - [Comptabilité](https://faq.tuxedosolution.com/fr/knowledge/configuration-de-tuxedo?hsLang=fr#comptabilit%C3%A9)
- [Gestion du site web](https://faq.tuxedosolution.com/fr/knowledge/gestion-du-site-web?hsLang=fr#main-content)

    - [Bannières](https://faq.tuxedosolution.com/fr/knowledge/gestion-du-site-web?hsLang=fr#banni%C3%A8res)
- [Gestion des salles](https://faq.tuxedosolution.com/fr/knowledge/gestion-des-salles?hsLang=fr)
- [Philanthropie](https://faq.tuxedosolution.com/fr/knowledge/philanthropie?hsLang=fr)
- [Plan de dépannage](https://faq.tuxedosolution.com/fr/knowledge/plan-de-d%C3%A9pannage?hsLang=fr)
- [Gestion scolaire](https://faq.tuxedosolution.com/fr/knowledge/gestion-scolaire?hsLang=fr)
- [Imprimante à billet](https://faq.tuxedosolution.com/fr/knowledge/imprimante-%C3%A0-billet?hsLang=fr#main-content)

    - [Gestion des logos et polices pour les billets papier](https://faq.tuxedosolution.com/fr/knowledge/imprimante-%C3%A0-billet?hsLang=fr#gestion-des-logos-et-polices-pour-les-billets-papier)
- [Scanners](https://faq.tuxedosolution.com/fr/knowledge/scanners?hsLang=fr#main-content)

    - [Application Tuxedo Scanner](https://faq.tuxedosolution.com/fr/knowledge/scanners?hsLang=fr#application-tuxedo-scanner)
    - [Application Tuxedo Ticket Scanner (nouvelle app)](https://faq.tuxedosolution.com/fr/knowledge/scanners?hsLang=fr#application-tuxedo-ticket-scanner-nouvelle-app)
- [Informatique 101](https://faq.tuxedosolution.com/fr/knowledge/informatique-101?hsLang=fr)
- [Astuces pour un marketing numérique de feu](https://faq.tuxedosolution.com/fr/knowledge/astuces-pour-un-marketing-num%C3%A9rique-de-feu?hsLang=fr#main-content)

    - [Outils de suivi](https://faq.tuxedosolution.com/fr/knowledge/astuces-pour-un-marketing-num%C3%A9rique-de-feu?hsLang=fr#outils-de-suivi)
    - [API](https://faq.tuxedosolution.com/fr/knowledge/astuces-pour-un-marketing-num%C3%A9rique-de-feu?hsLang=fr#api)
- [Turbine](https://faq.tuxedosolution.com/fr/knowledge/turbine?hsLang=fr#main-content)

    - [Fonctionnalités essentielles de Turbine](https://faq.tuxedosolution.com/fr/knowledge/turbine?hsLang=fr#fonctionnalit%C3%A9s-essentielles-de-turbine)
- [Mises à jour](https://faq.tuxedosolution.com/fr/knowledge/mises-%C3%A0-jour?hsLang=fr)
- [À l'aide! Solution aux problèmes courants](https://faq.tuxedosolution.com/fr/knowledge/%C3%A0-laide-solution-aux-probl%C3%A8mes-courants?hsLang=fr)
- [Confidentialité et sécurité des données](https://faq.tuxedosolution.com/fr/knowledge/confidentialit%C3%A9-et-s%C3%A9curit%C3%A9-des-donn%C3%A9es?hsLang=fr)
- [Portefeuille électronique (wallet)](https://faq.tuxedosolution.com/fr/knowledge/portefeuille-%C3%A9lectronique-wallet?hsLang=fr)

- [Retour à l'accueil](https://infos.tuxedosolution.com/fr-ca/accueil)

[![Tuxedo](https://faq.tuxedosolution.com/hs-fs/hubfs/Logos/Logo-GroupeiCible_RGB_TUXEDO_logo-h_noir.png?width=300&height=82&name=Logo-GroupeiCible_RGB_TUXEDO_logo-h_noir.png "Tuxedo")](https://www.tuxedosolution.com/)

Copyright © 2026, Groupe iCible