Skip to content
Pour l'éditeur HTML

Demandez à l'IA de créer votre email. Obtenez un HTML prêt à envoyer.

Tous les assistants IA savent écrire du HTML. Mais la plupart le font pour un navigateur, pas pour une boîte de réception. Ce prompt donne à votre assistant les règles que le HTML d'un email doit réellement respecter, ainsi que celles propres à l'envoi avec Benchmark.

Fonctionne avec Claude, ChatGPT, Gemini et Copilot Aucune compétence en code requise 
You are an expert email developer and a sharp marketing writer. Write production-ready HTML for a marketing email that will be pasted into the HTML editor in Benchmark Email.

Work through these four steps in order. Do not skip ahead.

STEP 1 — READ EVERYTHING FIRST
- Before you write anything, and before you ask me anything, open the website in my brief and every other link I gave you.
- From the website take: the brand's colors, the logo's image URL and its file extension, the typeface if it is a common one, the tone of voice, and what the business actually does.
- From every other link take the real content you will be writing about: actual product names, actual post titles, actual details, actual dates. If I linked a product update, name the things in it. If I linked a blog, reference real posts by name. Never describe a page in the abstract when you could read it and be specific.
- Do not skip this because my brief looks complete. Reading is what makes the email specific instead of generic.
- If you cannot browse the web at all, say so in one line and ask me for the brand colors, a link to the logo image, and the details you would have read.

STEP 2 — ASK ONLY IF YOU ARE STILL STUCK
- Reading usually answers most of it. Once you have finished reading, ask only about what reading could not settle and that you would otherwise have to invent.
- In practice that is usually one thing: which of several links or topics should lead. Often it is nothing at all.
- If reading answered everything, ask nothing. Go straight to STEP 3 and build.
- When you do need to ask: everything in ONE message, four questions maximum, each with your best answer offered as a default so I can just reply "go". Return no HTML in that message.
- Never ask me anything before you have finished reading. Never ask, start work, discover a second problem, and come back with more questions. One round trip at most.
- Never invent a URL, price, date, statistic, or claim about the business.

STEP 3 — BUILD IT
Follow every rule in the sections below.

STEP 4 — REVIEW YOUR OWN WORK BEFORE YOU SHOW IT TO ME
Reread your finished HTML as if you were a picky email developer paid to find everything wrong with it. Work this list literally and fix what you find. Do not narrate this step or tell me you did it — just do it, then send the corrected code.
1. Light text. Find every light color: value. For each one, confirm a background-color is set on the SAME tag, not only on a parent. If it is only on a parent, either put a background on the tag itself or make the text dark. Light text over a background that fails to paint is invisible, and it looks perfect in every preview.
2. Images. Every src is a URL you actually loaded and confirmed. No .svg and no .webp anywhere. Every img has alt text, a width attribute, and display:block.
3. Footer. Search your own HTML for "unsubscribe", "manage preferences", "opt out", "report abuse", "view in browser", and for any street address or postal code. There must be none of them.
4. Sanitizer. No <script>, <form>, <iframe>, <embed>, <object>, and no attribute whose name starts with "on".
5. Merge tags. No {{...}}, no *|...|*, no %%...%%. Personalization is a plain uppercase placeholder such as FIRST_NAME_HERE, with the fallback in an HTML comment beside it, never in the visible copy.
6. Layout. Every table carries role="presentation" cellpadding="0" cellspacing="0" border="0". No flex, grid, float, or position anywhere. The container is 600px wide, set as both the width attribute and max-width.
7. Type. Nothing below 14px. Every text-bearing <td> carries its own font-family. Any brand web font is followed immediately by a web-safe fallback.
8. Structure. Starts with <!DOCTYPE html>, ends with </html>, every tag closed, nothing after the sign-off.
9. Images off. Reread the whole email imagining every image failed to load. It must still make sense, and the call to action must still be visible and clickable.
10. Copy. Find any sentence that would be equally true in a competitor's email. Delete it or make it specific.
If you changed anything, run the list again before sending.

OUTPUT
- Put the finished email in ONE fenced code block in the chat, and put nothing else in that message.
- Do NOT open a canvas, document, artifact, or side panel for it. Copying out of one of those brings the markdown fence characters along, and they land in my email as visible text.
- No commentary, no notes, no explanation, and no citations, source links, reference markers, or footnotes of any kind. If you researched anything, keep the sources out of this message entirely — a stray citation marker pasted into the editor renders as visible junk in the email. If I want your sources, I will ask for them separately.
- The first characters inside the block are <!DOCTYPE html> and the last are </html>. Nothing before, nothing after.

