Si vous cherchez comment personnaliser la couleur d’arrière-plan extérieure qui entoure le corps de votre email, modifiez l’arrière-plan de votre page Figma : il sert de couleur d’arrière-plan du corps de l’email dans tous les exports HTML d’Emailify.

Définir une couleur d’arrière-plan unie sur vos calques de mise en page

Pour définir une couleur d’arrière-plan unie sur un élément de mise en page de votre design d’email, cliquez sur le calque dans Figma, ajoutez un remplissage (avec l’icône + à côté du panneau Fill dans les propriétés Figma du calque) et choisissez un remplissage Solid. Il est appliqué comme couleur d’arrière-plan CSS lorsque le plugin exporte votre email en HTML.

Définir un arrière-plan en dégradé sur un calque Row, Column, Hero ou Wrapper

Pour définir un arrière-plan en dégradé sur un élément de mise en page Row, Column, Hero ou Wrapper de votre design d’email, cliquez sur le calque dans Figma, ajoutez un remplissage (avec l’icône + à côté du panneau Fill dans les propriétés Figma du calque) et choisissez un remplissage Gradient. Lorsque le plugin exporte votre email en HTML, il est appliqué comme image d’arrière-plan (et non comme dégradé CSS, dont la prise en charge est limitée selon les clients de messagerie).

Notez que les arrière-plans en dégradé sont rendus sous forme d’images d’arrière-plan. Ils fonctionnent sur les calques Row, Column, Hero et Wrapper dans l’aperçu Emailify et les exports HTML, mais les exports bruts mjml et loops omettent toujours les attributs d’image d’arrière-plan des Column.

Définir une couleur d’arrière-plan unie sur les calques de texte

Pour définir une couleur d’arrière-plan unie sur les calques de texte de votre design d’email, sélectionnez un calque de texte Figma de votre email pendant que le panneau Settings est ouvert, puis collez votre valeur de couleur hexadécimale (par exemple #FFFBA8) dans le champ Text Background Color. Une couleur d’arrière-plan unie est alors automatiquement ajoutée derrière ce texte dans votre email HTML.

Vous pouvez aussi combiner la couleur d’arrière-plan de votre calque de texte avec l’ajout d’une marge intérieure à votre calque de texte, pour donner un peu d’espace autour du texte dans la zone d’arrière-plan.