eCommercePlayer
Terug naar blog
PlatformsSeller Tips8 min leestijd

Galerie met advertentietemplates: 6 HTML-templates per productcategorie

Chris Montgomery

Waarom categorie-specifieke templates beter werken

Een generieke "productbeschrijving-template" probeert alles tegelijk te dekken — de velden die een cameraverkoper nodig heeft zijn niet dezelfde als die een vinylkoper zoekt, en weer anders dan wat een horlogekoper wil zien. Een koper die op zijn telefoon een advertentie scant is binnen drie seconden weg als de informatie die hij zoekt niet op het eerste scherm staat.

Deze galerie bevat zes templates, één per categorie die het meest baat heeft bij een gestructureerde HTML-beschrijving:

  1. Vinyl en cd's — conditiebeoordeling, matrixnummers, ruimte voor geluidssample
  2. Camera's en lenzen — ontspanteller, sensornotities, ruimte voor voorbeeldmateriaal
  3. Muziekinstrumenten — jaar, herkomst, setup-notities, ruimte voor demo-clip
  4. Horloges — uurwerk, kastafmetingen, authenticiteitsnotities
  5. Vintage- en designerkleding — tijdperk, maten, conditiefoto's
  6. Verzamelobjecten en memorabilia — provenance, grading, authenticatie

