---
url: "/fr/emailify/design/fluid-buttons.md"
description: "Vous pouvez rendre les éléments Button de votre design fluides sur mobile, pour qu’ils occupent toujours toute la largeur de leur Column, ou désactiver ce réglage pour garder la même largeur que dans le design Figma/desktop."
---

# Définir des boutons à largeur fluide sur mobile

> Vous pouvez rendre les éléments Button de votre design fluides sur mobile, pour qu’ils occupent toujours toute la largeur de leur Column, ou désactiver ce réglage pour garder la même largeur que dans le design Figma/desktop.

[Video](/assets/videos/emailify/design/full-width-mobile-button.mp4)

Par défaut, tous les calques Button de vos designs sont fluides sur mobile et s’étendent sur la largeur de la Column (selon la taille de l’écran de l’appareil mobile sur lequel l’email est consulté).

Pour modifier ce comportement sur mobile, cliquez sur votre calque **Button**, puis sur le calque **Settings** dans l’en-tête du plugin, et activez ou désactivez l’option **Full Width Button on Mobile**.

> **Note:** Si la largeur de votre Button dans le design Figma (desktop) dépasse 300px, le bouton est automatiquement exporté en largeur fluide ; sinon, ce bouton plus long à largeur fixe déborderait sur le côté de la mise en page sur les petits écrans.

> **Tip:** Si votre calque Button est lui-même réglé sur **Fill container** dans votre design Figma, Emailify conserve aussi l’alignement horizontal de l’Auto Layout du bouton dans le HTML exporté. Vous pouvez ainsi aligner à gauche, centrer ou aligner à droite le texte d’un bouton pleine largeur en modifiant l’alignement de l’Auto Layout du bouton dans Figma.

> **Tip:** Si une variable ou un texte provisoire long rend votre bouton trop large avant d’être remplacé par un libellé plus court, réglez le **calque de texte dans le Button** sur **Fixed width** et activez l’option **Truncate text** de Figma avec **Max lines** réglé sur **1**. Suivez les [étapes de dimensionnement des boutons avec texte provisoire](/fr/emailify/content/dynamic#keep-buttons-narrow-with-long-placeholder-text).

> **Tip:** Vous pouvez [appliquer des réglages en masse](/fr/emailify/design/settings#apply-settings-in-bulk) : ouvrez **Settings**, puis sélectionnez dans Figma plusieurs calques Emailify du même type. Chaque réglage que vous modifiez s’applique alors à tous les calques sélectionnés.