---
title: Personnaliser la tuile et la fiche spectacle
description: Modifiez la tuile et la fiche spectacle en personnalisant les couleurs, les tailles de texte et en ajoutant des bannières de haut et de bas, par exemple.
---

[Passer au contenu](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-la-tuile-fiche-spectacle#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 la tuile et la fiche spectacle

## Il est possible d'adapter la tuile et la fiche spectacle de la plateforme d'achat en ligne à vos couleurs! 🎨

Dans cet article, voyez [ce que sont la tuile et la fiche spectacle](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-la-tuile-fiche-spectacle#description), et voyez [comment les personnaliser](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-la-tuile-fiche-spectacle#personnaliser)! 

### Qu'est-ce que la tuile et la fiche spectacle ?

#### **La tuile**

Affichage réduit du spectacle sur la page d'accueil de votre plateforme d'achat en ligne. Incluant l'image du spectacle, le titre, sous-titre, et la date.

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

#### **La fiche spectacle **

Informations complètes du spectacle (description, visuel, vidéo...) et page par laquelle les clients doivent passer pour acheter les billets. C'est sur cette page que sont affichés les boutons de date et heure des représentations pour achat. 

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

---

### **Personnaliser la tuile spectacle**

**Rendez-vous au menu *Gestion du site web*, puis sélectionnez le CMS désiré.** 

![](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)

Dans l'onglet ***Tuile spectacle***, vous pouvez modifier certains éléments. En explorant les différentes fonctionnalités, vous pourrez voir les changements directement sur la tuile d'exemple située tout à gauche de l'écran.  
![Screenshot 2023-07-18 at 8.21.12 AM](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-18%20at%208.21.12%20AM.png?width=688&height=387&name=Screenshot%202023-07-18%20at%208.21.12%20AM.png)

 Voici les couleurs que vous pouvez modifier :

- La couleur de fond - date : la couleur de fond du bandeau de date au bas de l'image du spectacle
- Couleur du texte - date : la couleur du texte de la bannière de date au bas de l'image du spectacle
- Couleur du texte - détails du spectacle : la couleur du texte qui apparaît en dessous de l'image du spectacle

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

Pour aller encore plus loin, vous pouvez explorer différentes options de droite pour personnaliser davantage la tuile du spectacle. Vous avez la liberté de jouer avec l'emplacement des bandeaux, de l'étiquette sur tuile, la taille du texte, etc.

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

---

### **Personnaliser la fiche spectacle**

À l'onglet ***Fiche spectacle*** de votre CMS, vous pouvez personnaliser certains éléments. Encore une fois, le spectacle de Alain Choquette sert d'exemple pour visualiser le résultat.

![Screenshot 2023-07-18 at 8.52.47 AM-1](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-18%20at%208.52.47%20AM-1.png?width=688&height=387&name=Screenshot%202023-07-18%20at%208.52.47%20AM-1.png)

Dans cette section, vous avez la possibilité de modifier plusieurs couleurs et tailles de texte.

- Couleur du texte - titre du spectacle *(Alain)*![](https://faq.tuxedosolution.com/hubfs/Screenshot%202023-07-18%20at%209-25-49%20AM-png.png)
- Couleur du texte - sous-titre *(Sois magique)*
- Couleur du texte - catégorie *(Variété)*
- Couleur du texte - description du spectacle
- Couleur du texte - lien URL *(www.alain...)*

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

Vous avez aussi la possibilité de modifier la taille de ces différents textes.

 

**ASTUCE**

Si, par exemple, vous ne souhaitez pas afficher la catégorie du spectacle sur la fiche spectacle, vous pourriez mettre à 0 la taille du texte! 😉

![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-29%20%C3%A0%2016-15-56-png.png?width=492&height=269&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-29%20%C3%A0%2016-15-56-png.png)

![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-29%20%C3%A0%2016-16-20-png.png?width=491&height=200&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-29%20%C3%A0%2016-16-20-png.png)

Il est aussi possible d'**ajouter une bannière de spectacle en haut et en bas de la fiche spectacle**. De plus, vous pouvez y inclure un lien qui dirigera les utilisateurs vers l'endroit souhaité lorsqu'ils cliquent sur la bannière.

![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-29%20%C3%A0%2016-42-23-png.png?width=688&height=121&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-29%20%C3%A0%2016-42-23-png.png)

**ATTENTION!**

Les bannières insérées à cet endroit s'afficheront sur **la page d'accueil de votre plateforme d'achat en ligne ET dans les fiches spectacles de tous les événements**! 

Si vous souhaitez modifier les emplacements des bannières, [référez-vous à cet article](https://faq.tuxedosolution.com/fr/knowledge/comprendre-la-planification-de-banni%C3%A8re?hsLang=fr).

 

![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-29%20%C3%A0%2016-38-34-png-1.png?width=582&height=312&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-29%20%C3%A0%2016-38-34-png-1.png)![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-29%20%C3%A0%2016-39-00-png-1.png?width=580&height=340&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-29%20%C3%A0%2016-39-00-png-1.png)

 

Enfin, l'option ***Afficher les billets restants ***permet d'afficher le nombre de billets disponibles, pour les **représentations en admission générale pour lesquelles l'option *Faites vite* est activée**.![](https://faq.tuxedosolution.com/hs-fs/hubfs/image-png-May-29-2024-08-49-25-9176-PM.png?width=688&height=39&name=image-png-May-29-2024-08-49-25-9176-PM.png)

![](https://faq.tuxedosolution.com/hs-fs/hubfs/image-png-May-29-2024-08-53-15-2252-PM.png?width=688&height=249&name=image-png-May-29-2024-08-53-15-2252-PM.png)

 

N'oubliez pas d'**enregistrer vos modifications** une fois que vous avez terminé. Cela permettra d'appliquer les changements que vous avez apportés et de les rendre visibles aux visiteurs.

- [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