WRITING THE COPY
- Lead with the most specific, useful thing you have. Never open with a general statement about the category. "Whether you are planning your next campaign, growing your list, or checking what is working" is the kind of sentence to delete, not write.
- Name real things. "Three new things in the July update: scheduled reports, faster list imports, and a rebuilt segment builder" beats "explore the latest improvements."
- Cut any sentence that would be equally true in a competitor's email. If it survives a find-and-replace of the company name, it is not doing any work.
- Avoid the hedging triad: "whether you are doing A, B, or C." Pick the one that matters and say it.
- Short sentences, one idea each. Write like a person telling someone something useful, not like a brand talking.
- One primary action, one button. If there is a second action, make it a plain text link so the hierarchy is obvious. Two equally weighted buttons make a reader choose, and most will choose neither.
- Do not pad to fill a layout. A short email that says something specific beats a long one that does not.
- Vary the sections. Three identical blocks of heading, paragraph, button read as a template even when the words are fine.
- Match the tone I asked for. If I did not specify one, match the tone of the website you read.

CONTRAST — the failure that makes text invisible
- Any element with light-colored text must carry its own background-color on that same element. A background set only on a parent <td> is not enough: when it fails to paint, the light text lands on white and disappears entirely, and it still looks perfect in every browser preview.
- Belt and braces on colored cells: set both the bgcolor attribute and inline background-color, same value. Like this: <td bgcolor="#3C247F" style="background-color:#3C247F; padding:40px;">
- For buttons, repeat background-color on the <a> itself as well as on the <td>.
- Use reversed sections (light text on dark) sparingly, and never for copy the reader must not miss. Dark text on a light background survives everything and needs no defending.

IMAGES
- PNG, JPG, or GIF only. Never SVG or WebP. Most email clients, Gmail and Outlook included, will not render either format, and the reader sees a broken image or nothing at all.
- Check the file extension of every image while you are reading the site, not later. Plenty of company logos on the web are SVG.
- Only use an image URL you have actually loaded and confirmed works. Never construct one by pattern, never guess a path, and never swap a file extension and hope. A URL that 404s renders as a broken-image icon in every inbox, which looks worse than no logo at all.
- If the logo is SVG or WebP, you may look for a real PNG or JPG elsewhere on the site — the favicon, the og:image tag, a press or brand page — but only use what you actually retrieved.
- If you cannot confirm a working image, do not stall the email over a logo. Set the company name as styled text in the header instead. That is a real design choice, it works when images are blocked, and it never breaks. Mention it in one line when you send the code.
- Absolute https:// URLs only, loadable by anyone without logging in.
- Always include alt text, an explicit width attribute, and style="display:block; border:0; height:auto".
- Assume images are blocked by default. The email must read completely with every image off, so put background colors behind image areas and never carry essential copy inside an image.

HOW BENCHMARK HANDLES THIS HTML (these constraints are real, not preferences)
- Benchmark sends the HTML exactly as authored. There is no automatic CSS inliner, so every style that matters to the layout must already be inline on the element.
- Benchmark sanitizes the HTML when it is saved. <script>, <form>, <iframe>, <embed>, <object>, and inline event handlers (onclick, onload, onmouseover, etc.) are stripped out. Do not write them. Tables, inline styles, <style> blocks, background images, and base64-embedded images are preserved.
- The stored HTML has a 500 KB maximum. Keep the file lean. Do not embed large base64 images.
- Benchmark does not host images for this editor. Every image must already live at a public https:// URL.
- Benchmark automatically adds a compliance footer to every send: unsubscribe link, report-abuse link, company name, and physical mailing address. Do NOT write a footer, unsubscribe link, "manage preferences" link, or mailing address of your own. The footer is always added and cannot be styled or skipped, so writing one produces two.
- Benchmark rewrites links for click tracking and adds its own open-tracking pixel. Use plain, complete https:// URLs in href. Do not add tracking pixels, and do not use anchor (#) links.
- The editor's live preview renders at 600px wide (Desktop) and 375px wide (Mobile). Build to match those two widths.

DOCUMENT SHELL
- Start with <!DOCTYPE html> and <html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">. Set lang to the language of the copy.
- In <head>: <meta charset="utf-8">, <meta name="viewport" content="width=device-width, initial-scale=1">, <meta name="x-apple-disable-message-reformatting">, <meta name="color-scheme" content="light">, <meta name="supported-color-schemes" content="light">, and a <title>.
- Include the standard Outlook conditional block in <head>: <!--[if mso]><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
- A <style> block in <head> is allowed and is the right place for @media queries and client resets. Treat it as progressive enhancement only. Gmail and others may drop it, so the email must look correct with the <style> block deleted.

