Maquette d'e-mail en HTMLIntégration de maquette en HTML

Votre maquette d'e-mail intégrée en HTML : une mise en page en tableaux pour les outils d'e-mailing, fidèle à votre maquette, avec une version mobile

Généralement prêt en 15 minutesRetouches inclusesContrôle qualité
Paiement protégéEn savoir plus
  • Les retouches prévues par la formule sont gratuites.
  • Sans réponse de votre part dans les 3 jours suivant la livraison, le travail est validé automatiquement.
Commander · 28 €

L’argent est réservé au paiement et versé uniquement une fois le travail validé.

Votre maquette d'e-mail intégrée en HTML : une mise en page en tableaux pour les outils d'e-mailing, fidèle à votre maquette, avec une version mobile

Exemple de résultat

Exemple pour la formule Standard

E-mails de bienvenue et de soldes de printemps pour une boutique de céramique

Les deux e-mails

L'e-mail de bienvenue L'e-mail des soldes de printemps

L'e-mail de bienvenue sur téléphone

L'e-mail de bienvenue sur téléphone

Fichiers : une archive ZIP avec 2 e-mails HTML conçus pour les logiciels de messagerie, avec styles en ligne et lien de désinscription, et 3 illustrations dessinées pour eux, prête à être importée dans l'outil d'e-mailing du client. Les images présentées ici sont des captures d'écran des e-mails.

Client : Juniper & Oak, une petite boutique en ligne de céramiques artisanales et d'objets pour la maison. Mission : deux e-mails pour leur outil d'e-mailing : un e-mail de bienvenue avec 10 % de réduction sur la première commande et un e-mail de soldes de printemps avec 20 % de réduction sur les vases et les cache-pots, dans des tons sable, terre cuite et olive.

Le client et tous les détails sont fictifs.

À propos de ce service

Vous avez une maquette d'e-mail et il vous faut un code que les messageries e-mail affichent correctement. Envoyez des captures d'écran ou des exports PNG de votre maquette, et nous l'intégrons en e-mail HTML : les mêmes blocs dans le même ordre, les couleurs, tailles et boutons, avec du vrai texte au lieu d'une image de texte. Le code est celui dont les messageries e-mail ont besoin : tableaux de 600 px de large, styles sur chaque élément, polices système proches, et une seule colonne sur téléphone même si votre maquette n'a qu'une version ordinateur. Les photos et illustrations de la maquette sont redessinées dans le même esprit, ou ce sont les vôtres si vous les envoyez. Nous ne pouvons pas ouvrir de fichiers Figma, PSD ou Sketch : exportez les écrans en images. Nous n'envoyons pas les e-mails.

Ce qui est inclus

  • Ce que vous recevezUne archive ZIP avec le HTML de chaque e-mail et ses images, prête pour votre outil d'e-mailing, et un aperçu sur la page de la commande.
  • Fidèle à votre maquetteBlocs, couleurs, tailles et boutons comme sur votre maquette
  • Du vrai texteTitres et paragraphes en texte, pas en image de texte
  • Version mobileRéalisée à partir du design desktop si vous n'avez pas de version mobile
  • Des images à leur placeRedessinées dans l'esprit de la maquette, ou les vôtres
  • Lien de désinscriptionUn emplacement dans le pied de page, à remplacer par le lien de votre outil

Comment ça marche

  1. 1
    EnvoiVous envoyez les écrans de votre maquette d'e-mail et indiquez lequel est lequel
  2. 2
    Intégration et aperçuNous construisons chaque e-mail en tableaux et styles en ligne, et vous le comparez à votre maquette sur ordinateur et sur téléphone
  3. 3
    ArchiveVous téléchargez l'archive et demandez des retouches dans le cadre de votre formule

Ce dont nous avons besoin

Jusqu'à 5 images en PNG, JPEG ou WebP : les écrans de votre maquette d'e-mail, un e-mail par image, assez nets pour lire le texte, et, si vous le souhaitez, votre logo et des photos à utiliser telles quelles. Indiquez quel fichier correspond à quel e-mail, les textes s'ils diffèrent de la maquette, où doit mener chaque bouton, et les coordonnées de l'expéditeur pour le pied de page. Pas de fichiers Figma, PSD ou Sketch : exportez chaque cadre d'e-mail en image.

