marcdufraisse/ma-newsletter

Ma newsletter

La personne écrit sa newsletter. Tu la mets en page à sa charte, tu vérifies le rendu, et tu la poses en brouillon dans son outil d'envoi. Elle relit, s'envoie un test et envoie elle-même. Elle lance la skill quand son texte est prêt, souvent le jeudi dans la semaine type du catalogue.

Tu ne réécris rien. Pas un mot changé, ajouté ou coupé, même une faute de frappe : tu la signales à part et tu ne la corriges que si elle dit oui. Sa newsletter porte sa pensée, et un mot qui bouge sans qu'elle le sache l'oblige à tout relire pour le retrouver.

Ce qu'il te faut

• Le texte, collé dans la conversation, ou une page Notion si le connecteur est branché.
• L'objet et le pré-en-tête, les siens. S'ils manquent, tu en proposes (étape 2).
• Le bouton : son lien et son libellé. Un seul par newsletter.
• Les images, déjà en ligne : une adresse en https qui marche hors de Notion.

Et ces fichiers, dans Contexte/ du dossier Claude connecté ou dans les fichiers du Projet :

• ma-newsletter.md, la fiche de sa newsletter (voir plus bas).
• ma-charte.md, pour la version mail de sa charte : couleurs, police système, logo, signature.
• Seulement si tu dois proposer un objet ou un pré-en-tête : qui-je-suis.md, mon-adn-copywriting.md (au moins le mémo express) et references/liste-noire.md de la skill mon-adn-copywriting.

S'il manque la charte, fais une version sobre (fond blanc, texte #171717, accent #171717, Arial), dis-le en une phrase, et propose Ma charte à la fin. Tu ne bloques pas.

Aucun connecteur n'est nécessaire. Brevo est en option, pour créer la campagne en brouillon. Notion est en option, pour lire le texte.

Premier lancement : la fiche

Si ma-newsletter.md n'existe pas, crée-la avant de mettre en page. Si Brevo est connecté, lis les expéditeurs et les listes du compte et propose-les-lui en choix. 2 séries de questions au plus.

# Ma newsletter
Mis à jour le AAAA-MM-JJ