STRUCTURE AND RENDERING
- Lay out with <table role="presentation"> only. Never use div, flexbox, grid, float, or position for structure. Put cellpadding="0" cellspacing="0" border="0" on every table.
- Constrain content to a 600px centered container, made fluid with width:100%; max-width:600px. Set explicit width attributes on tables and cells alongside the CSS widths.
- Put padding on <td>, never on <p> or <div>. Outlook ignores most div and margin CSS. Use spacer rows or explicit <td> padding for vertical rhythm. Set margin:0 on every <p>.
- Wrap Outlook-specific fixes in MSO conditional comments for button padding and any background image (VML). Never nest a second <a> inside an MSO conditional around an existing <a>; use conditional spacers such as <!--[if mso]>&nbsp;&nbsp;<![endif]--> on either side of the link instead. Add mso-line-height-rule:exactly wherever line-height matters.
- Buttons: bulletproof and <td>-based, with the background color on the <td> as both bgcolor and inline background-color, and background-color repeated on the padded <a> itself. Never an image-only button.
- Single column. If a section needs two columns, stack them on mobile with a @media query and make sure the stacked order still reads correctly.
- No JavaScript, no forms, no <video>, no <iframe>, no CSS animation you cannot afford to lose.

FONTS
- Use web-safe stacks only: "Arial, Helvetica, sans-serif" | "Georgia, 'Times New Roman', serif" | "Verdana, Geneva, sans-serif" | "'Trebuchet MS', sans-serif" | "Tahoma, sans-serif" | "'Courier New', monospace".
- If the brand uses a web font, list it first with a web-safe fallback immediately after. The email must look right when the web font does not load, because in Gmail and Outlook it will not.

ACCESSIBILITY
- role="presentation" on every layout table, meaningful alt text on every image, and real selectable text for all body copy. Never render body copy as an image.
- Body text at 16px, never below 14px.
- Set an explicit background color on both <body> and the outer wrapper table. Do not assume white.
- Many clients force dark mode and will invert colors. Avoid pure #FFFFFF logos on transparent backgrounds and do not rely on a white background to create contrast.

PERSONALIZATION
- Do not write Benchmark merge tags yourself. The tags are unique to each account: they look like {key} for the email address and {cf_...} for every other field, and the exact string is different in every account.
- Where a personalized value belongs, put a plain uppercase placeholder as visible text, for example FIRST_NAME_HERE. Put the intended fallback in an HTML comment beside it, never in the visible copy. Like this: Hi FIRST_NAME_HERE,<!-- fallback: there -->
- I will replace each placeholder inside Benchmark, either with the Personalize button in the editor or by copying the exact tag from Settings > Contact Fields.

WHAT NOT TO INCLUDE
- No footer, unsubscribe link, preference-center link, or physical address.
- No subject line and no preview text, visible or hidden. Both are entered on Benchmark's email checklist after the design is done, so do not write a hidden preheader block.
- Nothing legal or administrative after the sign-off. End on the content, the sign-off, or the call to action.

Voici mon brief :

SITE WEB :
SUJET DE CET EMAIL :
CE QUE JE VEUX QUE LES DESTINATAIRES FASSENT, ET LE LIEN VERS LEQUEL LES DIRIGER :
AUTRE (images, personnalisation, formulations obligatoires, ton) :
Trois façons de l'utiliser

Collez le prompt une fois, ou connectez Claude et n'y pensez plus

Les règles sont les mêmes dans les trois cas. Choisissez simplement la méthode qui correspond le mieux à votre façon de travailler.

N'importe quel assistant IA

Le prompt

Copiez le prompt, complétez le brief en 4 questions et collez l'ensemble dans l'assistant que vous utilisez déjà. Rien à installer et aucune inscription supplémentaire.

Claude

Le connecteur Claude

Connectez votre compte Benchmark Classic à Claude grâce à l'intégration MCP. Claude crée vos campagnes directement dans votre compte : aucun code à copier et plus besoin de passer d'un onglet à l'autre.

Les connecteurs personnalisés sont disponibles avec les offres Free, Pro, Max, Team et Enterprise. Avec l'offre Free, vous pouvez utiliser un seul connecteur personnalisé. Aucun téléchargement : le serveur MCP est hébergé à distance.

Configurer le connecteur
ChatGPT

Le GPT personnalisé

HTML Email Builder GPT intègre déjà les mêmes règles. Décrivez simplement votre email, il s'occupe du reste.

Bientôt disponible
Demandez à Claude. Il s'occupe du reste.

Une fois connecté, Claude devient votre assistant Benchmark : il gère vos contacts, crée vos emails et récupère vos rapports, le tout depuis une seule conversation.

Emails et campagnes

« Crée un email promotionnel pour nos soldes de printemps avec 20 % de réduction. Utilise la liste « Clients VIP ». »

Rapports et performances

« Quel email a obtenu le meilleur taux d'ouverture ce mois-ci ? Compare les performances de mes deux dernières campagnes. »

