Galerie de modèles d'annonce : 6 modèles HTML à copier-coller par catégorie de produit

Un « modèle de description produit » générique essaie de tout couvrir : les champs dont un acheteur d'appareil photo a besoin ne sont pas ceux qu'un acheteur de vinyle cherche, et encore moins ceux qu'un acheteur de montre veut voir. Un acheteur qui parcourt une annonce sur son téléphone s'en va en trois secondes si l'information qu'il cherche n'apparaît pas sur le premier écran.

Cette galerie propose six modèles, un par catégorie qui profite le plus de descriptions HTML structurées :

1. Vinyles et CD — classement de l'état, numéros de matrice, emplacement pour extrait audio
2. Appareils photo et objectifs — nombre de déclenchements, notes sur le capteur, emplacement pour extrait vidéo
3. Instruments de musique — année, origine, notes de réglage, emplacement pour clip démo
4. Montres — mouvement, dimensions du boîtier, notes d'authenticité
5. Vêtements vintage et de créateurs — époque, mensurations, photos d'état
6. Objets de collection et souvenirs — provenance, notation, authentification

Chaque modèle est agnostique vis-à-vis du marketplace — le HTML est assez simple pour être collé dans tout éditeur d'annonce qui accepte le HTML (l'onglet HTML d'eBay France, le champ description de Leboncoin, Amazon.fr, le « Résumé » d'Etsy si vous convertissez en texte brut, etc.). Pour les marketplaces qui suppriment tout le HTML (Vinted, Discogs, Reverb, Facebook Marketplace), utilisez le texte entre les balises comme modèle en texte brut et placez un lien court + code QR sur l'une de vos photos.

Les six modèles réservent un bloc clairement identifié pour un aperçu audio ou vidéo. C'est la partie qui transforme les curieux en acheteurs dès que le son, le mouvement ou le détail rapproché comptent — un vinyle qu'on peut vraiment écouter, une guitare qu'on peut entendre gratter, un appareil photo dont on peut voir des images d'exemple.

Prenez le modèle qui correspond à ce que vous vendez, collez-le et remplissez les [EMPLACEMENTS ENTRE CROCHETS].

