# Configurer les paramètres du modèle in-app

Ces paramètres s'appliquent à l'ensemble du modèle in-app en une seule fois, plutôt qu'à un seul bloc.

## Configurer le style à l'échelle du modèle

Les paramètres du modèle contrôlent le style de l'ensemble du modèle in-app : la taille et l'arrière-plan du document, l'apparence de la fenêtre contextuelle et les styles par défaut pour les blocs.

Ouvrez l'onglet **Paramètres** dans le panneau de droite.

<img src="/rich-media-create-rich-media-in-the-built-in-editor-17.webp" alt="Onglet Paramètres avec les sections Document, Palette de couleurs, Typographie, Popup et style par défaut" width="320"/>

Sections disponibles :

*   **Document :** largeur, marge intérieure, image d'arrière-plan, espacement entre les blocs et rayon d'angle par défaut pour les images.
*   **Palette de couleurs :** rôles de couleur nommés (titre, accentuation, liens, arrière-plan, bordures, etc.) qui redéfinissent l'ensemble du modèle en une seule fois. Les blocs existants conservent les couleurs que vous avez déjà définies explicitement.
*   **Typographie :** famille de polices et taille par défaut pour le texte dans le modèle.
*   **Popup :** comment le message se positionne sur le fond estompé : rayon d'angle, plus couleur et opacité de la superposition.
*   **Valeurs par défaut des blocs :** styles de départ partagés pour les blocs que vous ajouterez plus tard, afin que le nouveau contenu corresponde au modèle jusqu'à ce que vous remplaciez un bloc sur le canevas.
*   **Valeurs par défaut des colonnes :** espacement pour chaque mise en page en colonnes : marge extérieure, marge intérieure de chaque colonne et espacement entre les colonnes.
*   **Valeurs par défaut des cartes :** apparence de départ pour les conteneurs de cartes qui regroupent le contenu dans la mise en page, appliquée jusqu'à ce que vous stylisiez une carte individuellement.
*   **Valeurs par défaut des groupes de boutons :** espacement et alignement lorsque plusieurs boutons sont regroupés.
*   **Valeurs par défaut des boutons :** apparence de départ pour les nouveaux blocs de boutons afin que les CTA restent cohérents dans tout le modèle jusqu'à ce que vous en stylisiez un séparément.
*   **Valeurs par défaut des séparateurs :** style de ligne, couleur, épaisseur et largeur de départ pour les nouveaux blocs de séparateurs.

Les valeurs par défaut s'appliquent partout où un bloc individuel ne les remplace pas.

<Aside type="note">
Il n'y a pas de paramètre de hauteur. La fenêtre contextuelle s'agrandit avec son contenu. Pour un message en plein écran, définissez la **Largeur** dans les **Paramètres** et choisissez **Plein écran** dans les **Paramètres in-app**.
</Aside>

## Configurer l'apparence de l'in-app sur l'appareil

Les **Paramètres in-app** contrôlent l'apparence et le comportement du message sur l'appareil : position, animations, gestes de balayage et bouton de fermeture. Ces paramètres ne s'appliquent qu'à iOS et Android natifs.

Cliquez sur **Paramètres in-app** dans la barre supérieure.

<img src="/rich-media-create-rich-media-in-the-built-in-editor-18.webp" alt="Bouton des paramètres in-app dans la barre supérieure de l'éditeur entre Annuler, Rétablir et Enregistrer"/>

### Position sur l'écran

Choisissez **Plein écran**, **Haut**, **Centre** ou **Bas**.

<img src="/rich-media-create-rich-media-in-the-built-in-editor-48.webp" alt="Options de position sur l'écran des paramètres in-app : Plein écran, Haut, Centre, Bas"/>

### Animations

*   **Animation d'affichage** / **Animation de fermeture :** Aucune, Fondu, Gauche, Droite, Haut ou Bas, ou Par défaut pour utiliser la valeur par défaut du SDK de votre application.
*   **Durée de l'animation (ms) :** 100 à 3000 millisecondes. Laissez vide pour utiliser la durée par défaut du SDK.

<img src="/rich-media-create-rich-media-in-the-built-in-editor-49.webp" alt="Champs des paramètres in-app : Animation d'affichage, Animation de fermeture et Durée de l'animation"/>

<Aside type="note">
**Aucune** et **Fondu** fonctionnent actuellement sur Android. Sur iOS, le message apparaît et disparaît instantanément (l'alignement sera bientôt disponible).
</Aside>

### Balayer pour fermer

Activez n'importe quelle combinaison de Gauche, Droite, Haut et Bas.

<img src="/rich-media-create-rich-media-in-the-built-in-editor-50.webp" alt="Paramètres in-app Balayer pour fermer avec les options Gauche, Droite, Haut et Bas"/>

### Bouton de fermeture

Activez ou désactivez **Afficher le bouton de fermeture**.

Lorsqu'il est activé, définissez :

*   **Position :** En haut à droite, En haut à gauche, En bas à droite ou En bas à gauche.
*   **Arrière-plan :** une couleur ou **Transparent**.
*   **Rayon d'angle :** arrondit les coins de l'arrière-plan du bouton de fermeture. Disponible uniquement lorsque l'**Arrière-plan** est une couleur (et non **Transparent**). Définissez de 0 à 16 px : 16 px crée un cercle (par défaut), 0 px crée un carré.
*   **Couleur de l'icône :** couleur de l'icône de fermeture.
*   **Marge :** espace autour du bouton de fermeture de chaque côté (**Haut**, **Droite**, **Bas**, **Gauche**).

<img src="/rich-media-create-rich-media-in-the-built-in-editor-51.webp" alt="Paramètres in-app Afficher le bouton de fermeture avec Position, Arrière-plan, Rayon d'angle, Couleur de l'icône et Marge"/>

Contrairement aux autres options des **Paramètres in-app**, le style du bouton de fermeture est enregistré dans le message lui-même. Il apparaît sur toutes les plateformes, pas seulement sur iOS et Android natifs.

Cliquez sur **Appliquer** pour enregistrer vos choix, ou sur **Annuler** pour les ignorer. Ouvrez l'**Aperçu** pour vérifier la position, les animations et le bouton de fermeture avant d'enregistrer.