eCommercePlayer
← Tillbaka till bloggen
PlatformsSeller Tips8 min lÀsning

Annonsmallar-galleri: 6 klistra-in-HTML-mallar per produktkategori

Chris Montgomery

Varför kategorispecifika mallar fungerar bÀttre

En generisk "produktbeskrivnings-mall" försöker passa allt — fĂ€lten en kameraköpare behöver skiljer sig frĂ„n de en vinylköpare letar efter, och Ă„terigen frĂ„n vad en klockköpare vill se. En köpare som blĂ€ddrar i en annons pĂ„ mobilen Ă€r borta pĂ„ tre sekunder om informationen hen letar efter inte finns i första skĂ€rmen.

Six product-category icons floating around an HTML angle-bracket symbol

Detta galleri Àr sex mallar, en per kategori som tenderar att gynnas mest av strukturerade HTML-beskrivningar:

  1. Vinyl och CD-skivor — skickgradering, matrisnummer, plats för ljudprov
  2. Kameror och objektiv — slutarantal, sensor-noteringar, plats för exempelmaterial
  3. Musikinstrument — Ă„rtal, ursprung, setup-noteringar, plats för demo-klipp
  4. Klockor — urverk, boettens mĂ„tt, Ă€kthetsnoteringar
  5. Vintage- och designerklĂ€der — epok, mĂ„tt, skickfoton
  6. Samlarobjekt och memorabilia — proveniens, gradering, Ă€kthetsintyg

Varje mall Ă€r marknadsplats-agnostisk — HTML:en Ă€r enkel nog att klistra in i vilken annonsredigerare som helst som accepterar HTML (HTML-fliken pĂ„ Tradera, Blocket-beskrivningsfĂ€lt, eBay Sverige, Etsys "Översikt" om du konverterar till ren text, etc.). För marknadsplatser som helt tar bort HTML (Vinted, Discogs, Reverb, Mercari, Facebook Marketplace), anvĂ€nd texten mellan taggarna som ren-text-mall och slĂ€ng en kort lĂ€nk + QR-kod pĂ„ en av dina bilder.

Alla sex mallarna reserverar ett tydligt mĂ€rkt block för en ljud- eller videoförhandsvisning. Det Ă€r den del som förvandlar nyfikna till budgivare nĂ€r ljud, rörelse eller nĂ€rbildsdetaljer spelar roll — en skiva du faktiskt kan höra, en gitarr du kan höra spelas, en kamera du kan se exempelmaterial frĂ„n.

Ta mallen som matchar det du sĂ€ljer, klistra in och fyll i [PLATSHÅLLARE INOM HAKPARENTES].

Mall 1 — Vinyl och CD-skivor

Byggd för skivsÀljare som vill att köpare ska gradera ljudet sjÀlva. Ljudprov-blocket Àr dÀr du klistrar in Image Link-koden frÄn eCommercePlayers Publish-sida, eller dÀr du lÀgger en kort lÀnk + QR pÄ en av dina annonsbilder.

<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;">[ARTIST] — [TITEL]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[SKIVBOLAG] · [KATALOGNR] · [ÅRTAL] · [LAND]</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;">Skick skiva</td><td>[VG+ / NM / M]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Skick omslag</td><td>[VG+ / NM / M]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Matris / runout</td><td>[ETSADE MATRISNUMMER]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Lyssna pÄ skivan</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK CODE HERE -->
  <p style="color: #666; font-size: 13px;">Inspelad frÄn min skivspelare sÄ du kan gradera ljudet sjÀlv innan du lÀgger bud.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Noteringar</h3>
  <p>[VAD KÖPARE BEHÖVER VETA: ytljud, omslagsslitage, promo-stĂ€mplar, etc.]</p>
</div>

Varför det fungerar pÄ mobil: enkla inline-stilar, ingen CSS grid eller flexbox som krÀver fallbacks, max-width begrÀnsar textkolumnen till en lÀsbar radlÀngd pÄ desktop utan att förstöra mobilen. Graderingstabellen renderas snyggt i alla bredder eftersom det bara Àr tvÄ kolumner.