- Nom de la newsletter :
- Expéditeur (nom et adresse) :
- Adresse de réponse :
- Outil d'envoi : Brevo / Mailchimp / Kit / autre
- Liste ou segment par défaut :
- Logo hébergé (adresse de l'image) : ou « pas de logo, le nom en tête »
- Signature :
- Pied de mail : la phrase de bas de mail (pourquoi on reçoit ce mail, adresse légale si elle en met une), puis le lien de désinscription
- Balise de désinscription de l'outil :
- Largeur : 600 px

La balise de désinscription dépend de l'outil : {{ unsubscribe }} dans Brevo, *|UNSUB|* dans Mailchimp. Pour un autre outil, demande-la ou cherche-la dans l'aide de l'outil. Certains outils ajoutent d'office leur propre pied avec ce lien : si c'est le cas du sien, note-le dans la fiche, tu retireras celui du gabarit.

Range la fiche dans Contexte/ma-newsletter.md. Sans dossier, donne-la en téléchargement pour qu'elle la mette dans les fichiers du Projet. Les fois suivantes, lis-la et ne repose pas ces questions.

1. Récupérer le texte

Lis le texte en entier. Repère, sans rien toucher : les intertitres, le gras et l'italique, les liens, les listes, les images, et le lien qui deviendra le bouton.

• S'il y a plusieurs liens et qu'elle n'a pas dit lequel est le bouton, demande-le. Les autres restent des liens dans le texte.
• Les images d'une page Notion ont des adresses temporaires, qui ne marcheront plus au moment de l'envoi. Télécharge-les si tu peux, réduis-les à 1200 px de large (JPEG, qualité 85), donne-les-lui en fichiers, et demande-lui de les charger dans la bibliothèque d'images de son outil puis de te donner leurs adresses. En attendant, mets [image à héberger : nom-du-fichier] à leur place.
• Une capture d'écran qui montre le nom, le mail ou le numéro d'un client : signale-la avant de l'intégrer.

2. Objet et pré-en-tête

Ceux de la personne, tels quels. S'ils manquent, propose 2 objets et 2 pré-en-têtes, et elle choisit.

• Objet : 55 caractères au plus. Pas d'émoji si elle n'en met jamais.
• Pré-en-tête : 140 caractères au plus. C'est la ligne grise sous l'objet dans la boîte de réception ; il complète l'objet sans le répéter.
• Pars de ses phrases : une phrase de sa newsletter fait souvent le meilleur objet. Ce que tu écris est dans sa voix (mémo express) et relu contre la liste noire.

3. Construire le HTML

Pars de references/gabarit-mail.html. Les clients mail (Gmail, Outlook, Apple Mail) lisent mal le CSS moderne : d'où les tableaux, les styles en ligne et les polices système du gabarit. Garde cette structure.

1. Remplace les variables de couleur par les valeurs de ma-charte.md : %%FOND%%, %%TEXTE%%, %%ACCENT%%, %%FOND_DOUX%%, %%BORDURE%%, et %%GRIS_TEXTE%% pour le pied (un gris qui se lit, #737373 si la charte n'en donne pas). %%POLICE%% prend la police système de la version mail (Arial, Helvetica, Georgia ou Verdana, avec ses polices de secours). %%TEXTE_BOUTON%% est blanc, ou la couleur Texte si le blanc se lit mal sur l'accent.
2. En tête : le logo hébergé de la fiche, ou le nom de la newsletter si elle n'a pas de logo. Garde un seul des 2 blocs.
3. Le corps : son texte, bloc par bloc, avec les modèles en commentaire dans le gabarit (paragraphe, intertitre, lien, liste, image, encart). Le gras, l'italique et les liens restent là où elle les a mis.
4. Le bouton, une seule fois, après le paragraphe qui l'annonce. Si le lien est aussi dans une phrase, la phrase garde son lien.
5. La signature de la fiche (sauf si son texte finit déjà par une signature), puis le pied, avec la balise de désinscription de son outil à la place de {{ unsubscribe }}.
6. Retire tous les commentaires du gabarit.

Si sa mise en page ne tient pas dans un mail (2 colonnes, encarts imbriqués, tableau large), passe-la en une colonne et dis ce que tu as changé. N'ajoute pas de personnalisation par prénom si elle n'en utilise pas déjà.

4. Vérifier

Avant de rendre :

• Le texte. Extrais le texte du HTML, sans les balises, et compare-le mot à mot au texte d'origine. Seul ce qui vient du gabarit peut s'ajouter (en-tête, signature, pied). Si un mot diffère, corrige le HTML.
• Un seul bouton, et son lien pointe au bon endroit.
• Aucune adresse temporaire (Notion, fichier local), aucune variable %%…%% restante.
• Chaque image a une largeur fixée et un texte alternatif.
• La balise de désinscription est là, une seule fois.

Puis enregistre le HTML et montre-lui l'aperçu, pour qu'elle voie le rendu. La balise de désinscription y apparaît en texte brut ; l'outil la remplace à l'envoi.

Avec un dossier Claude connecté, le fichier va dans Livrable/Newsletters/, nommé newsletter-<sujet>-<date>.html (par exemple newsletter-rentree-2026-10-08.html). Sans dossier, donne-le en téléchargement.

5. Poser le brouillon

Brevo connecté. Crée la campagne en brouillon :

• nom : Newsletter AAAA-MM-JJ · <objet> ;
• objet et pré-en-tête (le champ pré-en-tête de Brevo remplace le bloc caché du gabarit : retire ce bloc pour ne pas l'avoir en double) ;
• le HTML complet, collé dans la campagne ;
• l'expéditeur et l'adresse de réponse de la fiche ;
• la liste ou le segment par défaut de la fiche. Si la fiche n'en a pas, laisse les destinataires vides et dis-le.

Tu ne remplis aucune date de programmation, aucun test A/B, et tu n'envoies rien. Une newsletter envoyée ne se rattrape pas, alors la dernière relecture et le clic restent à elle : si elle te demande d'envoyer ou de programmer, donne-lui le lien du brouillon.

Pour une correction après coup, modifie le brouillon si le connecteur le permet. Sinon, crée une nouvelle version (v2 à la fin du nom) et dis-lui qu'elle peut supprimer l'ancienne. Tu ne supprimes rien.

Sans Brevo connecté. Donne le HTML à coller dans son outil (Brevo, Mailchimp, Kit ou autre), dans l'éditeur qui accepte du code : il s'appelle souvent « coder mon modèle » ou « importer du HTML ». Si l'outil a un champ pré-en-tête, remplis le champ et retire le bloc caché du gabarit.

Rendre

Dans le chat, court :

1. L'objet et le pré-en-tête retenus.
2. Le nom et l'identifiant du brouillon Brevo (le lien si le connecteur le renvoie), avec la mention « brouillon, à envoyer par toi » et la liste choisie. Sans Brevo, le fichier HTML à coller.
3. L'aperçu.
4. Les fautes repérées, une par ligne : la phrase, la correction proposée. Elle dit oui ou non.
5. Ce qui manque : images à héberger, [à compléter].
6. Avant qu'elle envoie : s'envoyer un test, le lire sur son téléphone, cliquer sur le bouton, vérifier la liste.