--- title: Personnaliser les boutons de la plateforme d'achat en ligne description: Voyez comment personnaliser les boutons présents sur vos différents canaux en ligne. --- [Passer au contenu](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-vos-boutons#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 les boutons de la plateforme d'achat en ligne ## Voyez comment personnaliser les boutons présents sur vos différents canaux en ligne. Dans cet article, vous en apprendrez plus sur comment personnaliser les boutons qui sont présents un peu partout sur votre site Web Tuxedo. **Il existe 4 types de boutons : d'action, de paiement, d'événement et de calendrier.** Dans cet article, vous verrez : - [Comment personnaliser les boutons d'action de façon générale :](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-vos-boutons#Personnaliser-gen) - - [Modifier les couleurs](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-vos-boutons#couleurs) - [Modifier les formes](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-vos-boutons#formes) - [Des exemples d'où se trouve chaque type de bouton en ligne](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-vos-boutons#Exemples) --- ### Personnaliser les boutons d'action À partir du menu Gestion du site web, sélectionnez d'abord le CMS souhaité (ex. Main = Web). ![](https://faq.tuxedosolution.com/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202023-07-27%20%C3%A0%2013-54-51-png.png) Dirigez-vous ensuite vers l'onglet **Boutons.** **![Screenshot 2023-07-17 at 8.40.23 AM](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%208.40.23%20AM.png?width=688&height=404&name=Screenshot%202023-07-17%20at%208.40.23%20AM.png)** Pour chaque type de bouton, vous aurez 3 sections : - À gauche, **l'aperçu** du bouton - Au centre, la configuration des **couleurs** du bouton - À droite, la configuration des **formes** du bouton **Ainsi, en changeant les paramètres du bouton à la droite de la page, vous verrez le bouton se modifier à gauche.** #### Configuration des couleurs ![Screenshot 2023-07-17 at 8.44.00 AM](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%208.44.00%20AM.png?width=688&height=410&name=Screenshot%202023-07-17%20at%208.44.00%20AM.png) - **Couleur de fond - boutons** : cette caractéristique vous permet de changer la couleur du bouton.  - **Couleur de fond - boutons (survol)** : Cette caractéristique vous permet de créer un contraste lorsque l'utilisateur survole le bouton avec sa souris. ![Jul-17-2023 09-09-01](https://faq.tuxedosolution.com/hs-fs/hubfs/Jul-17-2023%2009-09-01.gif?width=688&height=369&name=Jul-17-2023%2009-09-01.gif) - **Couleur de la bordure** : Cette caractéristique vous permet d'ajouter ou non une bordure et d'en modifier la couleur. ![](https://faq.tuxedosolution.com/hubfs/Screenshot%202023-07-17%20at%209-16-16%20AM-png.png) - **Couleur de la bordure (survol)** : Au même principe qu'à la couleur du bouton, cette caractéristique offre la possibilité de créer un contraste lorsque l'utilisateur survole le bouton avec sa souris, mais cette fois-ci au niveau de la couleur de la bordure du bouton.![Jul-17-2023 09-27-50](https://faq.tuxedosolution.com/hs-fs/hubfs/Jul-17-2023%2009-27-50.gif?width=688&height=360&name=Jul-17-2023%2009-27-50.gif) - **Couleur du texte** : Cette caractéristique vous permet de changer la couleur du texte à l'intérieur  - **Couleur du texte (survol)** : Cette option vous permet de pouvoir créer un contraste et de changer la couleur du texte lorsque l'utilisateur survol le bouton avec sa souris.   #### Configuration des formes Pour modifier la forme des boutons, référez-vous à la colonne tout à droite de la page : ![Screenshot 2023-07-17 at 9.36.42 AM](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%209.36.42%20AM.png?width=688&height=410&name=Screenshot%202023-07-17%20at%209.36.42%20AM.png) Dans cette colonne, vous pourrez modifier différents paramètres en déplaçant simplement le curseur sur chaque ligne. Vous pourrez **modifier la hauteur des boutons, la taille du texte dans le bouton, la largeur de la bordure autour du bouton ainsi qu'arrondir les 4 coins du bouton**. --- ### **Types de boutons et leur emplacement en ligne** #### **1. Boutons d'actions : ** Ce bouton est visible :  - Lors de l'ajout d'un spectacle au panier : ![Screenshot 2023-07-17 at 8.13.26 AM](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%208.13.26%20AM.png?width=688&height=410&name=Screenshot%202023-07-17%20at%208.13.26%20AM.png) - Dans l'achat pop-up, pour conclure la transaction ou offrir la possibilité aux clients d'acheter un autre spectacle : ![Screenshot 2023-07-17 at 8-14-05 AM](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%208-14-05%20AM.png?width=655&height=318&name=Screenshot%202023-07-17%20at%208-14-05%20AM.png) - Dans le panier d'achat : ![Screenshot 2023-07-17 at 8-14-12 AM](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%208-14-12%20AM.png?width=655&height=392&name=Screenshot%202023-07-17%20at%208-14-12%20AM.png) #### **2. Bouton paiement** Ce bouton est visible tout au bas du panier, pour finaliser la transaction : ![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-28%20%C3%A0%2010-41-02-png.png?width=688&height=229&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202024-05-28%20%C3%A0%2010-41-02-png.png) #### **3. Bouton événement** Ce bouton est présent dans la fiche spectacle en ligne pour choisir la représentation: **![](https://faq.tuxedosolution.com/hs-fs/hubfs/Capture%20d%E2%80%99%C3%A9cran%2c%20le%202023-07-27%20%C3%A0%2010-08-12-png.png?width=2060&height=1088&name=Capture%20d%E2%80%99%C3%A9cran%2c%20le%202023-07-27%20%C3%A0%2010-08-12-png.png)** #### **4. Bouton calendrier** Le bouton calendrier est présent dans la fiche spectacle avec la vue calendrier des représentations :            ![Screenshot 2023-07-17 at 8.12.13 AM](https://faq.tuxedosolution.com/hs-fs/hubfs/Screenshot%202023-07-17%20at%208.12.13%20AM.png?width=580&height=342&name=Screenshot%202023-07-17%20at%208.12.13%20AM.png) Maintenant que vous êtes prêt à personnaliser vos boutons, **n'oubliez pas d'enregistrer vos modifications pour qu'elles apparaissent sur votre site.** 🪄C'est important pour que vos personnalisations prennent effet.    **POUR ALLER PLUS LOIN** Si vous souhaitez aller encore plus loin dans la personnalisation de votre site web, continuez votre lecture pour en apprendre davantage. Il y a encore de nombreuses possibilités pour améliorer l'apparence et les fonctionnalités de votre site. Explorez les différentes options et expérimentez pour trouver ce qui correspond le mieux à vos besoins et à votre style. 🧑‍🎨 Pour continuer votre lecture, rendez-vous sur l'article qui porte sur la personnalisation de l'entête et du pied de page : [Article « Personnaliser l'entête et le pied de page ».](https://faq.tuxedosolution.com/fr/knowledge/personnaliser-lent%C3%AAte-et-le-pied-de-page?hs_preview=IfaiOmxJ-125132875442&hsLang=fr)   - [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