Marknadsplats-noteringar: eBay:s HTML-flik accepterar detta som det Ă€r. Yahoo Auctions accepterar allt förutom <script> (som inte finns i mallen). Discogs tar bort HTML — klistra in ren-text-versionen och lĂ€gg din Direct Link + QR pĂ„ en av bilderna.

Mall 2 — Kameror och objektiv

Kameraköpare bryr sig om mÀtbara tekniska fakta och exempelmaterial. I exempel-klipp-blocket bor en kort video frÄn eCommercePlayer.

Mobile-first product listing layout on a smartphone

<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;">[MÄRKE] [MODELL]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[OBJEKTIVFATTNING] · [ÅRTAL] · [SERIEINTERVALL OM RELEVANT]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Slutarantal</td><td>[N] utlösningar</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Sensor / format</td><td>[FULL FRAME / APS-C / M43 / FILM]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Skick</td><td>[EX+ / EX / BGN / I BEFINTLIGT SKICK]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">IngÄr</td><td>[HUS, OBJEKTIV, REM, BATTERI, LADDARE, KARTONG, MANUALER]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Exempelmaterial / testklipp</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER EMBED OR IMAGE-LINK CODE HERE -->
  <p style="color: #666; font-size: 13px;">Kort klipp filmat med detta hus sÄ du kan se sensorutgÄngen och höra slutaren innan du lÀgger bud.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Skicknoteringar</h3>
  <ul style="margin: 0; padding-left: 20px;">
    <li>[KOSMETISKT SLITAGE]</li>
    <li>[FUNKTIONSNOTERINGAR — t.ex. ljusmĂ€tare fungerar, alla slutartider testade]</li>
    <li>[KÄNDA PROBLEM ELLER INGA]</li>
  </ul>
</div>

För filmkameror, lĂ€gg till en rad i tabellen för "LjustĂ€tningar" (bytta / original / behöver bytas) — det Ă€r den absolut vanligaste frĂ„gan pĂ„ vintage-hus. För objektiv, byt ut slutarantal-raden mot "BlĂ€ndarblad" (rena / oljiga) och "Glasskick" (ingen svamp, smĂ„ rengöringsspĂ„r, etc.).

Mall 3 — Musikinstrument

Gitarr- och basköpare lÀgger bud pÄ ton, strÀng-action och historia. Ett 20-sekunders demo-klipp av instrumentet som spelas konverterar som inget annat.

<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;">[MÄRKE] [MODELL] — [ÅRTAL]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[URSPRUNGSLAND] · Serie [SERIENUMMER]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">KroppstrĂ€</td><td>[AL / ASK / MAHOGNY / LÖNN]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Hals / greppbrĂ€da</td><td>[LÖNN / PALISANDER / EBENHOLTS]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Pickuper</td><td>[ORIGINAL / UTBYTTA — SPEC-DETALJER]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Band</td><td>[% ÅTERSTÅENDE / NYLIGT OMBANDAD]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Setup</td><td>[NYLIG SETUP / KÖPAREN GÖR SETUP]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Hör den spelas</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Kort klipp, inga effekter, bÄda pickuperna. Du kan höra den riktiga tonen innan du lÀgger bud.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Modifieringar & historik</h3>
  <p>[MODIFIERINGAR, REPARATIONER, TIDIGARE ÄGARE, EVENTUELLA RESTAURERINGAR]</p>
</div>

För akustiska instrument, byt "Pickuper" och "Band" mot "Lockens trĂ€" och "BjĂ€lkmönster". För piano, tangenter och mekanik, anvĂ€nd en annan mall — denna Ă€r för bandade instrument och liknande.

Mall 4 — Klockor

Klockor sÀljs pÄ urverksdetaljer och Àkthetsmarkörer. En 15-sekunders video av klockan som gÄr + tickande ljud konverterar lÄngt över statiska foton.

