---
title: Gabarits
description: "Un gabarit est un modèle qui vous permet de choisir l'affichage des contenus sur votre site. inwink vous met à disposition une galerie de gabarit, notamment pour : Menu des gabarits   Pour voir la gal"
---

[Passer au contenu](https://help.inwink.com/fr/gabarits#main-content)

- [Français](https://help.inwink.com/fr/gabarits)
- [English](https://help.inwink.com/templates)

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/gabarits)
    - [English](https://help.inwink.com/templates)

  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. [CMS](https://help.inwink.com/fr/site-web?hsLang=fr#cms)

# Gabarits

## Identifier les gabarits par défaut. Choisir un gabarit depuis le catalogue. Modifier et gérer les options des gabarits. Ajouter un gabarit

**Accès rapide**  
[1. Présentation des gabarits](https://help.inwink.com/fr/gabarits#presentation_gabarits)  
[2. Modifier le gabarit par défaut](https://help.inwink.com/fr/gabarits#modifier_gabarit)  
[3. Options des gabarits](https://help.inwink.com/fr/gabarits#options_des_gabarits)  
[4. Ajouter des gabarits](https://help.inwink.com/fr/gabarits#ajouter_gabarits)

### 1. Présentation des gabarits

Un gabarit est un modèle d'affichage de contenus, à l'intérieur des blocs sur les pages d'un site.

Lors de la création d'un site, la liste des gabarits nécessaires à l'affichage des pages par défaut est automatiquement créée et visible au niveau du back-office dans :

**Site Web \>  Contenu du site \> Gabarits** 

Pour un événement :

![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-18-23-3029-AM.png?width=2559&height=1212&name=image-png-Aug-19-2024-08-18-23-3029-AM.png)

Pour une communauté :  
![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-19-14-3964-AM.png?width=2559&height=1210&name=image-png-Aug-19-2024-08-19-14-3964-AM.png)

Exemple d'utilisation pour l'affichage d'une page "Liste des sessions" sur un événement *(le fonctionnement est similaire pour un événement ou une communauté).  
  
![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-23-34-8869-AM.png?width=1610&height=1209&name=image-png-Aug-19-2024-08-23-34-8869-AM.png)*

Sur cette page, le **gabarit** utilisé **par défaut** est *"\[Session\] Image de fond avec intervenant (texte)" :*

*![](https://help.inwink.com/hubfs/image-png-Aug-03-2023-09-11-27-4903-AM.png)*  
Sur celui-ci, on retrouve :

En haut à droite les **boutons** "*Évaluer*"![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-03-2023-09-14-09-9602-AM.png?width=36&height=37&name=image-png-Aug-03-2023-09-14-09-9602-AM.png) et,"*Ajouter à mon agenda*"![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-03-2023-09-15-02-7122-AM.png?width=36&height=37&name=image-png-Aug-03-2023-09-15-02-7122-AM.png)

Au centre, le**visuel et le nom** de la session.

En bas, le **nom de l'intervenant**, son **entreprise** et l'**intitulé de son poste**. 

---

 

### 2. Modifier le gabarit par défaut

Afin d'adapter le gabarit à votre besoin, différents modèles sont proposés selon le type d'entité (sessions, intervenants, partenaires, thèmes, etc.)

Lorsque l'on modifie un gabarit sur un bloc, **la modification s'applique à tous les blocs qui l'utilisent**. 

Si le besoin est d'avoir un **gabarit différent sur plusieurs blocs d'entités semblables,** par exemple pour deux blocs "aperçu des sessions" positionnés à des endroits différents sur le site. Le premier avec un gabarit A, et le second un gabarit B.   
Il est alors nécessaire de prévoir ces gabarits en les créant préalablement dans le back-office.  
Pour savoir comment faire, rendez-vous ici :  [Ajouter des gabarits](https://help.inwink.com/fr/gabarits#ajouter_gabarits)

Pensez à bien **publier le gabarit** après toute création/modification pour voir les changements s'appliquer sur le site  
![](https://help.inwink.com/hubfs/image-png-Aug-03-2023-03-34-25-8611-PM.png)

 

Pour accéder au **catalogue** des **gabarits disponibles** de l'entité concernée, en vue CMS, éditez le contenu, rendez-vous sur l'onglet "Gabarit", puis éditez le gabarit :

![](https://help.inwink.com/hs-fs/hubfs/chrome-capture-2024-8-19-gif.gif?width=1000&height=496&name=chrome-capture-2024-8-19-gif.gif)

Dans le catalogue, parcourez la **liste des modèles disponibles**, sélectionnez le modèle voulu puis, enregistrez.  
Pour cet exemple, le gabarit choisi est  "*Session - Horizontal*" :![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-35-16-6214-AM.png?width=2528&height=1216&name=image-png-Aug-19-2024-08-35-16-6214-AM.png)

Le modèle sélectionné et l'aperçu ont été mis à jour :  
![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-35-55-7276-AM.png?width=1266&height=692&name=image-png-Aug-19-2024-08-35-55-7276-AM.png)

On retrouve dans le **menu déroulant** le **nom du modèle sélectionné** "*\[Session\] Horizontal"* (nous verrons plus bas comment ajouter plusieurs modèles à cette liste).

Enregistrez les modifications pour changer de gabarit.

---

 

### 3. Options des gabarits

**Selon le modèle de gabarit** et l'entité correspondante, plusieurs options sont disponibles.

Pour y accéder, il faut se rendre sur l'onglet "Options du gabarit" visible lorsque l'on édite celui-ci :

![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-38-18-0273-AM.png?width=2523&height=688&name=image-png-Aug-19-2024-08-38-18-0273-AM.png)

Avec ce gabarit "*Session - Vertical avec intervenant (image)*", on retrouve en option (case à cocher) :

- Rediriger directement vers la vidéo (si la session est en ligne)
- Masquer la date
- Masquer la salle
- Masquer l'affichage 'Online' (si la session est en ligne)
- Masquer les pictos
- Masquer la description
- Cacher le nom de l'entreprise de l'intervenant
- Cacher l'intitulé du poste de l'intervenant
- Options d'affichage du bouton de mise en favoris (icône/texte)
- Afficher bouton de mise en favoris comme secondaire
- Cacher le bouton de mise en favoris
- Options d'affichage du bouton d'évaluation de session (icône/texte)
- Afficher bouton d'évaluation de session comme secondaire
- Cacher le bouton d'évaluation de session

 Pour cet exemple,   
"Afficher la salle" est **coché**,   
"*Les informations liée à la session* sont passées en position **bas,** et *Afficher l'heure et la date de la session* sont **cochés** :  
![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-41-15-8552-AM.png?width=1063&height=1220&name=image-png-Aug-19-2024-08-41-15-8552-AM.png)

Après avoir choisi les options, enregistré et validé (l'aperçu n'est pas modifié), le gabarit est mis à jour automatiquement  :

![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-44-38-5511-AM.png?width=1381&height=591&name=image-png-Aug-19-2024-08-44-38-5511-AM.png)

 

Une dernière option est disponible ici pour les gabarits sessions avec intervenant :  
![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-45-18-6130-AM.png?width=1353&height=606&name=image-png-Aug-19-2024-08-45-18-6130-AM.png)

"*Autoriser la navigation sur les intervenants*", soit permettre d'accéder au détail de l'intervenant en cliquant sur ses informations. 

---

 

### 4. Ajouter des gabarits au menu déroulant (liste des modèles disponibles)

Afin d'avoir plusieurs modèles directement accessible via le menu déroulant, il faut ajouter préalablement les gabarits désirés.  
![](https://help.inwink.com/hubfs/image-png-Aug-03-2023-02-50-38-6753-PM.png)

Pour ceci, il faut passer par le back-office **Site Web \>  Contenu du site \> Gabarits** et cliquer sur "*Ajouter un gabarit*" :

![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-45-58-1345-AM.png?width=2545&height=981&name=image-png-Aug-19-2024-08-45-58-1345-AM.png)

Les gabarits sont ici classés par catégories :

![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-46-24-6034-AM.png?width=1358&height=1234&name=image-png-Aug-19-2024-08-46-24-6034-AM.png)

Pour ajouter un gabarit de catégorie "Sessions", il suffit de sélectionner le modèle, par exemple "*Session - Vertical*"  : 

![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-47-16-1686-AM.png?width=1401&height=611&name=image-png-Aug-19-2024-08-47-16-1686-AM.png)

Il est possible de le renommer avant de le créer :  

![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-47-40-9976-AM.png?width=692&height=351&name=image-png-Aug-19-2024-08-47-40-9976-AM.png)

Le nouveau gabarit a été ajouté à la liste dans le back-office :  
 ![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-48-10-7513-AM.png?width=2554&height=1040&name=image-png-Aug-19-2024-08-48-10-7513-AM.png)

Le menu déroulant des modèles de gabarits contient maintenant un second choix pour la catégorie "Session" :

![](https://help.inwink.com/hs-fs/hubfs/image-png-Aug-19-2024-08-48-49-7656-AM.png?width=604&height=253&name=image-png-Aug-19-2024-08-48-49-7656-AM.png)

 

 

 

- [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)
- [Commercialisation](https://help.inwink.com/fr/commercialisation?hsLang=fr#main-content)

    - [Comprendre et préparer sa commercialisation](https://help.inwink.com/fr/commercialisation?hsLang=fr#comprendre-et-pr%C3%A9parer-sa-commercialisation)
    - [Construire ses offres commerciales](https://help.inwink.com/fr/commercialisation?hsLang=fr#construire-ses-offres-commerciales)
    - [Configurer et accompagner le parcours exposant](https://help.inwink.com/fr/commercialisation?hsLang=fr#configurer-et-accompagner-le-parcours-exposant)
- [Application mobile](https://help.inwink.com/fr/application-mobile?hsLang=fr#main-content)

    - [Avant de commencer](https://help.inwink.com/fr/application-mobile?hsLang=fr#avant-de-commencer)
    - [Configurer et personnaliser l'application](https://help.inwink.com/fr/application-mobile?hsLang=fr#configurer-et-personnaliser-lapplication)
    - [Tester et publier l'application](https://help.inwink.com/fr/application-mobile?hsLang=fr#tester-et-publier-lapplication)
- [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)
- [MCP](https://help.inwink.com/fr/mcp?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/"
}
```