Elke template is marketplace-onafhankelijk — het HTML is eenvoudig genoeg om in elke advertentie-editor te plakken die HTML accepteert (de HTML-tab van eBay.nl, het beschrijvingsveld van Marktplaats voor zakelijke accounts, Bol.com-templates, Etsy's "Overzicht" als je naar platte tekst converteert, enzovoort). Voor marketplaces die HTML volledig strippen (Vinted, Discogs, Reverb, Mercari, Facebook Marketplace), gebruik de tekst tussen de tags als platte-tekst-template en zet een korte link + QR-code op een van je foto's.

Alle zes templates reserveren een duidelijk gelabeld blok voor een audio- of videopreview. Dat is het deel dat kijkers in bieders verandert wanneer geluid, beweging of close-up-detail ertoe doet — een plaat die je echt kunt horen, een gitaar die je kunt horen spelen, een camera waarvan je voorbeeldmateriaal kunt bekijken.

Pak de template die bij jouw product past, plak hem in en vul de [PLAATSHOUDERS TUSSEN BLOKHAKEN] in.

Template 1 — Vinyl en cd's

Gebouwd voor platenverkopers die de koper het geluid zelf willen laten beoordelen. Het sample-blok is waar je de Image Link-code uit de Publish-pagina van eCommercePlayer plakt, of waar je een korte link + QR op een van je foto's zet.

<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;">[ARTIEST] — [TITEL]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[LABEL] · [CATALOGUSNR.] · [JAAR] · [LAND]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Formaat</td><td>[LP / 12" / 7" / CD]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Conditie plaat</td><td>[VG+ / NM / M]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Conditie hoes</td><td>[VG+ / NM / M]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Matrix / runout</td><td>[GEGRAVEERDE MATRIXNUMMERS]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Luister naar de plaat</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK CODE HERE -->
  <p style="color: #666; font-size: 13px;">Opgenomen vanaf mijn draaitafel zodat je het geluid zelf kunt beoordelen voordat je biedt.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Opmerkingen</h3>
  <p>[WAT KOPERS MOETEN WETEN: oppervlaktegeluid, hoesslijtage, promostempels, enz.]</p>
</div>

Waarom het werkt op mobiel: eenvoudige inline styles, geen CSS grid of flexbox die fallbacks nodig heeft, max-width begrenst de tekstkolom tot een leesbare regellengte op desktop zonder mobiel kapot te maken. De conditietabel rendert netjes op elke breedte omdat het maar twee kolommen zijn.

Marketplace-notities: de HTML-tab van eBay accepteert dit zonder aanpassingen. Yahoo Auctions accepteert alles behalve <script> (dat zit niet in de template). Discogs strip HTML — plak de platte-tekst-versie en zet je Direct Link + QR op een van de foto's.

Template 2 — Camera's en lenzen

Cameraverkopers hebben iets aan meetbare technische feiten en voorbeeldmateriaal. In het voorbeeldclip-blok staat een korte video vanuit 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;">[MERK] [MODEL]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[LENSVATTING] · [JAAR] · [SERIE-BEREIK INDIEN RELEVANT]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Ontspanteller</td><td>[N] ontspanningen</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Sensor / formaat</td><td>[FULL FRAME / APS-C / M43 / FILM]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Conditie</td><td>[EX+ / EX / BGN / ZOALS GEZIEN]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Inbegrepen</td><td>[BODY, LENS, RIEM, ACCU, LADER, DOOS, HANDLEIDINGEN]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Voorbeeldmateriaal / testclip</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER EMBED OR IMAGE-LINK CODE HERE -->
  <p style="color: #666; font-size: 13px;">Korte clip gemaakt met deze body zodat je de sensoruitvoer ziet en de sluiter hoort voordat je biedt.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Conditie-opmerkingen</h3>
  <ul style="margin: 0; padding-left: 20px;">
    <li>[COSMETISCHE SLIJTAGE]</li>
    <li>[FUNCTIONELE OPMERKINGEN — bijv. lichtmeter werkt, alle sluitertijden getest]</li>
    <li>[BEKENDE PROBLEMEN OF GEEN]</li>
  </ul>
</div>

Voor filmcamera's voeg je een rij aan de tabel toe voor "Lichtafdichtingen" (vervangen / origineel / moeten vervangen) — dat is de meest gestelde vraag over vintage bodies. Voor lenzen vervang je de ontspanteller-rij door "Diafragmalamellen" (schoon / olieachtig) en "Conditie glas" (geen schimmel, lichte poetssporen, enz.).

Template 3 — Muziekinstrumenten

Kopers van gitaren en bassen bieden op toon, snaarligging en verhaal. Een demo-clip van 20 seconden waarin het instrument wordt bespeeld, converteert als niets anders.

<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;">[MERK] [MODEL] — [JAAR]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[LAND VAN HERKOMST] · Serie [SERIENUMMER]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Body-hout</td><td>[ELS / ES / MAHONIE / ESDOORN]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Hals / toets</td><td>[ESDOORN / PALISSANDER / EBBENHOUT]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Elementen</td><td>[ORIGINEEL / VERVANGEN — SPEC-DETAILS]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Frets</td><td>[% RESTLEVEN / RECENTE HERFRETTING]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Setup</td><td>[RECENTE SETUP / KOPER DOET SETUP]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Hoor hem bespeeld</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Korte clip, geen effecten, beide elementen. Je hoort de echte toon voordat je biedt.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Mods en historie</h3>
  <p>[MODS, REPARATIES, VORIGE EIGENAREN, RESTAURATIES]</p>
</div>

Voor akoestische instrumenten vervang je "Elementen" en "Frets" door "Tophout" en "Balkenpatroon". Voor piano's, toetsen en mechanieken gebruik je een andere template — deze is voor gefretteerde instrumenten en vergelijkbare.

Template 4 — Horloges

Horloges verkopen op uurwerkdetails en echtheidsmarkers. Een video van 15 seconden waarin het horloge loopt + tikgeluid converteert ver boven statische foto's.

<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;">[MERK] [MODEL] [REFERENTIE]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[JAAR] · Serie [EERSTE 2 CIJFERS]xxx (gedeeltelijk)</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Uurwerk</td><td>[CALIBERNUMMER — HANDOPWIND / AUTO / QUARTZ]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Kastmaat</td><td>[N] mm · lug-tot-lug [N] mm · dikte [N] mm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Wijzerplaat</td><td>[ORIGINEEL / GERESTAUREERD — NOTITIES]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Band</td><td>[ORIGINEEL / AFTERMARKET — SPEC]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Servicehistorie</td><td>[LAATSTE REVISIE / ONBEKEND]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Doos / papieren</td><td>[INBEGREPEN / NIET INBEGREPEN]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Zie hem lopen</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Clip van 15 seconden van het lopende horloge, met geluid. De veegbeweging van de secondewijzer en de rotor laten zien dat het uurwerk gezond is.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Gemeten nauwkeurigheid</h3>
  <p>[+/- N SECONDEN PER DAG, POSITIE GETEST]</p>
</div>

Bij vintage horloges waar authenticiteit het grootste zorgpunt is, voeg een rij toe voor "Overeenkomende serienummers" (kast / uurwerk) en noem elke gedocumenteerde provenance. Kopers van vijfcijferige horloges graven in deze velden.

Template 5 — Vintage- en designerkleding

Modekopers meten, ze gokken niet. Een korte 360°-video van het kledingstuk op een paspop (of gedragen) overbrugt de kloof tussen foto's en echte pasvorm.

<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;">[MERK] [ITEM] — [TIJDPERK / JAAR]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[KLEUR] · [MATERIAAL] · [GEMAAKT IN ...]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Maatlabel</td><td>[LABEL / KLEDINGSTUK]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Borst / buste</td><td>[N] cm vlak</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Taille</td><td>[N] cm vlak</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Lengte</td><td>[N] cm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Schouder</td><td>[N] cm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Mouw</td><td>[N] cm</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Pasvorm-video</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Korte video op een paspop zodat je de val en proporties ziet voordat je koopt.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Conditie</h3>
  <ul style="margin: 0; padding-left: 20px;">
    <li>[VLEKKEN / GEEN]</li>
    <li>[REPARATIES / GEEN]</li>
    <li>[VERBLEKING / ORIGINELE KLEUR]</li>
  </ul>
</div>

Voor schoenen vervang je de maatrijen door binnenzoollengte, zoolbreedte bij de bal van de voet en hakhoogte. Voor tassen gebruik je buitenafmetingen en schouderbandval. De structuur blijft identiek — alleen andere rijen.

Template 6 — Verzamelobjecten en memorabilia

Verzamelobjecten verkopen op provenance en conditiebeoordeling. Een video waarin het item wordt vastgehouden bewijst overtuigend dat het bestaat, neemt zorgen over vervalsing weg en vergroot het vertrouwen van de koper.

<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;">[ITEMBESCHRIJVING]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[TIJDPERK / JAAR] · [FABRIKANT / UITGEVER]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Grading</td><td>[PROFESSIONELE GRADING OF MIJN GRADING]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Authenticatie</td><td>[PSA / JSA / BECKETT / ZELF-GEAUTHENTICEERD]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Provenance</td><td>[WAAR HET VANDAAN KOMT, INDIEN BEKEND]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Afmetingen</td><td>[MAAT / GEWICHT]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Zie het item vastgehouden</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Een video van het item bij goed licht, normaal vastgehouden. Helpt kopers de echtheid in één oogopslag te verifiëren.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Opmerkingen</h3>
  <p>[PROVENANCE, EVENTUELE GEBREKEN, VERHALEN, VERWIJZINGEN NAAR CATALOGI OF PRIJSGIDSEN]</p>
</div>

De provenance-rij is optioneel maar doorslaggevend bij waardevolle items. Als je documentatie hebt (facturen van veilinghuizen, echtheidsverklaringen, verwijzingen naar verzamelaarsboeken), noem ze expliciet.

Hoe voeg je audio of video toe aan een van deze templates

Elke template reserveert een blok voor een audio- of videopreview. Er zijn drie manieren om dat blok te vullen, afhankelijk van waar je de advertentie plaatst:

  1. eBay.nl, Marktplaats (zakelijk), Bol.com of elke marketplace die HTML toestaat — Open in eCommercePlayer de Publish-pagina van de clip of player en kopieer de Image Link- of Video Tag-code. Plak die in het HTML-commentaarblok van de template. Zet de advertentie-editor op de HTML-tab voordat je plakt, anders wordt de opmaak verminkt.

  2. Yahoo Auctions (ヤフオク) — Yahoo accepteert de meeste HTML maar strip <script> en sommige embeds. De image-link-methode werkt. Je kunt ook de Video Tag- of Embed Code-methodes gebruiken; test eerst op een concept, want de sanitizer van Yahoo wijkt iets af van die van eBay.

  3. Marketplaces die HTML volledig strippen (Marktplaats particulier, Vinted, Discogs, Reverb, Mercari, Facebook Marketplace, Etsy) — Verwijder de <div>-tags en gebruik de tekst ertussen als platte-tekst-inhoud. Voor het previewblok plak je een korte Direct Link-URL uit de Publish-pagina, voorafgegaan door een korte call-to-action (gebruik de Copy + CTA-knop om dit in één klik te doen). Download vervolgens de QR-code uit de Publish-pagina en zet hem op een van je advertentiefoto's — niet de eerste foto, maar een foto ergens in het midden. Kopers op mobiel scannen, kopers op desktop klikken.

Alle drie de aanpakken geven de koper een manier om het item te horen of zien voordat hij biedt. De mechaniek verschilt; de uitkomst is dezelfde.

Een template kiezen en aanpassen

  • Kopieer de template die bij jouw product past, en pas de tabelrijen aan op de specifieke kenmerken die kopers het vaakst vragen. Lees je laatste vijf kopersvragen terug — elk veld dat blijft terugkomen, zou een tabelrij moeten worden.
  • Houd de inline styles. Ze zien er ouderwets uit, maar het is de enige CSS die de HTML-sanitizer van elke marketplace overleeft. Probeer geen externe stylesheet te linken of een <style>-blok te gebruiken — die worden op de meeste platformen gestript.
  • Test op een telefoon. Plak de template in een conceptadvertentie, open het concept op je telefoon en scroll. Als iets over het scherm loopt, verkort je tekst of splits je de tabel in meerdere tabellen.
  • Gebruik niet het 16-kleurige HTML-palet. De neutrale tinten (#222, #666) in deze templates zien er goed uit op zowel lichte als donkere achtergronden. Dark-mode-thema's van marketplaces (eBay, Yahoo) renderen color: black als puur zwart, wat op donker verdwijnt.
  • Hergebruik je templates. Bewaar elke categorie-template lokaal (in een notities-app of een platte-tekst-bestand) zodra je hem hebt aangepast. Plakken is snel; elke keer opnieuw beslissen welke velden erin moeten, is traag.

Zes templates, één voor wat je daadwerkelijk verkoopt. Plakken, de blokhaken invullen en laat de audio of video de verkoop sluiten.

Gerelateerde Artikelen

Klaar om media toe te voegen aan je advertenties?

Maak je gratis account aan in minder dan een minuut. Geen creditcard nodig.