WooCommerce speichert Produktbeschreibungen in zwei Feldern: der vollständigen Produktbeschreibung und der Kurzbeschreibung. Sie können beide über den WordPress-Admin hinzufügen oder abrufen, mit PHP unter Verwendung von $product->get_description()oder indem Sie das Layout Ihres Shops mit einem Page Builder wie SeedProd anpassen.
In diesem Leitfaden zeige ich Ihnen, wie Sie Produktbeschreibungen in WooCommerce erhalten und anzeigen können, einschließlich:
- Schreiben und Hinzufügen von WooCommerce-Produktbeschreibungen auf die richtige Weise
- Verwenden Sie die WooCommerce-Kurzbeschreibung auf Ihrer Shop-Seite
- Produktseiten mit SeedProd anpassen, kein Programmieraufwand erforderlich
Warum sind WooCommerce Produktbeschreibungen wichtig?
Die Kunden besuchen Ihren Online-Shop aus verschiedenen Gründen:
- Recherchieren, was Sie zu bieten haben
- Suche nach einem bestimmten Produkt
- Sie mit Alternativen zu vergleichen
- Schaufensterbummel
Wenn Besucher Schwierigkeiten haben, die benötigten Informationen zu finden, werden sie Ihre Website verlassen, bevor sie etwas kaufen. Wenn Sie Ihren Kunden jedoch einzigartige und detaillierte Produktbeschreibungen bieten, können sie schnell finden, wonach sie suchen.
WooCommerce-Produktbeschreibungen verleiten potenzielle Kunden dazu, zu klicken und mehr über Ihre Produkte zu erfahren.
Wenn Nutzer zum Beispiel eine kurze Produktbeschreibung auf Ihrer Shop-Seite sehen, können sie darauf klicken, um die vollständige Beschreibung zu lesen. Von dort aus können sie:
- Erfahren Sie den Preis
- Produktbilder ansehen
- Produktspezifikationen erkunden
- Rezensionen und Bewertungen lesen
Diese Informationen können den Nutzer dazu bewegen, das Produkt sofort zu kaufen.
Ihre nächste Frage ist wahrscheinlich: "Wie fügt man in WooCommerce Produktbeschreibungen hinzu?". Lesen Sie weiter, um es herauszufinden.
Wie man WooCommerce-Produktbeschreibungen mit PHP abruft
WooCommerce bietet zwei PHP-Methoden zum programmgesteuerten Abrufen von Produktbeschreibungen: get_description() für die vollständige Beschreibung und get_short_description() für die Kurzbeschreibung. Sie verwenden diese in benutzerdefinierten Vorlagen, Child-Theme-Funktionen oder Hooks.
Hier ist der vollständige Code, um beide Beschreibungen für jedes Produkt abzurufen:
// Get the WooCommerce product object
$product = wc_get_product( $product_id );
// Get the full product description
$description = $product->get_description();
// Get the short product description
$short_description = $product->get_short_description();Beide Methoden geben HTML-Zeichenfolgen zurück.
Zum Beispiel: <p>Your description text.</p>.
WooCommerce speichert Beschreibungen über den WordPress-Editor. Geben Sie diese mit echo $description direkt in Vorlagen. Verwenden Sie nicht esc_html() hier, wodurch die HTML-Tags wörtlich ausgegeben würden, anstatt sie zu rendern.
Wenn Sie innerhalb einer Schleife oder eines Hooks arbeiten, in dem Sie bereits die $product global, können Sie diese Methoden direkt aufrufen, ohne wc_get_product()Das obige Muster dient zum Abrufen von Beschreibungen außerhalb der Schleife anhand der Produkt-ID.
Hinzufügen einer WooCommerce-Produktbeschreibung (Schritt-für-Schritt)
Um in WordPress mit WooCommerce Produktbeschreibungen hinzuzufügen, gehen Sie in Ihrem WordPress-Dashboard zu WooCommerce " Produkte.
Dann können Sie entweder ein neues Produkt hinzufügen oder einen bestehenden Produkteintrag bearbeiten.
Sie können eine Produktbeschreibung in den WordPress-Haupteditor eingeben. Diese wird als vollständige Beschreibung des Produkts in Ihrem Shop angezeigt.
Blättern Sie dann nach unten und geben Sie im Abschnitt Produktdaten Ihre Produktdaten ein, einschließlich der Angaben zum Produkt:
- Produkttyp
- Regulärer Preis und Verkaufspreis
- Bestandsaufnahme
- Versand
- Verknüpfte Produkte
- Attribute
- Fortgeschrittene
Unter diesem Abschnitt befindet sich die Produktkurzbeschreibung. Dies ist eine kürzere Version Ihrer vollständigen Produktbeschreibung, die Sie anzeigen können, um Nutzer zum Klicken zu verleiten.
Vergessen Sie nicht, die Produktkategorie hinzuzufügen und Bilder für Ihre Produkte hochzuladen. Klicken Sie dann auf Aktualisieren oder Veröffentlichen, um Ihre Änderungen zu aktivieren.
Gibt es einen Kurzcode für Produktbeschreibungen in WooCommerce?
WooCommerce enthält einen Shortcode, mit dem Sie die Kurzbeschreibung eines Produkts an beliebiger Stelle auf Ihrer Website anzeigen können: [product_short_description id="YOUR_PRODUCT_ID"]Ersetzen YOUR_PRODUCT_ID mit der numerischen ID des Produkts, die Sie in der URL finden, wenn Sie das Produkt in wp-admin bearbeiten.
Um beispielsweise die Kurzbeschreibung für die Produkt-ID 42 innerhalb einer Seite oder eines Beitrags anzuzeigen: [product_short_description id="42"]Dadurch wird das Feld „Kurzbeschreibung“ als HTML-Code an der Stelle ausgegeben, an der Sie den Shortcode platzieren.
Wichtig zu wissen: WooCommerce zeigt standardmäßig keine Kurzbeschreibungen oder vollständigen Beschreibungen auf Ihrer Shop-Seite, den Produktkategorieseiten oder den Archivseiten an. Der Shortcode löst dieses Problem für einzelne Seiten, auf denen Sie ihn manuell einfügen. Eine Lösung, die für Ihr gesamtes Shop-Layout funktioniert, ohne dass Sie Shortcodes in jede Seite einfügen müssen, finden Sie in den folgenden Abschnitten.
Wie man mit SeedProd Produktbeschreibungen in WooCommerce erhält und anzeigt
Hinzufügen von benutzerdefinierten Produktbeschreibungen zu WooCommerce ist super einfach mit SeedProd.
SeedProd ist das beste Website-Builder- und Landing-Page-Plugin für WordPress. Damit können Sie benutzerdefinierte WordPress-Themen, WooCommerce-Seiten und flexible Website-Layouts ohne Code erstellen.
Mit mehr als 180 Landing Page-Vorlagen und mehr als 25 vorgefertigten WordPress-Themen ist der Einstieg ganz einfach. Sie können jedes Design mit dem visuellen Drag-and-Drop-Seiten-Builder von SeedProd anpassen.
Mit den anpassbaren Blöcken und Abschnitten von SeedProd ist die Anpassung Ihres Online-Shops ein Kinderspiel. Sie können WooCommerce-Produkte einfach mit WooCommerce-Vorlagen-Tags anzeigen und sie durch Zeigen und Klicken anpassen.
Sie können mit SeedProd sogar ganze E-Commerce-Seiten mit eigenen Produktseiten, Warenkörben, Kassen, Archiven und Shopseiten erstellen. Das Plugin ist blitzschnell und blähungsfrei und sorgt dafür, dass Ihre Website für Website-Besucher schnell läuft.
Führen Sie die folgenden Schritte aus, um Produktbeschreibungen in WooCommerce zu erhalten und sie mit SeedProd anzuzeigen.
Schritt 1. SeedProd Website Builder installieren
Laden Sie zunächst die SeedProd-Plugin-Datei auf Ihren Computer herunter.
Hinweis: Es gibt eine kostenlose Version von SeedProd, aber wir werden den SeedProd Elite-Plan für die WooCommerce-Funktionen verwenden.
Als nächstes installieren und aktivieren Sie SeedProd auf Ihrer WordPress-Website. Sie können diese Anleitung zur Installation eines WordPress-Plugins befolgen, wenn Sie Hilfe benötigen.
Nach der Installation von SeedProd gehen Sie auf SeedProd " Einstellungen und geben Sie Ihren Lizenzschlüssel ein.
Sie können Ihren Lizenzschlüssel finden, indem Sie sich in Ihr SeedProd-Konto einloggen und auf die Registerkarte Downloads klicken.
Geben Sie nun Ihren Schlüssel in das Textfeld ein und klicken Sie auf die Schaltfläche Schlüssel überprüfen.
Schritt 2. Erstellen Sie ein benutzerdefiniertes WooCommerce-Theme
Um die WooCommerce-Funktionen von SeedProd zu nutzen, müssen Sie ein neues WordPress-Theme mit SeedProd erstellen. Dadurch wird Ihr bestehendes Theme durch ein benutzerdefiniertes Design ersetzt, und das ist selbst für Anfänger einfach zu bewerkstelligen.
Gehen Sie dazu zu SeedProd " Theme Builder und klicken Sie auf die Schaltfläche Themes.
Als Nächstes sehen Sie die Bibliothek der vorgefertigten Website-Vorlagen von SeedProd. Wenn Sie eine Vorlage finden, die Ihnen gefällt, fahren Sie mit dem Mauszeiger darüber und klicken Sie auf das Häkchen-Symbol.
Nachdem Sie Ihr Thema importiert haben, wird SeedProd alle Teile des Themas als Demo erstellen.
Hinweis: Wir bezeichnen die einzelnen Teile eines Themas als "Vorlagen".
Wenn Sie auf eine Vorlage klicken, wird sie im Drag-and-Drop-Editor von SeedProd geöffnet, wo Sie den Inhalt und das Design anpassen können.
Die erste Vorlage, die wir in diesem Lernprogramm bearbeiten, ist die Produktseite. Wenn Besucher auf ein Produkt in Ihrem Shop klicken, sehen sie die Produktseite mit den Details zu diesem Artikel.
Schritt 3. Bearbeiten Sie die Vorlage für die Produktseite
Um Ihre Produktseite anzupassen, fahren Sie mit der Maus über die Vorlage für die Produktseite und klicken Sie auf den Link Design bearbeiten.
Die Vorlage wird im visuellen Drag-and-Drop-Editor von SeedProd geöffnet, wo Sie durch Zeigen und Klicken das Design und Layout ändern können.
Sehen wir uns zunächst an, wie Sie eine kurze Produktbeschreibung auf Ihrer Seite hinzufügen können.
Suchen Sie auf der linken Seite Ihres Bildschirms den Bereich WooCommerce-Vorlagen-Tags und ziehen Sie den Block Kurzbeschreibung auf Ihr Design.
Die WooCommerce-Ausgabe für diesen Block ist standardmäßig auf den Kurzbeschreibungs-Tag eingestellt, aber Sie können ihn an die Bedürfnisse Ihres Shops anpassen. Sie können auch in den Blockeinstellungen anpassen, wie die Beschreibung aussieht.
So können Sie beispielsweise die Ausrichtung der Beschreibung und die Schriftgröße ändern und dynamischen Text einfügen.
Auf der Registerkarte Erweitert können Sie die Blockstile anpassen, einschließlich der Farben, Schriftarten, Abstände usw.
Um lange Beschreibungen zu Produktseiten hinzuzufügen, können Sie ähnliche Schritte ausführen. Ziehen Sie einfach den Block " Produktinhalt" aus dem linken Bedienfeld und legen Sie ihn an Ort und Stelle ab.
Wie bisher können Sie den Inhalt, den Stil und die Farben mit wenigen Klicks anpassen.
Hinweis: Im Live-Editor wird keine Vorschau des Produktinhaltsblocks angezeigt.
Schritt 4. Passen Sie den Rest Ihrer WooCommerce-Website an
Nachdem Sie Produktbeschreibungen zu Ihrer Seite hinzugefügt haben, können Sie den Rest Ihres Shops weiter anpassen. Klicken Sie einfach auf den Link Design bearbeiten auf einer Vorlage, um den angezeigten Inhalt und das Aussehen zu ändern.
Zum Beispiel können Sie:
- Anpassen von Produktkategorieseiten
- Ausgewählte Produkte anzeigen
- Hinzufügen einer benutzerdefinierten WordPress-Seitenleiste
Wenn Sie fertig sind, haben Sie einen vollständig angepassten WooCommerce-Shop, der bereit ist, Käufer in Kunden zu verwandeln.
Schritt 5. Veröffentlichen Sie Ihre WooCommerce-Website
Wenn Sie mit Ihrem neuen Entwurf zufrieden sind, ist es an der Zeit, ihn in Betrieb zu nehmen.
Gehen Sie dazu auf die Seite SeedProd " Theme Builder und klicken Sie in der oberen rechten Ecke auf den Schalter Enable SeedProd Theme, bis er auf "on" steht.
Sie können jetzt jedes Produkt auf Ihrer Website in der Vorschau anzeigen und die Kurz- und Langbeschreibungen in Aktion sehen.
So wird Ihre Kurzbeschreibung aussehen:
Und hier sehen Sie, wie die lange Beschreibung je nach Layout aussehen wird:
So zeigen Sie Produktbeschreibungen auf der WooCommerce-Shopseite an
WooCommerce zeigt standardmäßig keine kurzen oder vollständigen Beschreibungen auf der Shop-Seite, den Kategorieseiten oder den Archivseiten an. Um Beschreibungen auf diesen Seiten anzuzeigen, haben Sie drei Möglichkeiten.
Option 1: SeedProd (ohne Programmierung)
Mit den Produktarchivvorlagen von SeedProd können Sie Ihre Shop- und Kategorieseiten im visuellen Editor anpassen.
Fügen Sie den Block „Kurzbeschreibung“ zu Ihrer Shop-Seitenvorlage hinzu, damit er unter jedem Produkt im Raster angezeigt wird – ganz ohne Programmieraufwand.
Dies ist derselbe Ansatz, der im Abschnitt „SeedProd“ oben beschrieben wurde, jedoch auf Archivseitenvorlagen statt auf einzelne Produktseiten angewendet wird.
Option 2: WooCommerce-Plugin „Produktbeschreibung auf der Shop-Seite“
Das Plugin „WooCommerce Product Description on Shop Page“ ist ein kostenloses WordPress-Plugin, das Ihren Shop-Seiteneinstellungen Optionen zur Anzeige von Beschreibungen hinzufügt. Installieren Sie es, aktivieren Sie es und konfigurieren Sie, welcher Beschreibungstyp im Produktraster angezeigt wird.
Option 3: PHP-Hook (Entwickleransatz)
Wenn Sie eine code-basierte Lösung bevorzugen, fügt der folgende Code-Schnipsel unter jedem Produkttitel auf der Shop-Seite eine kurze Beschreibung hinzu. Machen Sie sich mit dem Hinzufügen von Code-Schnipseln zu WordPress vertraut, bevor Sie diesen Ansatz verwenden, oder verwenden Sie ein Code-Schnipsel-Plugin, um ihn sicher hinzuzufügen.
/**
* SeedProd - Add short description to products listing on shop page (only)
*/
add_action( 'woocommerce_after_shop_loop_item_title', 'sp_wc_add_short_description' );
function sp_wc_add_short_description() {
if( is_shop() ){
global $product;
?>
<div class="woocommerce-loop-product-description">
<?php echo apply_filters( 'woocommerce_short_description', $product->get_short_description() ) ?>
</div>
<?php
}
}Wenn Sie eine Vorschau Ihrer WooCommerce-Shopseite anzeigen, sehen Sie Produktbeschreibungen über der Schaltfläche "In den Warenkorb".
Fehlerbehebung: Produktbeschreibung wird in WooCommerce nicht angezeigt
Wenn Ihre Produktbeschreibung nicht dort angezeigt wird, wo Sie es erwarten, sind die häufigsten Ursachen:
- Verwendung des falschen Beschreibungstyps (vollständige Beschreibung vs. Kurzbeschreibung werden an unterschiedlichen Stellen angezeigt)
- Ein Theme, das die Standardvorlagendateien von WooCommerce überschreibt,
- Das Standardverhalten von WooCommerce (Kurzbeschreibungen erscheinen nur auf einzelnen Produktseiten, nicht auf Shop- oder Kategorieseiten).
Überprüfen Sie, welche Beschreibung Sie im Produkteditor eingegeben haben, und vergleichen Sie diese mit der Stelle, an der Sie sie erwarten.
Wenn Sie ein benutzerdefiniertes Theme verwenden, überprüfen Sie, ob es die woocommerce_short_description Aktions-Hook oder der .woocommerce-product-details__short-description Container in der Einzelproduktvorlage.
Weitere Möglichkeiten zur Anpassung von WooCommerce
Es gibt viele weitere Möglichkeiten, die Darstellung Ihrer Produkte in WooCommerce anzupassen. Weitere Informationen zu WooCommerce-Anpassungen finden Sie in den folgenden Anleitungen:
- So passen Sie die Registerkarte "Zusätzliche Informationen" von WooCommerce an
- Wie man den View Cart Button in WooCommerce hinzufügt
- Wie man den Titel der Shop-Seite in WooCommerce ändert
- Wie man eine beeindruckende Produktbildgalerie in WooCommerce erstellt
- Wie man Stern-Bewertung zu WooCommerce Produkt-Seiten hinzufügen
- Wie man verwandte Produkte in WooCommerce anzeigt
- Anzeige von Produktkategorien und Tags in WooCommerce
- Wie WooCommerce View Cart nicht funktioniert zu beheben
- Wie man nicht vorrätige Produkte in WooCommerce ausblendet
WooCommerce Produkt-Beschreibung FAQs
Was ist der Unterschied zwischen einer WooCommerce-Produktbeschreibung und einer Kurzbeschreibung?
WooCommerce verfügt über zwei Beschreibungsfelder. Die vollständige Produktbeschreibung erscheint im Haupteditor-Tab unterhalb des Produkttitels und wird in einem eigenen Tab oder Abschnitt auf der einzelnen Produktseite angezeigt. Die Kurzbeschreibung ist eine kurze Zusammenfassung, die in das Feld „Produktkurzbeschreibung“ eingegeben wird. Sie erscheint standardmäßig unterhalb des Produkttitels und oberhalb der Schaltfläche „In den Warenkorb“. Beide werden nicht auf den Shop- oder Kategorieseiten angezeigt, es sei denn, Sie fügen sie mit einem Plugin, Code oder einem Page Builder wie SeedProd hinzu.
Wie kann ich die Produktbeschreibung auf der WooCommerce-Shopseite anzeigen?
WooCommerce zeigt standardmäßig keine Beschreibungen auf der Shop-Seite an. Sie haben drei Möglichkeiten: Verwenden Sie die Produktarchivvorlagen von SeedProd, um Ihrem Shop-Seitenlayout ohne Code einen Block „Kurzbeschreibung“ hinzuzufügen, installieren Sie das Plugin „WooCommerce Product Description on Shop Page“ oder fügen Sie einen PHP-Hook mit dem woocommerce_after_shop_loop_item_title Aktion mit $product->get_short_description().
Warum wird meine WooCommerce-Produktbeschreibung nicht angezeigt?
Die häufigsten Gründe sind: Sie haben das falsche Beschreibungsfeld ausgefüllt (ausführliche und kurze Beschreibungen erscheinen an unterschiedlichen Stellen), Ihr Theme überschreibt die Standardvorlagen von WooCommerce oder Sie erwarten, dass eine Beschreibung auf einer Seite erscheint, auf der WooCommerce sie standardmäßig nicht anzeigt. Überprüfen Sie, welches Feld Sie ausgefüllt haben, bestätigen Sie, wo dieses Feld angezeigt werden soll, und vergewissern Sie sich, dass Ihr Theme die Ausgabe nicht unterdrückt.
Da haben Sie es!
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie Produktbeschreibungen in WooCommerce erhalten und sie für Ihre Kunden anzeigen können.
SeedProd enthält alles, was Sie brauchen, um jeden Teil Ihrer WordPress-Website und Ihres WooCommerce-Shops anzupassen. Sie können SeedProd sogar verwenden, um Kunden-Websites zu starten, wie es Mustard Seed in dieser Fallstudie getan hat.
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
