Le HTML d’une signature d’email est limité à 10 000 caractères. Après l’export, le plugin vous avertit si votre signature dépasse cette limite. Pour l’éviter, vous pouvez utiliser certains des composants de départ Signature de l’onglet Footer du plugin Emailify.
Malheureusement, les ajustements responsive pour mobile ne sont pas pris en compte dans les exports « HTML Email Signature » : les clients de messagerie suppriment les balises de style CSS et les requêtes @media (elles ne sont donc pas incluses dans le code exporté non plus). Mieux vaut donc trouver dès le design d’origine un bon équilibre, qui rende bien aussi bien sur ordinateur que sur mobile.
Tutoriel vidéo : concevoir et exporter des signatures d’email HTML depuis Figma
Cette vidéo montre comment concevoir et exporter depuis Figma des emails HTML responsive et prêts pour la production avec le plugin Emailify.
Exporter votre signature HTML depuis Emailify
Dans le plugin Emailify, cliquez sur le bouton Export HTML pour ouvrir le panneau d’export, sélectionnez l’option HTML Email Signature dans la liste déroulante, puis cliquez sur le bouton Export to HTML Signature pour exporter en HTML les emails sélectionnés dans Figma.
Une fois le traitement de votre ou vos emails terminé, Emailify affiche un message de confirmation. Cliquez sur le bouton Download your .zip file pour télécharger votre fichier .zip sur votre ordinateur, puis décompressez le .zip pour accéder aux fichiers exportés.
Copier votre signature d’email HTML dans le presse-papiers
Une fois votre signature d’email HTML exportée depuis Emailify et le fichier .zip décompressé, ouvrez le fichier preview-and-install.html dans le navigateur Google Chrome (d’autres navigateurs comme Safari peuvent poser problème), puis cliquez sur le bouton Copy HTML Signature de la page d’aperçu : le contenu de votre signature HTML est automatiquement copié dans votre presse-papiers.
Certains clients de messagerie demandent le code HTML « brut ». Dans ce cas, cliquez plutôt sur le bouton Copy HTML Signature (Raw Code) du fichier preview-and-install.html pour copier la signature sous forme de HTML brut dans votre presse-papiers.
Une fois le HTML copié dans votre presse-papiers, suivez les instructions ci-dessous (tirées des excellents guides de SignatureHound) pour installer la signature dans votre client de messagerie.
Comment installer votre signature d’email HTML dans Mail App (iOS)
- Ouvrez l’app Settings sur votre appareil iOS, tapez Signature dans la barre de recherche, puis ouvrez le réglage Signature sous Apps > Mail. Vous pouvez aussi y accéder manuellement via Mail > Signature.
- Collez votre signature dans l’éditeur de signature. Si vous avez plusieurs comptes email, vérifiez que vous utilisez le champ de signature du bon compte. Supprimez d’abord tout texte existant, puis maintenez le doigt appuyé dans l’éditeur et touchez Paste.
Vous pouvez utiliser la fonction Presse-papiers universel d’Apple pour copier la signature d’email HTML sur votre Mac (en suivant l’étape ci-dessus), puis la coller dans l’app Mail de votre iPhone (en vérifiant que le Wi-Fi et le Bluetooth sont activés sur vos deux appareils).
Si la signature collée semble trop grande ou si sa mise en forme paraît cassée, utilisez une fois la fonction Undo d’iOS pour que Mail actualise la mise en forme. Le plus simple est de toucher la flèche Undo du clavier. Si vous ne la voyez pas, secouez doucement votre iPhone jusqu’à ce que l’invite Undo Change Attributes apparaisse, puis touchez Undo, ou balayez vers la gauche avec trois doigts pour annuler. La mise en forme de la signature devrait ensuite s’actualiser automatiquement.
- Fermez Settings, ouvrez l’app Mail et rédigez un nouvel email pour vérifier que votre signature fonctionne. Si vous avez plusieurs comptes email, la signature apparaît lorsque vous choisissez dans From l’adresse dans laquelle vous l’avez collée dans Settings.
En mode sombre, Apple Mail a une particularité : si la signature contient des images Retina, il affiche un fond blanc derrière votre signature dans le panneau « Inbox » (même si le système et les réglages de Mail sont tous deux en mode sombre). Si les images sont exportées en résolution native 1x (au lieu de 2x Retina) et ne sont pas redimensionnées, le fond blanc disparaît, mais au prix d’images floues dans la signature.