Eigene Produkt-Tabs in WooCommerce: wiederverwendbare Tabs für Versand, Pflege und Größentabellen

Die Einzelproduktseite ist der Ort, an dem Kunden über einen Kauf entscheiden, und sie füllt sich gern mit Informationen, die nicht in die Hauptbeschreibung gehören: Lieferzeiten, Rückgabefristen, Pflegehinweise, Größentabellen, Garantiehinweise. Eigene Produkt-Tabs geben diesen Informationen ein aufgeräumtes Zuhause. Dieser Leitfaden erklärt, was eigene Tabs sind, warum wiederverwendbare shopweite Tabs Ihnen Arbeit ersparen und wie Sie sie in WooCommerce einrichten.

Was eigene Produkt-Tabs sind

Ein eigener Produkt-Tab ist ein zusätzlicher Tab auf der WooCommerce-Einzelproduktseite, der von Ihnen definierte Inhalte enthält und neben den integrierten Tabs angezeigt wird.

Standardmäßig stellt WooCommerce jedem Produkt drei Tabs zur Verfügung: Beschreibung, Zusätzliche Informationen und Bewertungen. Ein eigener Tab ergänzt einen vierten (und fünften und sechsten) für Inhalte, die eine eigene, natürliche Überschrift haben. Statt Versanddetails und einen Pflegeleitfaden ans Ende der Beschreibung zu quetschen, geben Sie jedem Thema einen eigenen, beschrifteten Tab, den Kunden bei Bedarf öffnen können.

Das Ergebnis ist eine Produktseite, die übersichtlich bleibt. Die Beschreibung verkauft das Produkt, und die ergänzenden Details liegen einen Klick entfernt, gut organisiert und leicht zu finden.

Warum wiederverwendbare, shopweite Tabs helfen

Wiederverwendbare Tabs werden einmal definiert und über Ihren gesamten Katalog hinweg angezeigt, statt bei jedem Produkt erneut eingetippt zu werden.

Die meisten Informationen, die in einem eigenen Tab landen, sind von Produkt zu Produkt identisch. Ihre Versandrichtlinie, Rückgabefrist und Pflegehinweise ändern sich selten zwischen einzelnen Artikeln. Diesen Text per Hand in Hunderte von Produktbeschreibungen einzupflegen, ist langsam, und er veraltet in dem Moment, in dem sich die Richtlinie ändert.

Shopweite wiederverwendbare Tabs lösen das:

• Einmal bearbeiten, überall aktualisieren. Ändern Sie Ihre Rückgaberichtlinie an einer Stelle, und jedes Produkt übernimmt sie.
• Konsistent bleiben. Keine Abweichungen zwischen Produkten durch Kopieren und Einfügen oder halbfertige Bearbeitungen.
• Zeit bei neuen Produkten sparen. Ein neuer Artikel erbt Ihre gemeinsamen Tabs automatisch, sodass Sie nur schreiben, was wirklich produktspezifisch ist.
• Supportanfragen reduzieren. Antworten zu Versand, Größen und Pflege stehen auf der Seite, dort, wo Kunden zuerst suchen.

Tabs, die sich auf einer Produktseite lohnen

Die besten eigenen Tabs beantworten eine Frage, die ein Kunde vor dem Kauf hat. Gängige Beispiele sind:

1. Versand und Rückgabe - Lieferzeiten, Kosten und wie man etwas zurücksendet.
2. Größentabelle - Maße, eine Größentabelle oder Passformhinweise für Kleidung und Schuhe.
3. Pflegehinweise - Wasch-, Lagerungs- oder Wartungsdetails zum Produkt.
4. Garantie und Gewährleistung - was abgedeckt ist und für wie lange.
5. Materialien und Inhaltsstoffe - Zusammensetzungsdetails für Mode, Kosmetik oder Lebensmittel.

Jedes dieser Themen ist in sich abgeschlossen, gehört nicht in die zentrale Beschreibung, beeinflusst aber dennoch die Kaufentscheidung. Ein eigener Tab hält es zugänglich, ohne die Seite zu überfrachten.

So ergänzen Sie eigene Tabs in WooCommerce

WooCommerce enthält keinen integrierten Editor für beliebige eigene Tabs, daher ergänzen die meisten Shops sie mit einem kleinen Plugin. Der grundlegende Ablauf ist derselbe, welches Werkzeug Sie auch nutzen:

1. Legen Sie Ihre Tabs fest. Wählen Sie die wenigen Themen aus, die für Ihren gesamten Katalog gelten (Versand, Rückgabe, Pflege, Größen).
2. Schreiben Sie jeden Tab einmal. Geben Sie ihm einen klaren Titel und füllen Sie den Inhalt aus, mit einfacher Formatierung wie Überschriften, Listen und Links.
3. Veröffentlichen Sie über alle Produkte hinweg. Wiederverwendbare Tabs erscheinen automatisch auf Ihren Produktseiten, sodass Sie Produkte nicht einzeln bearbeiten.
4. Bei Bedarf umschalten. Schalten Sie einen Tab für saisonale oder temporäre Inhalte ein oder aus, ohne den Text zu löschen.

Halten Sie Tab-Titel kurz und vorhersehbar. “Versand & Rückgabe” und “Größentabelle” lesen sich besser als lange Sätze und reihen sich sauber in die Tab-Leiste neben den nativen WooCommerce-Tabs ein.

Tab-Inhalte sicher und ordentlich halten

Ein Tab-Inhalt ist nach wie vor HTML auf Ihrer Produktseite, daher sollte er bereinigt und nicht blind vertraut werden.

Ein gut konzipiertes Tab-Werkzeug begrenzt, welches Markup erlaubt ist. Der sichere Ansatz besteht darin, dieselbe Teilmenge an HTML zu akzeptieren, die WordPress in Beitragsinhalten zulässt (Links, Listen, Überschriften, fett und kursiv, Bilder, Zitatblöcke), und alles Unsichere wie Skripte zu entfernen. Eine Bereinigung sowohl beim Speichern als auch erneut beim Rendern sorgt dafür, dass ein versehentlich von anderswo eingefügter Schnipsel die Seite nicht beschädigen oder gefährden kann.

Es hilft außerdem, wenn Tabs mit dem Rest Ihrer Einrichtung zusammenspielen. Eigene Tabs nach den nativen WooCommerce-Tabs und nach allen von anderen Plugins registrierten Tabs zu ergänzen bedeutet, dass nichts Bestehendes umsortiert oder ersetzt wird.

Wie Tabby hilft

Für das Ergänzen wiederverwendbarer eigener Tabs in WooCommerce ist Tabby - Custom Product Tabs for WooCommerce genau dafür gebaut. Sie definieren Ihre Tabs einmal unter WooCommerce, geben jedem einen Titel und Inhalt, und sie erscheinen auf jeder Produktseite nach den nativen Tabs Beschreibung, Zusätzliche Informationen und Bewertungen.

Jeder Tab akzeptiert das sichere HTML, das WordPress in Beiträgen erlaubt (Links, Listen, Überschriften, Bilder und mehr), bereinigt sowohl beim Speichern als auch bei der Ausgabe, sodass Skripte entfernt werden. Sie können jeden Tab ein- oder ausschalten, ohne ihn zu löschen, und ein deaktivierter oder leerer Tab wird schlicht nicht angezeigt. Da Tabby in den Standard-Filter für Produkt-Tabs mit niedriger Priorität eingreift, behalten Ihre nativen und Drittanbieter-Tabs ihren Platz, und Ihre eigenen Tabs werden neben ihnen ergänzt.