HTML-Template-Editor (Freier Code)

Estimated reading: 3 minutes 42 views

Funktionsübersicht

Der HTML-Template-Editor ist ein Werkzeug für fortgeschrittene Benutzer, die maximale Kontrolle über den Inhalt einer Zielspalte benötigen. Anders als bei automatischen Zusammenführungen können Sie hier ein beliebiges Text- oder HTML-Gerüst definieren und an exakt definierten Stellen Werte aus Ihrer Quelldatei einfügen.

Diese Funktion ist extrem vielseitig und eignet sich nicht nur für HTML, sondern für jede Art von Textzusammensetzung. Typische Anwendungsfälle sind:

Artikelnummern generieren: Setzen Sie eindeutige Artikelnummern aus verschiedenen Fragmenten zusammen (z.B. {HerstellerKürzel}-{Modell}-{Jahr}).
SEO-Optimierung (Meta-Tags): Erstellen Sie dynamische Meta-Titel und Meta-Descriptions, die automatisch relevante Keywords aus Ihren Daten enthalten (z.B. „Kaufen Sie {Produktname} von {Hersteller} günstig online“).
Kurzbeschreibungen: Fassen Sie die wichtigsten Merkmale (wie Material, Farbe, Größe) in einem prägnanten Satz für die Kurzbeschreibung zusammen.
Komplexe Produktbeschreibungen: Bauen Sie individuelle HTML-Layouts mit Bildern, Überschriften und Textblöcken.

So rufen Sie den Editor auf

Klicken Sie mit der rechten Maustaste auf die gewünschte Gambio-Zielspalte in der rechten Liste (z.B. p_desc.de).
Wählen Sie im Kontextmenü unter „Regeln verwalten“ den Eintrag „HTML-Template (Freier Code)…“.

Die Benutzeroberfläche

Der Editor ist in zwei Bereiche unterteilt:

Linker Bereich (Editor): Hier geben Sie Ihren statischen Text und HTML-Code ein. Dies ist das „Gerüst“, das für jeden Artikel gleich bleibt.
Rechter Bereich (Quellspalten): Eine Liste aller verfügbaren Spalten aus Ihrer geladenen CSV-Datei.

Arbeiten mit Platzhaltern

Das Herzstück dieser Funktion sind die Platzhalter. Ein Platzhalter repräsentiert den Wert einer Quellspalte für die jeweilige Zeile (den jeweiligen Artikel).

Platzhalter einfügen: Doppelklicken Sie auf einen Spaltennamen in der rechten Liste, um ihn an der aktuellen Cursor-Position im Editor einzufügen.
Syntax: Platzhalter werden immer in geschweifte Klammern gesetzt, z.B. {Artikelname} oder {Gewicht}.
Verarbeitung: Beim Export sucht das Tool in jeder Zeile nach diesen Platzhaltern und ersetzt sie durch den tatsächlichen Inhalt der entsprechenden Zelle aus der Quelldatei.

Hinweis: Stellen Sie sicher, dass die Spaltennamen in den geschweiften Klammern exakt mit denen in Ihrer Quelldatei übereinstimmen (Groß-/Kleinschreibung beachten), falls Sie diese manuell eintippen.

Anwendungsbeispiel

Angenommen, Sie möchten eine Produktbeschreibung erstellen, die den Namen als Überschrift, ein Bild und eine Beschreibung enthält.

Ihr Template im Editor:

<h2>{Produktname}</h2>
<div class="product-image">
    <img src="images/{Bilddatei}" alt="{Produktname}">
</div>
<p class="intro">
    {Kurzbeschreibung}
</p>
<hr>
<p>
    {Langbeschreibung}
</p>

Das Ergebnis im Shop (für einen Artikel):

Sneaker „Urban Run“

Der perfekte Schuh für die Stadt.

Dieser Sneaker bietet optimalen Halt und…

Abgrenzung zum HTML-Generator (Template-Merge)

Das Tool bietet zwei ähnliche Funktionen, die jedoch unterschiedliche Zwecke erfüllen:

HTML-Template (Freier Code): Sie schreiben den gesamten Code selbst. Wenn eine Quellspalte leer ist, bleibt der statische HTML-Code drumherum (z.B. <h1></h1>) trotzdem stehen. Nutzen Sie dies für feste Layouts.
HTML-Generator (Template-Merge): Diese Funktion ist „intelligenter“ beim Umgang mit leeren Daten. Sie baut Listen oder Blöcke dynamisch auf und lässt ganze Abschnitte weg, wenn die dazugehörige Quellspalte leer ist. Nutzen Sie dies für technische Datenblätter oder Attribut-Listen.