3Dsellers gibt Ihnen die volle Kontrolle über Ihre eBay-Angebotsbeschreibungen mit benutzerdefinierten HTML-Templates. Dieser Artikel behandelt, wie Sie benutzerdefinierte HTML-Templates erstellen, bearbeiten und verwalten - einschließlich des neuen Template-Editors, des Advanced Editor und wie Sie Beschreibungen direkt im Tab Listings bearbeiten.
Pro-Tipp: Fügen Sie Ihren Webdesigner als Teammate hinzu, damit er beim Erstellen oder Installieren eines Designs hilft.
In diesem Artikel:
Wie Sie ein Custom HTML Template erstellen
Gehen Sie zu Design → Listing Designer → Templates.
Oben auf der Seite sehen Sie zwei spezielle Kacheln:
Custom HTML Template - erstellen, importieren oder bearbeiten Sie Ihre eigene Angebotsvorlage mit HTML-Code
AI Template Converter - fügen Sie eine eBay-Angebots-URL oder Item ID ein, und die KI wandelt sie automatisch in ein 3Dsellers-Template um
Klicken Sie auf Custom HTML Template, um einen leeren Custom Template Editor zu öffnen.
Sie können auch über Saved Designs ein neues Template erstellen, indem Sie auf die Schaltfläche + Create new HTML template klicken.
👉 Um ein bestehendes eBay-Angebot automatisch in ein Template umzuwandeln: AI Template Designer
Der Custom Template Editor
Im Custom Template Editor schreiben oder fügen Sie Ihren HTML-Code ein. Er enthält die folgenden Tools:
Template Name - geben Sie Ihrem Template einen wiedererkennbaren Namen
Placeholders - öffnet eine vollständige Liste dynamischer Platzhalter, die Sie in Ihr HTML einfügen können (Titel, Beschreibung, Bilder, Artikelmerkmale und mehr)
My Images - durchsuchen Sie Ihre 3Dsellers-Bildbibliothek und fügen Sie Bilder ein
Import HTML page - fügen Sie eine URL ein und klicken Sie auf Import, um HTML von einer beliebigen Webseite als Ausgangspunkt zu übernehmen
Find / Replace - suchen Sie Text in Ihrem HTML und ersetzen Sie ihn in großen Mengen
Code editor - schreiben oder fügen Sie Ihr HTML direkt mit Zeilennummerierung ein
Preview panel - geben Sie eine eBay Item ID in das Feld Screen ein und klicken Sie auf Refresh Preview, um zu sehen, wie das Template mit echten Angebotsdaten auf Desktop, Tablet oder Mobilgerät aussieht
Advanced Editor - wechseln Sie zum visuellen WYSIWYG-Editor (siehe unten)
Migrate from other platforms - eine Abkürzung, um Templates aus InkFrog, CrazyLister oder anderen Plattformen zu importieren
Wenn Sie fertig sind, klicken Sie auf Save and close - das Template erscheint dann in Ihrer Saved Designs-Liste.
Der Advanced Editor
Der Advanced Editor ist ein vollständiger WYSIWYG-Rich-Text-Editor - es sind keine HTML-Kenntnisse erforderlich. Klicken Sie oben rechts im Custom Template Editor auf die Schaltfläche Advanced Editor, um dorthin zu wechseln.
Im Advanced Editor können Sie:
das Template visuell über eine Standard-Textbearbeitungsleiste bearbeiten (Schriftarten, Formatierung, Tabellen, Bilder, Links usw.)
dynamische Platzhalter aus dem Dynamic Placeholders-Panel auf der rechten Seite einfügen - gegliedert in Content, Photos, Item Specifics und mehr
auf die Schaltfläche <> (Source Code) in der Toolbar klicken, um jederzeit das rohe HTML anzuzeigen und zu bearbeiten
das Template mit der Schaltfläche Preview in der Vorschau ansehen
mit Save oder Save and Exit speichern
💡 Verwenden Sie den Advanced Editor, wenn Sie sich mit HTML nicht wohlfühlen. Verwenden Sie den Code-Editor, wenn Sie präzise Kontrolle über das Markup benötigen.
Templates in Saved Designs verwalten
Gehen Sie zu Design → Listing Designer → Saved Designs, um alle Ihre Custom HTML Templates in einer Tabelle mit folgenden Spalten zu sehen:
Design name - klicken Sie, um das Template zu öffnen und zu bearbeiten
Advanced Editor - zeigt an, ob das Template zuletzt im Advanced Editor bearbeitet wurde
Created at / Last design edit - Zeitstempel
Template name - der Name, der beim Anwenden auf Angebote verwendet wird
Die Spalte Actions auf der rechten Seite bietet Ihnen:
👁 Preview
✏️ Rename
📝 Edit (öffnet den Custom Template Editor)
📋 Duplicate
</> HTML Code - zeigen und kopieren Sie das rohe HTML des Templates. Verwenden Sie vor dem Kopieren das Dropdown Choose your listing tool, um das HTML für die Kompatibilität mit Ihrer bevorzugten Plattform zu formatieren. Unterstützte Tools sind unter anderem: 3DSellers, Vendo, Volo, Selro, Neto, Ecomdash, SellBrite, ChannelAdvisor, Kyozou, InkFrog, Codisto, SaleFreaks, dShopt, ShopMaster, SixBit und weitere.
🗑 Delete
💡 Die Option HTML Code ist nützlich, wenn Sie Ihr 3Dsellers-Template mit einem Drittanbieter-Tool verwenden oder es manuell in Angebotsbeschreibungen außerhalb von 3Dsellers einfügen möchten.
Oben auf der Saved Designs-Seite können Sie außerdem:
auf + Create new HTML template klicken, um ein neues zu starten
auf Choose template klicken, um aus den vorgefertigten visuellen Templates von 3Dsellers zu wählen
auf AI template converter klicken, um eine eBay-Angebots-URL in ein Template umzuwandeln
Eine Angebotsbeschreibung direkt bearbeiten
Sie können die Beschreibung jedes einzelnen aktiven Angebots bearbeiten, ohne den vollständigen Listing-Editor zu öffnen. Klicken Sie in Listing Designer → Listings in der Spalte Actions bei einem Angebot auf die Schaltfläche Edit Description (Dokument-Symbol).
Dies öffnet einen schlanken Beschreibungs-Editor mit:
Search and replace text - suchen Sie Text in der Beschreibung und ersetzen Sie ihn
Rich-text editor - bearbeiten Sie die Beschreibung visuell
Source Code button (<>) - klicken Sie, um das rohe HTML der Beschreibung direkt anzuzeigen und zu bearbeiten
Änderungen werden direkt im Angebot auf eBay gespeichert.
Referenz der dynamischen Platzhalter
Verwenden Sie diese Platzhalter in Ihrem HTML-Template, um beim Anwenden automatisch die echten Daten des jeweiligen Angebots einzufügen:
Content
{title}- Angebotstitel{sku}- SKU{description}- Produktbeschreibung{upc}- UPC-Barcode{ean}- EAN-Barcode{isbn}- ISBN{mpn}- Herstellerteilenummer{brand}- Markenname{condition}- Artikelzustand
Photos
{image[0]}- URL des Hauptfotos{image[1]}bis{image[23]}- URLs weiterer Produktfotos
Item Specifics
{itemspecific[0].key}- Bezeichnung des Artikelmerkmals (z. B. "Brand"){itemspecific[0].value}- Wert des Artikelmerkmals (z. B. "Unbranded"){itemspecific[Brand]}- Wert eines benannten Artikelmerkmals (ersetzen Sie "Brand" durch den tatsächlichen Namen)
Product Catalog Custom Attributes
{catalog-custom-attributes[attribute-name]}- ersetzen Sie "attribute-name" durch den Namen Ihres benutzerdefinierten Attributs
Suggested Items
{suggested-items-columns[COLUMNS]-max[MAX_ITEMS]-TYPE}- Cross-Promotion-RasterCOLUMNS: 2, 3, 4, 6, 8, 12, 18 | MAX_ITEMS: 4, 6, 8, 12, 14, 16 | TYPE: ebay-categories, store-categories, random-categories
Beispiel:
{suggested-items-columns[6]-max[12]-ebay-categories}
Gallery
{product-gallery-layout-left-product-gallery}- Galerie mit Steuerelementen links{product-gallery-layout-right-product-gallery}- Steuerelemente rechts{product-gallery-layout-top-product-gallery}- Steuerelemente oben{product-gallery-layout-bottom-product-gallery}- Steuerelemente unten
Gallery with Specifics
{product-gallery-layout-left-with-specifics-product-gallery}- Galerie + Artikelmerkmale links{product-gallery-layout-right-with-specifics-product-gallery}- Galerie + Artikelmerkmale rechts
Doppelte Beschreibungen vermeiden
Ein häufiges Problem bei der Verwendung von Angebotsvorlagen sind doppelte Beschreibungen. Das passiert, wenn Ihr Template den Platzhalter {description} enthält und zusätzlich manuell Beschreibungstext im Angebot eingegeben wurde.
Wenn Ihr Template
{description}enthält - fügen Sie keinen Beschreibungstext direkt in das Template ein. Der Platzhalter zieht automatisch die jeweils eigene Beschreibung jedes Angebots.
Wenn Sie die Beschreibung lieber direkt im Template schreiben möchten - entfernen Sie den Platzhalter
{description}, um Doppelungen zu vermeiden. Beachten Sie, dass diese Beschreibung dann bei allen Angeboten, die dieses Template verwenden, identisch ist. Das eignet sich gut, wenn Sie eine gemeinsame Beschreibung für alle Ihre Produkte haben (z. B. Store-Richtlinien, Markengeschichte, Haftungsausschlüsse), ist aber nicht geeignet, wenn jedes Angebot eine eigene, individuelle Beschreibung benötigt.
Wie Sie Custom HTML/CSS in ein vorgefertigtes 3Dsellers-Template einfügen
Wenn Sie eines der vorgefertigten visuellen Templates von 3Dsellers verwenden und darin Custom HTML/CSS einfügen möchten, gibt es dafür zwei Möglichkeiten.
Option 1 - HTML Code-Ansicht (über Saved Designs)
Klicken Sie in Saved Designs bei einem beliebigen visuellen Template auf die Schaltfläche </> HTML Code. In diesem Modal können Sie das vollständig generierte HTML des Templates ansehen, kopieren und bearbeiten. Sie können es anschließend als neues Custom HTML Template speichern, um es auf Code-Ebene anzupassen.
⚠️ Wenn Sie das vollständige HTML eines visuellen Templates bearbeiten, wird es in ein Custom HTML Template umgewandelt - Sie können es dann nicht mehr im visuellen Drag-and-Drop-Editor bearbeiten.
Option 2 - HTML Block
Ziehen Sie einen HTML-Block aus dem Content-Panel auf der rechten Seite des Editors auf Ihre Arbeitsfläche. Klicken Sie auf den Block, um ihn auszuwählen; im rechten Panel erscheint dann ein Code-Editor, in dem Sie Ihr HTML direkt schreiben können.
Dies ist die empfohlene Vorgehensweise - so können Sie benutzerdefinierten Code genau dort im Template-Layout platzieren, wo Sie ihn benötigen, mit separaten Desktop- und Mobile-Ansichten.