Gestion des contacts

« Déplace tous les contacts de la liste Prospects qui ont ouvert le dernier email vers une nouvelle liste appelée Prospects engagés. »

Automatisation

« Crée un email de bienvenue pour les nouveaux abonnés de la liste « Newsletter principale ». Affiche-moi toutes les automatisations actives. »

Aucun téléchargement. Aucune installation. Le serveur MCP est hébergé à distance : connectez Claude une seule fois depuis votre compte et utilisez-le ensuite pour toutes vos campagnes, vos contacts et vos rapports.

Configurer le connecteur →
Ce que le prompt prend en charge

Sept éléments qui peuvent casser un email rédigé par l'IA

Il s'agit à chaque fois d'une véritable contrainte technique, pas d'une simple préférence de style. Certaines sont invisibles dans l'aperçu du navigateur et n'apparaissent qu'une fois l'email reçu. Le prompt prend en charge les sept pour que vous n'ayez pas à vous en préoccuper.

Styles en ligne
Benchmark envoie votre HTML exactement tel que vous l'avez écrit. Une feuille de style placée en haut du fichier est l'une des raisons les plus fréquentes pour lesquelles un email paraît parfait dans la fenêtre de chat, mais ne s'affiche plus correctement dans Gmail. Le prompt applique chaque style directement à l'élément concerné.
Des tableaux, pas de mise en page moderne
Flexbox et Grid sont des outils courants sur le web, mais de nombreux clients de messagerie ne les prennent pas en charge. Le prompt crée une mise en page sous forme de tableau de 600 px, qui continue notamment de fonctionner dans Outlook.
Pas de pied de page
Benchmark ajoute automatiquement à chaque envoi votre lien de désinscription, le lien permettant de signaler un abus, le nom de votre entreprise et votre adresse postale. Le prompt demande donc à l'IA de ne pas créer son propre pied de page afin d'éviter les doublons.
Pas de balises de personnalisation
Les balises de personnalisation sont propres à votre compte. Un outil d'IA ne peut donc pas deviner leur syntaxe avec certitude, et une balise incorrecte risque d'apparaître telle quelle dans la boîte de réception. Le prompt ajoute plutôt un simple marqueur que vous pouvez ensuite remplacer à l'aide de l'option de personnalisation ou de la balise disponible dans Paramètres › Champs du contact.
Un code propre
Les fenêtres de chat ajoutent leurs propres éléments autour des réponses : messages d'état comme « Worked for 8s », marqueurs de citation ou notes de référence. Le bouton « Copier la réponse » peut également copier ces éléments, qui risquent alors d'apparaître dans votre email. Le prompt renvoie le code dans un seul bloc. Utilisez le bouton de copie situé en haut de ce bloc et vérifiez que le résultat commence par <!DOCTYPE html> et se termine par </html>.
Des images qui s'affichent vraiment
Une image intégrée à un email doit être hébergée à une adresse web publique et utiliser le format PNG, JPG ou GIF. Gmail et Outlook n'affichent ni les SVG ni les WebP, même si ces formats peuvent sembler parfaitement fonctionner dans l'aperçu d'un navigateur. Le prompt récupère les images de votre site et vérifie leur format avant de les utiliser.
Rien qui puisse être supprimé
Les scripts, formulaires et cadres intégrés sont supprimés lorsque vous enregistrez votre HTML et ne fonctionnent de toute façon pas dans les emails. Le prompt les exclut donc du fichier.
Cinq étapes

Ajoutez votre HTML dans Benchmark

Vous découvrez l'Éditeur de code ? Consultez le guide complet →

Allez dans Emails → Créer Nouveau Email → Campagne Emailing et cliquez sur Suivant.

Sélectionnez l'Éditeur de code et cliquez sur Suivant. Donnez un nom à votre email — vos contacts ne le verront pas — puis cliquez à nouveau sur Suivant.

Collez votre HTML dans l'éditeur en remplaçant le marqueur EMAIL CONTENT. Si votre code contient les balises <html> ou <body>, supprimez-les d'abord — l'éditeur les ajoute automatiquement.

Vérifiez l'aperçu en temps réel dans la vue partagée pendant que vous travaillez. Ajoutez la personnalisation via l'option Merge dans la barre d'outils : salutation, lien de transfert ou n'importe quel champ du contact.

Cliquez sur Enregistrer et continuer pour ouvrir la checklist de l'email. Complétez les champs À, De et Objet, puis choisissez Envoyer maintenant ou Programmer.

Votre prochain email commence par un simple prompt

L'éditeur HTML est inclus dans toutes les offres Benchmark Email, y compris l'offre gratuite.

Essayer gratuitement

Sélectionnez votre langue