Conçu pour les vendeurs de disques qui veulent laisser les acheteurs juger l'audio eux-mêmes. Le bloc d'extrait est l'endroit où vous collez le code de lien image depuis la page Publish d'eCommercePlayer, ou où vous posez un lien court + QR sur l'une de vos photos d'annonce.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[ARTISTE] — [TITRE]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[LABEL] · [N° DE CATALOGUE] · [ANNÉE] · [PAYS]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Format</td><td>[LP / 12" / 7" / CD]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">État du disque</td><td>[VG+ / NM / M]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">État de la pochette</td><td>[VG+ / NM / M]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Matrice / runout</td><td>[NUMÉROS DE MATRICE GRAVÉS]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Écoutez le disque</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK CODE HERE -->
  <p style="color: #666; font-size: 13px;">Enregistré depuis ma platine pour que vous puissiez juger l'audio vous-même avant d'enchérir.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Notes</h3>
  <p>[TOUT CE QUE L'ACHETEUR DOIT SAVOIR : bruit de surface, usure de la pochette, tampons promo, etc.]</p>
</div>

Pourquoi ça fonctionne sur mobile : styles en ligne simples, pas de CSS grid ni flexbox à prévoir en fallback, max-width limite la colonne de texte à une longueur de ligne lisible sur desktop sans casser le mobile. Le tableau d'état s'affiche proprement à toute largeur puisqu'il n'a que deux colonnes.

Notes par marketplace : l'onglet HTML d'eBay accepte cela tel quel. Yahoo Auctions accepte tout sauf <script> (qui n'est pas dans le modèle). Discogs supprime le HTML — collez la version en texte brut et posez votre Direct Link + QR sur l'une des photos.

Les acheteurs d'appareils photo veulent des faits techniques mesurables et des images d'exemple. Le bloc d'extrait vidéo est l'endroit où vit une courte vidéo depuis eCommercePlayer.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[MARQUE] [MODÈLE]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[MONTURE D'OBJECTIF] · [ANNÉE] · [PLAGE DE SÉRIE SI PERTINENTE]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Nb de déclenchements</td><td>[N] déclenchements</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Capteur / format</td><td>[PLEIN FORMAT / APS-C / M43 / ARGENTIQUE]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">État</td><td>[EX+ / EX / BGN / EN L'ÉTAT]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Inclus</td><td>[BOÎTIER, OBJECTIF, SANGLE, BATTERIE, CHARGEUR, BOÎTE, NOTICES]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Images d'exemple / clip test</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER EMBED OR IMAGE-LINK CODE HERE -->
  <p style="color: #666; font-size: 13px;">Court extrait tourné avec ce boîtier pour que vous voyiez le rendu du capteur et entendiez l'obturateur avant d'enchérir.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Notes sur l'état</h3>
  <ul style="margin: 0; padding-left: 20px;">
    <li>[USURE COSMÉTIQUE]</li>
    <li>[NOTES FONCTIONNELLES — ex. : posemètre fonctionnel, toutes les vitesses testées]</li>
    <li>[PROBLÈMES CONNUS OU AUCUN]</li>
  </ul>
</div>

Pour les appareils argentiques, ajoutez une ligne au tableau pour « Joints de lumière » (remplacés / d'origine / à remplacer) — c'est la question la plus posée sur les boîtiers vintage. Pour les objectifs, remplacez la ligne nb de déclenchements par « Lamelles du diaphragme » (propres / huilées) et « État du verre » (sans champignon, marques de nettoyage légères, etc.).

Les acheteurs de guitares et basses enchérissent sur le son, l'action et l'histoire. Un clip démo de 20 secondes de l'instrument joué convertit comme rien d'autre.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[MARQUE] [MODÈLE] — [ANNÉE]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[PAYS D'ORIGINE] · N° de série [NUMÉRO DE SÉRIE]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Bois du corps</td><td>[AULNE / FRÊNE / ACAJOU / ÉRABLE]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Manche / touche</td><td>[ÉRABLE / PALISSANDRE / ÉBÈNE]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Micros</td><td>[D'ORIGINE / REMPLACÉS — DÉTAILS]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Frettes</td><td>[% DE VIE RESTANT / REFRETTAGE RÉCENT]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Réglage</td><td>[RÉGLAGE RÉCENT / À RÉGLER PAR L'ACHETEUR]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Écoutez-le joué</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Court extrait, sans effets, les deux micros. Vous entendez le vrai son avant d'enchérir.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Modifications & historique</h3>
  <p>[MODIFICATIONS, RÉPARATIONS, PROPRIÉTAIRES PRÉCÉDENTS, RESTAURATIONS]</p>
</div>

Pour les instruments acoustiques, remplacez « Micros » et « Frettes » par « Bois de la table » et « Barrage ». Pour les pianos, touches et mécaniques, utilisez un autre modèle — celui-ci est pour les instruments à frettes et assimilés.

Les montres se vendent sur les détails du mouvement et les marqueurs d'authenticité. Une vidéo de 15 secondes de la montre qui tourne + le tic-tac convertit bien au-dessus des photos statiques.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[MARQUE] [MODÈLE] [RÉFÉRENCE]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[ANNÉE] · N° de série [2 PREMIERS CHIFFRES]xxx (partiel)</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Mouvement</td><td>[NUMÉRO DE CALIBRE — MANUEL / AUTO / QUARTZ]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Taille du boîtier</td><td>[N] mm · entrecorne [N] mm · épaisseur [N] mm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Cadran</td><td>[D'ORIGINE / RESTAURÉ — NOTES]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Bracelet</td><td>[D'ORIGINE / APRÈS-VENTE — SPÉCIFICATIONS]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Historique de révision</td><td>[DERNIÈRE RÉVISION / INCONNU]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Boîte / papiers</td><td>[INCLUS / NON INCLUS]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Voyez-la en marche</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Clip de 15 secondes montrant la montre en marche, avec le son. Le balayage de la trotteuse et le rotor vous disent que le mouvement est en bon état.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Précision mesurée</h3>
  <p>[+/- N SECONDES PAR JOUR, POSITION TESTÉE]</p>
</div>

Pour les montres vintage où l'authenticité est la préoccupation principale, ajoutez une ligne au tableau pour « Numéros concordants » (boîtier / mouvement) et mentionnez toute provenance documentée. Les acheteurs de montres à cinq chiffres creusent ces champs.

Les acheteurs de mode mesurent, ils ne devinent pas. Une courte vidéo à 360° du vêtement sur un mannequin (ou porté) comble le fossé entre les photos et la coupe réelle.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[MARQUE] [PIÈCE] — [ÉPOQUE / ANNÉE]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[COULEUR] · [MATIÈRE] · [FABRIQUÉ À ...]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Taille étiquette</td><td>[ÉTIQUETTE / VÊTEMENT]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Poitrine / buste</td><td>[N] cm à plat</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Taille</td><td>[N] cm à plat</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Longueur</td><td>[N] cm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Épaule</td><td>[N] cm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Manche</td><td>[N] cm</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Vidéo de coupe</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Courte vidéo sur un mannequin pour que vous voyiez le tombé et les proportions avant d'acheter.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">État</h3>
  <ul style="margin: 0; padding-left: 20px;">
    <li>[TACHES / AUCUNE]</li>
    <li>[RÉPARATIONS / AUCUNE]</li>
    <li>[DÉCOLORATION / COULEUR D'ORIGINE]</li>
  </ul>
</div>

Pour les chaussures, remplacez les lignes de mesures par longueur de semelle intérieure, largeur de semelle au niveau du métatarse et hauteur de talon. Pour les sacs, utilisez les dimensions extérieures et la retombée de bandoulière. La structure reste identique — changez juste les lignes.

Les objets de collection se vendent sur la provenance et la notation de l'état. Une vidéo montrant l'objet manipulé prouve de façon convaincante qu'il existe, dissipe les craintes de contrefaçon et renforce la confiance de l'acheteur.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[DESCRIPTION DE L'OBJET]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[ÉPOQUE / ANNÉE] · [FABRICANT / ÉDITEUR]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Notation</td><td>[NOTATION PROFESSIONNELLE OU MA NOTATION]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Authentification</td><td>[PSA / JSA / BECKETT / AUTO-AUTHENTIFIÉ]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Provenance</td><td>[D'OÙ IL VIENT, SI CONNU]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Dimensions</td><td>[TAILLE / POIDS]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Voyez l'objet manipulé</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Une vidéo montrant l'objet sous un bon éclairage, manipulé normalement. Aide les acheteurs à vérifier l'authenticité en un coup d'œil.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Notes</h3>
  <p>[PROVENANCE, TOUT DÉFAUT, TOUTE HISTOIRE, RÉFÉRENCES À DES CATALOGUES OU GUIDES DE PRIX]</p>
</div>

La ligne de provenance est facultative mais décisive sur les objets de grande valeur. Si vous avez des documents (factures de maisons de vente, lettres d'authenticité, références de livres de collectionneurs), nommez-les explicitement.

Chaque modèle réserve un bloc pour un aperçu audio ou vidéo. Il y a trois façons de remplir ce bloc selon l'endroit où vous publiez l'annonce :

1. eBay, Leboncoin, Amazon.fr ou tout marketplace qui autorise le HTML — Dans eCommercePlayer, ouvrez la page Publish du clip ou du player et copiez le code Image Link ou Video Tag. Collez-le dans le bloc de commentaire HTML du modèle. Passez l'éditeur d'annonce en onglet HTML avant de coller, sinon le balisage est corrompu.

2. Yahoo Auctions (ヤフオク) — Yahoo accepte la plupart du HTML mais supprime <script> et certaines intégrations. La méthode du lien image fonctionne. Vous pouvez aussi utiliser les méthodes Video Tag ou Embed Code ; testez sur une annonce brouillon d'abord puisque le sanitizer de Yahoo diffère légèrement de celui d'eBay.

3. Marketplaces qui suppriment tout le HTML (Vinted, Discogs, Reverb, Mercari, Facebook Marketplace, Etsy) — Retirez les balises <div> et utilisez le texte entre elles comme contenu texte brut. Pour le bloc d'aperçu, collez une URL courte Direct Link depuis la page Publish, précédée d'un court appel à l'action (utilisez le bouton Copy + CTA pour faire cela en un clic). Puis téléchargez le code QR depuis la page Publish et posez-le sur l'une de vos photos d'annonce — pas la première photo, plutôt une prise au milieu. Les acheteurs sur mobile scannent, ceux sur desktop cliquent.

Les trois approches donnent à l'acheteur un moyen d'entendre ou de voir l'objet avant d'enchérir. La mécanique diffère ; le résultat est le même.

• Copiez le modèle qui correspond à ce que vous vendez, puis ajustez les lignes du tableau pour coller aux attributs précis que les acheteurs vous demandent le plus souvent. Relisez vos cinq dernières questions d'acheteurs — tout champ qui revient devrait devenir une ligne du tableau.
• Gardez les styles en ligne. Ils ont l'air démodés mais c'est le seul CSS qui survit au sanitizer HTML de chaque marketplace. N'essayez pas de lier une feuille de style externe ni d'utiliser un bloc <style> — les deux sont supprimés sur la plupart des plateformes.
• Testez sur un téléphone. Collez le modèle dans une annonce brouillon, ouvrez le brouillon sur votre téléphone et faites défiler. Si quoi que ce soit déborde de l'écran, raccourcissez le texte ou scindez le tableau en plusieurs tableaux.
• N'utilisez pas la palette HTML 16 couleurs. Les neutres (#222, #666) de ces modèles s'affichent bien sur fond clair et foncé. Les thèmes sombres des marketplaces (eBay, Yahoo) affichent color: black en noir pur, qui disparaît sur fond sombre.
• Réutilisez vos modèles. Sauvegardez chaque modèle de catégorie en local (dans une app de notes ou un fichier texte) une fois que vous l'avez personnalisé. Coller est rapide ; redécider des champs à inclure à chaque fois est lent.

Six modèles, un pour ce que vous vendez vraiment. Collez, remplissez les crochets et laissez l'audio ou la vidéo conclure la vente.