<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;">[MÄRKE] [MODELL] [REFERENS]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[ÅRTAL] · Serie [FÖRSTA 2 SIFFROR]xxx (delvis)</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Urverk</td><td>[KALIBERNUMMER — MANUELL / AUTO / KVARTS]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Boettstorlek</td><td>[N] mm · lugg-till-lugg [N] mm · tjocklek [N] mm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Urtavla</td><td>[ORIGINAL / RESTAURERAD — NOTERINGAR]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Armband</td><td>[ORIGINAL / EFTERMARKNAD — SPEC]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Servicehistorik</td><td>[SENAST SERVAD / OKÄND]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Kartong / papper</td><td>[INGÅR / INGÅR EJ]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Se den gÄ</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">15-sekunders klipp som visar klockan i gÄng, med ljud. Sekundvisarens svep och rotorn berÀttar att urverket Àr friskt.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">UppmÀtt precision</h3>
  <p>[+/- N SEKUNDER PER DAG, POSITION TESTAD]</p>
</div>

För vintage-klockor dÀr Àkthet Àr huvudfrÄgan, lÀgg till en rad för "Matchande serienummer" (boett / urverk) och nÀmn eventuell dokumenterad proveniens. Köpare av femsiffriga klockor grÀver i dessa fÀlt.

Mall 5 — Vintage- och designerklĂ€der

Modeköpare mÀter, de gissar inte. En kort 360°-video av plagget pÄ en skyltdocka (eller buret) sluter gapet mellan bilder och verklig passform.

<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;">[MÄRKE] [PLAGG] — [EPOK / ÅRTAL]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[FÄRG] · [MATERIAL] · [TILLVERKAT I ...]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Storlek etikett</td><td>[ETIKETT / PLAGG]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Bröst / byst</td><td>[N] cm platt</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Midja</td><td>[N] cm platt</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">LĂ€ngd</td><td>[N] cm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Axel</td><td>[N] cm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Ärm</td><td>[N] cm</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Passformsvideo</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Kort video pÄ en skyltdocka sÄ du ser fall och proportioner innan du köper.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Skick</h3>
  <ul style="margin: 0; padding-left: 20px;">
    <li>[FLÄCKAR / INGA]</li>
    <li>[REPARATIONER / INGA]</li>
    <li>[BLEKNING / ORIGINALFÄRG]</li>
  </ul>
</div>

För skor, byt ut mĂ„ttraderna mot innersulans lĂ€ngd, yttersulans bredd vid trampdynan och klackhöjd. För vĂ€skor, anvĂ€nd yttermĂ„tt och axelremmens fallhöjd. Strukturen förblir identisk — byt bara raderna.

Mall 6 — Samlarobjekt och memorabilia

Samlarobjekt sÀljs pÄ proveniens och skickgradering. En video som visar föremÄlet hanterat bevisar övertygande att det existerar, skingrar förfalskningsoro och stÀrker köparens förtroende.

<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;">[FÖREMÅLSBESKRIVNING]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[EPOK / ÅRTAL] · [TILLVERKARE / FÖRLAG]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Gradering</td><td>[PROFESSIONELL GRADERING ELLER EGEN GRADERING]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Äkthetsintyg</td><td>[PSA / JSA / BECKETT / SJÄLVCERTIFIERAT]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Proveniens</td><td>[VAR DET KOMMER IFRÅN, OM KÄNT]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">MÄtt</td><td>[STORLEK / VIKT]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Se föremÄlet hanteras</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">En video som visar föremÄlet i bra ljus, normalt hanterat. HjÀlper köpare att verifiera Àktheten i ett ögonkast.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Noteringar</h3>
  <p>[PROVENIENS, EVENTUELLA DEFEKTER, HISTORIER, REFERENSER TILL KATALOGER ELLER PRISGUIDER]</p>
</div>

Proveniensraden Àr valfri men avgörande pÄ dyrbara föremÄl. Om du har dokumentation (fakturor frÄn auktionshus, Àkthetsbrev, referenser i samlarböcker), nÀmn dem uttryckligen.

SÄ lÀgger du till ljud eller video i vilken som helst av dessa