Nous vous demanderons :

  • Quel fichier correspond à quel e-mail ?
  • Les textes diffèrent-ils de la maquette ?
  • Où doivent mener les boutons ?
  • Coordonnées de l'expéditeur pour le pied de page

Comparer les formules

Essentiel1 e-mail d'après votre maquette16 €Standard2 e-mails d'après vos maquettes28 €Premium4 e-mails d'après vos maquettes47 €
Délai1 jour2 jours2 jours
Retouches123
E-mails124
Images dessinées pour les e-mails234
Version mobileOuiOuiOui
Lien de désinscriptionOuiOuiOui
Intégré d'après votre maquetteOuiOuiOui
CommanderCommanderCommander

Paiement protégé

Vous payez à la commande, mais l’argent n’est versé que pour un travail validé.

  • Prix fixeLe prix de la formule ne change pas après le paiement.
  • L’argent est réservéAu paiement, le montant est seulement réservé. Il n’est versé à Dleex qu’une fois le travail validé.
  • Vérifié avant livraisonChaque résultat passe un contrôle qualité avant de vous parvenir, et vous le voyez sur la page de la commande avant de le valider.
  • Retouches gratuitesDemandez des retouches dans le cadre de votre brief autant de fois que la formule le permet.
  • Validation au bout de 3 joursSi, dans les 3 jours suivant la livraison, vous n’avez ni validé le travail ni demandé de retouches, il est validé automatiquement. Si vous écrivez dans le chat de la commande après la livraison, la commande est mise en attente ; après notre réponse, nous pourrons relancer le délai de 3 jours et vous le signalerons dans le chat.
  • Travail refait ou remboursement intégralSi le résultat ne correspond pas à votre brief et que les retouches n’y ont rien changé, ou si le travail prend plus du double du délai prévu, écrivez dans le chat de la commande : nous referons le travail ou vous rembourserons intégralement.
Comment ça marche →

Questions et réponses

Pouvez-vous ouvrir mon fichier Figma ou PSD ?

Non, nous travaillons à partir d'images des écrans. Dans Figma, sélectionnez le cadre de l'e-mail et exportez-le en PNG à 2x ; dans Photoshop, utilisez Exporter sous. Un e-mail long peut tenir dans une seule longue image.

Le résultat sera-t-il identique à mon design au pixel près ?

Il sera fidèle en mise en page, couleurs, tailles et ordre des blocs, mais pas au pixel près : les messageries e-mail affichent les e-mails un peu différemment, les polices sont des polices système proches, et les photos sont redessinées sauf si vous envoyez les vôtres. Faites un envoi test vers quelques boîtes mail et un téléphone avant l'envoi.

Ma maquette utilise une police spéciale et une vidéo. Comment faire ?

La plupart des messageries e-mail n'affichent ni polices web ni vidéos : le texte est donc composé dans une police système proche, et la vidéo devient une image avec un bouton lecture qui mène vers elle.

Pouvez-vous intégrer un e-mail copié sur celui d'une autre entreprise ?

Nous intégrons des maquettes qui vous appartiennent ou que vous avez le droit d'utiliser. Nous ne copions pas à l'identique l'e-mail d'une autre entreprise ; un e-mail que vous aimez peut seulement servir de repère de style.

Sera-t-il compatible avec l'éditeur glisser-déposer de mon outil d'e-mailing ?

Vous recevez du HTML simple à importer ou à coller comme code personnalisé. Il n'est pas découpé en blocs de l'éditeur : les modifications ultérieures se font donc dans l'éditeur de code. Le pied de page contient un emplacement pour le lien de désinscription de votre outil.

Vous n’avez pas trouvé la réponse ?

Tous les services : Développement et informatique

Également dans Développement et informatique

Commander · 28 €· ~15 min