K02 / Kategorie

JTL-Shop OPC-Programmierung

Eigene OPC-Portlets und passgenaue Inhaltspflege für JTL-Shop — Drag-and-Drop für Ihr Redaktionsteam.

Was ist der OnPage Composer?

Der OnPage Composer (OPC) ist das Drag-and-Drop-System von JTL-Shop, mit dem Inhaltsseiten, Startseite und Landingpages ohne Code-Kenntnisse zusammengestellt werden können. Statt jede Inhaltsänderung über die Entwicklung zu schleifen, bauen Redaktionsteams Seiten selbst aus vorgefertigten Bausteinen — den sogenannten Portlets — zusammen.

Der Standard-Funktionsumfang ist solide, reicht aber selten aus, wenn die Marke spezifische Komponenten braucht oder Sortiment und Inhaltsstrukturen aus dem Standardraster fallen. Genau dann kommen eigene OPC-Portlets ins Spiel.

Warum eigene OPC-Portlets?

Eigene Portlets schaffen Spielraum, den die mitgelieferten Standardbausteine nicht bieten:

  • Inhalte ohne Code. Ihr Redaktionsteam baut Landingpages, Kampagnen und Aktionsseiten selbstständig zusammen — ohne jedes Mal die Entwicklung anfragen zu müssen.
  • Markenkonforme Bausteine. Statt Standard-Boxen mit grauem Rahmen entstehen Portlets, die exakt zu Corporate Design und Bildsprache passen.
  • Branchen- und sortimentsspezifische Komponenten. Produktvergleiche, technische Datenblätter, Anwendungsbeispiele, Konfigurator-Einstiege — alles als wiederverwendbare OPC-Bausteine.
  • Konsistenz im Auftritt. Wer mit definierten Portlets arbeitet, baut automatisch konsistente Seiten. Kein wild gewachsener Style-Mix, weil jeder Redakteur improvisiert.
  • Geschwindigkeit im Marketing. Aktionen, saisonale Inhalte und Kampagnen entstehen in Stunden statt in Tagen.

Typische Portlet-Projekte

Aus der Praxis: Portlet-Arten, die häufig nachgefragt werden:

  • Hero- und Banner-Module mit markenkonformer Typografie, Bildbehandlung und Call-to-Action.
  • Produkt-Highlights und Vergleichsboxen für Aktionsseiten, mit Auswahl direkt aus dem Sortiment.
  • Trust- und Service-Elemente — Versandinformationen, Zahlungsarten, Zertifizierungen, Kundenstimmen.
  • Branchen- und Anwendungsbeispiele mit Bild, Beschreibung und thematischer Verlinkung.
  • Multi-Spalten-Layouts für komplexere Inhaltsseiten — Über uns, Karriere, Geschichte.
  • FAQ- und Akkordeon-Bausteine mit sauberer Inhaltspflege und Schema-Markup für SEO.
  • Konfigurator- und Kalkulator-Einstiege als Brücke zwischen Inhalt und interaktiven Tools.

Was bei der Portlet-Entwicklung zählt

Ein gutes Portlet ist mehr als ein hübsches Frontend-Modul. Es muss redaktionell, technisch und visuell tragen:

  • Klare Konfiguration. Die Backend-Maske eines Portlets muss verständlich sein, ohne Dokumentation. Felder mit sprechenden Namen, sinnvolle Defaults, klare Reihenfolge.
  • Robuste Darstellung. Was passiert, wenn der Redakteur ein Feld leer lässt? Was, wenn ein Bild fehlt? Ein gutes Portlet bleibt funktional, auch wenn nicht alles ausgefüllt ist.
  • Mobile-optimiert von Anfang an. Portlets, die nur auf dem Desktop gut aussehen, sind in der Praxis unbrauchbar.
  • Performance-bewusst. Jedes Portlet bringt seinen eigenen kleinen JavaScript- und CSS-Anteil mit. Eine durchdachte Implementierung verhindert, dass die Seite mit jeder neuen Komponente langsamer wird.
  • Wartbar bei Shop-Updates. Portlets sollten nicht mit jedem JTL-Shop-Update brechen — was eine saubere Trennung zwischen Standard-Code und eigener Logik voraussetzt.

Ablauf einer Portlet-Entwicklung

Typischer Ablauf bei OPC-Projekten:

  1. Bestandsaufnahme. Welche Inhalte pflegen Sie heute manuell oder über Standard-Portlets? Wo entsteht Reibung? Welche Marken-Komponenten fehlen?
  2. Portlet-Konzept. Festlegen, welche neuen Portlets entstehen sollen — und welche bestehenden Standard-Portlets ggf. ersetzt werden.
  3. Entwicklung. Saubere Implementierung mit Backend-Maske, Frontend-Rendering, Beispiel-Inhalten und Dokumentation.
  4. Schulung Ihres Teams. Auf Wunsch eine kurze Einweisung — gerne vor Ort in Esslingen, Stuttgart oder Kirchheim/Teck — damit Redakteure die neuen Bausteine sicher anwenden.
  5. Pflege. OPC-Portlets entwickeln sich mit dem Sortiment und dem Marketing — neue Anforderungen, Saisonkomponenten, Erweiterungen werden im laufenden Betrieb ergänzt.

OPC-Projekte aus dem Großraum Esslingen

Für JTL-Shop-Betreiber aus Esslingen, Stuttgart und Kirchheim/Teck biete ich OPC-Programmierung mit kurzen Wegen und direktem Ansprechpartner — vom ersten Konzeptgespräch bis zur Schulung Ihres Redaktionsteams.

Auf Wunsch mit Vor-Ort-Terminen für Workshops und Schulungen. Das ist gerade bei OPC-Themen wertvoll, weil sich anhand der echten Backend-Oberfläche und der konkreten Marketing-Prozesse meist viel klarer entscheiden lässt, welche Portlets wirklich gebraucht werden.

/ Nächster Schritt

Eigene OPC-Portlets für Ihren JTL-Shop?

Projekt anfragen