Varje mall reserverar ett block för en ljud- eller videoförhandsvisning. Det finns tre sÀtt att fylla det blocket beroende pÄ var du lÀgger upp annonsen:

  1. Tradera, Blocket (företag), eBay Sverige eller vilken marknadsplats som helst som tillĂ„ter HTML — I eCommercePlayer, öppna Publish-sidan för klippet eller playern och kopiera Image Link- eller Video Tag-koden. Klistra in den i mallens HTML-kommentarsblock. VĂ€xla annonsredigeraren till HTML-fliken innan du klistrar in, annars förstörs markup-koden.

  2. Yahoo Auctions (ăƒ€ăƒ•ă‚Șク) — Yahoo accepterar det mesta av HTML men tar bort <script> och vissa embeds. Image-link-metoden fungerar. Du kan ocksĂ„ anvĂ€nda Video Tag- eller Embed Code-metoderna; testa först pĂ„ en utkastsannons eftersom Yahoos sanitizer skiljer sig nĂ„got frĂ„n eBay:s.

  3. Marknadsplatser som tar bort HTML helt (Blocket privat, Vinted, Discogs, Reverb, Mercari, Facebook Marketplace, Etsy) — Ta bort <div>-taggarna och anvĂ€nd texten mellan dem som ren-text-innehĂ„ll. För förhandsvisningsblocket klistrar du in en kort Direct Link-URL frĂ„n Publish-sidan, föregĂ„ngen av en kort call-to-action (anvĂ€nd Copy + CTA-knappen för att göra detta i ett klick). Ladda sedan ner QR-koden frĂ„n Publish-sidan och slĂ€ng den pĂ„ en av dina annonsbilder — inte första bilden, utan en bild i mitten av kortleken. Köpare pĂ„ mobil skannar, köpare pĂ„ desktop klickar.

Alla tre tillvÀgagÄngssÀtt ger köparen ett sÀtt att höra eller se föremÄlet innan budgivning. Mekaniken skiljer sig; resultatet Àr detsamma.

VĂ€lja och anpassa en mall

  • Kopiera mallen som matchar det du sĂ€ljer, justera sedan tabellraderna sĂ„ de passar de specifika attribut köpare frĂ„gar om oftast. LĂ€s igenom dina fem senaste köparfrĂ„gor — varje fĂ€lt som Ă„terkommer bör bli en tabellrad.
  • BehĂ„ll inline-stilarna. De ser gammaldags ut men Ă€r den enda CSS som överlever varje marknadsplats HTML-sanitizer. Försök inte lĂ€nka ett externt stilark eller anvĂ€nda ett <style>-block — bĂ„da tas bort pĂ„ de flesta plattformar.
  • Testa pĂ„ mobil. Klistra in mallen i en utkastsannons, öppna utkastet pĂ„ mobilen och scrolla. Om nĂ„got gĂ„r utanför skĂ€rmen, korta texten eller dela upp tabellen i flera tabeller.
  • AnvĂ€nd inte den 16-fĂ€rgade HTML-paletten. De neutrala tonerna (#222, #666) i dessa mallar ser bra ut pĂ„ bĂ„de ljus och mörk bakgrund. Marknadsplatsers dark-mode-teman (eBay, Yahoo) renderar color: black som rent svart, vilket försvinner pĂ„ mörk.
  • ÅteranvĂ€nd dina mallar. Spara varje kategorimall lokalt (i en anteckningsapp eller en ren textfil) nĂ€r du har anpassat den. Att klistra in Ă€r snabbt; att pĂ„ nytt besluta vilka fĂ€lt som ska med varje gĂ„ng Ă€r lĂ„ngsamt.

Sex mallar, en för det du faktiskt sÀljer. Klistra in, fyll i hakparenteserna och lÄt ljudet eller videon avsluta affÀren.

Relaterade Artiklar

Redo att lÀgga till media i dina annonser?

Skapa ditt gratis konto pÄ under en minut. Inget kreditkort krÀvs.

HTML-mallgalleri — 6 mallar per kategori | eCommercePlayer