---
title: Paramétrer vos thèmes d'affichages
description: Créer, paramétrer, modifier les thèmes d'affichages, la couleur des blocs, des textes, des boutons, etc., des pages de votre site
---

[Passer au contenu](https://help.inwink.com/fr/parametrer-vos-themes-daffichages#main-content)

- [Français](https://help.inwink.com/fr/parametrer-vos-themes-daffichages)
- [English](https://help.inwink.com/set-up-your-display-themes)

Français

Afficher le sous-menu pour les traductions

[Plus de support](https://help.inwink.com/fr/kb-tickets/new?hsLang=fr)

[![logo inwink](https://help.inwink.com/hs-fs/hubfs/LOGO_RGB@600x-2.png?width=100&height=75&name=LOGO_RGB@600x-2.png)](https://help.inwink.com/?hsLang=fr)

- [Knowledge base](https://support.inwink.com/)
- [My tickets](https://support.inwink.com/tickets)

Ouvrir la navigation principale

Fermer la navigation principale

- [Knowledge base](https://support.inwink.com/)
- [My tickets](https://support.inwink.com/tickets)
- - [Français](https://help.inwink.com/fr/parametrer-vos-themes-daffichages)
    - [English](https://help.inwink.com/set-up-your-display-themes)

  Français
  
  Afficher le sous-menu pour les traductions
- [Plus de support](https://help.inwink.com/fr/kb-tickets/new)

 Bonjour ! Comment pouvons-nous vous aider ?

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

1. [Centre d'aide](https://help.inwink.com/fr?hsLang=fr)
2. [Site web](https://help.inwink.com/fr/site-web?hsLang=fr)
3. [Identité visuelle](https://help.inwink.com/fr/site-web?hsLang=fr#identit%C3%A9-visuelle)

# Paramétrer vos thèmes d'affichages

## Créer, paramétrer, modifier les thèmes d'affichages, la couleur des blocs, des textes, des boutons, etc., des pages de votre site

Dans votre site inwink, chaque bloc que vous intégrez est rattaché à un thème d'affichage, qui vous permet de définir notamment la couleur de fond du bloc, la couleur des textes, la couleur des boutons, etc. 

Pour accéder aux thèmes d'affichages de votre évènement ou communauté, rendez-vous dans le back-office \> onglet site web \> Identité visuelle \> Thèmes d'affichage

![](https://help.inwink.com/hubfs/image-png-Jan-25-2023-01-20-12-4933-PM.png)

la page contient 3 sections :

- **Thème principal** : il définit la valeur par défaut des éléments constituant tous les autres thèmes. Si vous ne définissez pas un style spécifique issu d'un autre thème (généré ou personnalisé, cf. ci-dessous) pour un élément de votre site, alors il héritera du style précisé dans ce **Thème principal**
- **Thèmes générés** : Ces thèmes sont automatiquement générés grâce aux couleurs renseignées dans l'identité visuelle. Ils peuvent être modifiés, mais pas supprimés. Vous retrouverez : le thème blanc, thème sombre, couleur principale, couleur secondaire, thème clair et thème transparent
- **Thèmes personnalisés** : tous les thèmes que vous créez
  
  ➡️ Pour retrouver le détail des thèmesgénérés automatiquement, rendez-vous ici :  [Détail des thèmes générés automatiquement pour une identité visuelle](https://help.inwink.com/fr/detail-des-themes-generes-automatiquement-pour-une-identite-visuelle?hsLang=fr)

### Ajouter un thème d'affichage

Depuis la vue "Thèmes d'affichage", pour ajouter un thème, vous avez 2 possibilités : créer un thème, ou dupliquer un thème existant. 

#### Créez un thème :

- Cliquez sur le bouton **"Créer un thème d'affichage"**  
  Une fenêtre d'édition s'ouvre sur le modèle de thème d'affichage par défaut nommé  "New Thème".

- Renommer votre thème (en cliquant sur le crayon)
- Éditez votre thème et enregistrez le (bouton "Enregistrer" en bas à droite)
- Dans la fenêtre des thèmes, enregistrer de nouveau (bouton "enregistrer" en haut à droite) afin de bien sauvegarder ce nouveau thème
- Votre nouveau thème est désormais disponible et éditable depuis le CMS

![CPT2301251448-1827x821 (1)](https://help.inwink.com/hs-fs/hubfs/Support/CPT2301251448-1827x821%20(1).gif?width=688&height=309&name=CPT2301251448-1827x821%20(1).gif)

#### Dupliquez un thème :

- Survolez le thème d'affichage à dupliquer, et cliquez sur le bouton *❏*
- Un nouveau thème est créé, nommé **"DUPLICATE - *NOM DU BLOC D'ORIGINE*"**
- Faites les modifications que vous souhaitez puis, enregistrez

![CPT2301251458-1827x826](https://help.inwink.com/hs-fs/hubfs/Support/CPT2301251458-1827x826.gif?width=688&height=311&name=CPT2301251458-1827x826.gif)

### Modifier un thème d'affichage

Il est possible de modifier un thème d'affichage soit depuis le back-office, soit dans le CMS.

#### Depuis le **back-office :**

 Survolez le thème d'affichage à modifier et cliquez sur le crayon :

![](https://help.inwink.com/hubfs/image-png-Jan-25-2023-02-03-51-3053-PM.png)

 Faites les modifications que vous souhaitez puis, enregistrez  

#### Dans le **CMS :**

 survolez un bloc avec votre curseur et cliquez sur la palette :  
   
![](https://help.inwink.com/hubfs/image-png-Mar-15-2023-09-25-13-2657-AM.png)

![](https://help.inwink.com/hubfs/image-png-Jan-25-2023-02-05-03-5336-PM.png)

Vous pouvez modifier l'affichage des différents éléments du thème depuis cette fenêtre d'édition

Les modifications apportées aux thèmes d'affichage sont **visibles seulement** sur le **CMS** et le site "**preview web**" tant que vous ne les publiez pas en cliquant sur :

- **publier (back-office)**
- **publier tout (CMS)**

### Paramétrer les titres et les couleurs d'un thème d'affichage

Retrouvez toutes les informations pour paramétrer les titres et les couleurs de vos thèmes d'affichage dans cet article :   
**[Paramétrer les titres et les couleurs d'un thème d'affichage](https://help.inwink.com/fr/parametrer-les-titres-et-les-couleurs-dun-theme-daffichage?hsLang=fr)**

### Réinitialiser les thèmes d'affichage

Vous pouvez réinitialiser tous les éléments de votre identité visuelle à partir de la vue Thèmes d'affichage :

![](https://help.inwink.com/hubfs/image-png-Jan-25-2023-03-10-52-7613-PM.png)

Si vous réinitialisez les thèmes d'affichage, rappelez-vous que vous : 

- Remplacez tous vos thèmes par les modèles par défaut générés lors de la création de votre site inwink (couleurs, tailles de police, bordures, etc.).
- Supprimez également les logos de l'événement, de l'écran de chargement et du menu d'en-tête.

 

 

- [Les indispensables](https://help.inwink.com/fr/les-indispensables?hsLang=fr#main-content)

    - [Grilles](https://help.inwink.com/fr/les-indispensables?hsLang=fr#grilles)
    - [Les champs](https://help.inwink.com/fr/les-indispensables?hsLang=fr#les-champs)
    - [Publier](https://help.inwink.com/fr/les-indispensables?hsLang=fr#publier)
- [Data](https://help.inwink.com/fr/data?hsLang=fr#main-content)

    - [Audience](https://help.inwink.com/fr/data?hsLang=fr#audience)
- [Evènements](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#main-content)

    - [Mon évènement](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#mon-%C3%A9v%C3%A8nement)
    - [Participants](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#participants)
    - [Programme](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#programme)
    - [Espace intervenant](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#espace-intervenant)
    - [Partenaires](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#partenaires)
    - [Business Meetings](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#business-meetings)
    - [Networking](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#networking)
    - [Billetterie](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#billetterie)
    - [Badge du participant](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#badge-du-participant)
    - [inwink onsite](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#inwink-onsite)
    - [Online events](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#online-events)
    - [Intégration vidéo](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#int%C3%A9gration-vid%C3%A9o)
    - [Session en ligne](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#session-en-ligne)
    - [Interactions](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#interactions)
    - [Intéractivité](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#int%C3%A9ractivit%C3%A9)
    - [Appels à candidatures](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#appels-%C3%A0-candidatures)
- [Communauté](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#main-content)

    - [Contenus](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#contenus)
    - [Les forums](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#les-forums)
    - [Espace partenaire](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#espace-partenaire)
    - [Configuration](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#configuration)
    - [Les groupes](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#les-groupes)
    - [Adhésion](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#adh%C3%A9sion)
    - [Billetterie](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#billetterie)
- [Tableaux de bord](https://help.inwink.com/fr/tableaux-de-bord?hsLang=fr)
- [Emailings](https://help.inwink.com/fr/emailings?hsLang=fr#main-content)

    - [Envoyer des emails](https://help.inwink.com/fr/emailings?hsLang=fr#envoyer-des-emails)
    - [Emails programmés](https://help.inwink.com/fr/emailings?hsLang=fr#emails-programm%C3%A9s)
- [Site web](https://help.inwink.com/fr/site-web?hsLang=fr#main-content)

    - [Espace participant](https://help.inwink.com/fr/site-web?hsLang=fr#espace-participant)
    - [CMS](https://help.inwink.com/fr/site-web?hsLang=fr#cms)
    - [Webmaster](https://help.inwink.com/fr/site-web?hsLang=fr#webmaster)
    - [Langues et traductions](https://help.inwink.com/fr/site-web?hsLang=fr#langues-et-traductions)
    - [Espace partenaire](https://help.inwink.com/fr/site-web?hsLang=fr#espace-partenaire)
    - [Identité visuelle](https://help.inwink.com/fr/site-web?hsLang=fr#identit%C3%A9-visuelle)
    - [Les blocs](https://help.inwink.com/fr/site-web?hsLang=fr#les-blocs)
    - [Formulaire d'inscription](https://help.inwink.com/fr/site-web?hsLang=fr#formulaire-dinscription)
- [Connecteurs](https://help.inwink.com/fr/connecteurs?hsLang=fr#main-content)

    - [Paypal](https://help.inwink.com/fr/connecteurs?hsLang=fr#paypal)
    - [Six Payment](https://help.inwink.com/fr/connecteurs?hsLang=fr#six-payment)
    - [Power BI](https://help.inwink.com/fr/connecteurs?hsLang=fr#power-bi)
    - [Adyen](https://help.inwink.com/fr/connecteurs?hsLang=fr#adyen)
    - [Salesforce](https://help.inwink.com/fr/connecteurs?hsLang=fr#salesforce)
    - [Hubspot](https://help.inwink.com/fr/connecteurs?hsLang=fr#hubspot)
    - [Ingenico](https://help.inwink.com/fr/connecteurs?hsLang=fr#ingenico)
    - [Zapier](https://help.inwink.com/fr/connecteurs?hsLang=fr#zapier)
    - [Stripe](https://help.inwink.com/fr/connecteurs?hsLang=fr#stripe)
    - [Marketo](https://help.inwink.com/fr/connecteurs?hsLang=fr#marketo)
    - [Monetico](https://help.inwink.com/fr/connecteurs?hsLang=fr#monetico)
    - [Lyra, PayZen et Sogecommerce](https://help.inwink.com/fr/connecteurs?hsLang=fr#lyra-payzen-et-sogecommerce)
    - [Make](https://help.inwink.com/fr/connecteurs?hsLang=fr#make)
- [Application mobile](https://help.inwink.com/fr/application-mobile?hsLang=fr#main-content)

    - [Configuration de l'application](https://help.inwink.com/fr/application-mobile?hsLang=fr#configuration-de-lapplication)
- [MCP](https://help.inwink.com/fr/mcp?hsLang=fr)
- [Commercialisation](https://help.inwink.com/fr/commercialisation?hsLang=fr)

[![inwink](https://help.inwink.com/hs-fs/hubfs/LOGO_RGB@600x-1.png?width=99&height=24&name=LOGO_RGB@600x-1.png "inwink")](https://www.inwink.com/)

<https://twitter.com/inwink_fr?lang=fr> <https://www.linkedin.com/company/inwink/mycompany/>

Copyright © 2025, inwink

```json
{
  "@context" : "https://schema.org",
  "@type" : "Organization",
  "address" : {
    "@type" : "PostalAddress",
    "addressLocality" : "Paris, France",
    "postalCode" : "75011",
    "streetAddress" : "33 Rue du Faubourg Saint-Antoine"
  },
  "email" : "contact@inwink.com",
  "funder" : [ {
    "@type" : "Organization",
    "name" : "Infinite Square",
    "url" : "https://www.infinitesquare.com/"
  } ],
  "logo" : "https://www.inwink.com/hs-fs/hubfs/inwink-H-rgb-1.png?width=140&name=inwink-H-rgb-1.png",
  "name" : "inwink",
  "owns" : [ {
    "@type" : "Product",
    "name" : "inwink",
    "url" : "https://www.inwink.com/"
  } ],
  "sameAs" : [ "https://www.linkedin.com/company/inwink/", "https://twitter.com/inwink_fr", "https://www.facebook.com/inwink-177090639388227/", "https://www.youtube.com/channel/UCWHQtvE5NEL7ijTKl4pGp0A" ],
  "url" : "https://www.inwink.com/"
}
```