So fügen Sie WooCommerce-Produkten zusätzliche Informationen hinzu

Veröffentlicht: 2024-05-08

Für WooCommerce-Shop-Besitzer ist die effektive Kommunikation von Produktspezifikationen nicht nur für die Verbesserung des Benutzererlebnisses, sondern auch für die Verbesserung des Entscheidungsprozesses potenzieller Käufer von entscheidender Bedeutung. WooCommerce, eine flexible und leistungsstarke E-Commerce-Plattform, bietet mehrere Funktionalitäten, die Ihnen helfen, Ihre Produktseiten mit zusätzlichen Details zu bereichern. Hier finden Sie eine Schritt-für-Schritt-Anleitung zum Hinzufügen zusätzlicher Informationen zu WooCommerce-Produkten .

FAQ

Wie füge ich zusätzliche Produktinformationen in WooCommerce hinzu?

Um zusätzliche Produktinformationen in WooCommerce hinzuzufügen, können Sie die integrierte Attributfunktion verwenden, um zusätzliche Details auf der Registerkarte„Zusätzliche Informationen“ auf Ihren Produktseiten anzuzeigen.Navigieren Sie einfach im Dashboard zu Ihrem Produkt, scrollen Sie zum Abschnitt„Produktdaten“ , wählen Sie „Attribute“und fügen Sie die gewünschten Attribute hinzu. Wenn Sie weitere Anpassungen benötigen, sollten Sie Plugins wieAdvanced Custom Fields (ACF) verwenden, um benutzerdefinierte Felder zu erstellen und anzuzeigen, die auf Ihre spezifischen Anforderungen zugeschnitten sind.

Wie ändere ich den Zusatzinformationstext in WooCommerce?

Um den Text „Zusätzliche Informationen“ in WooCommerce zu ändern, fügen Sie der Datei „functions.php “ Ihres Themes ein benutzerdefiniertes PHP-Snippet hinzu, das den Filter „woocommerce_product_tabs“ ändert .

Wie füge ich eine Produktbeschreibung in WooCommerce hinzu?

Um eine Produktbeschreibung in WooCommerce hinzuzufügen, navigieren Sie in Ihrem WordPress-Dashboard zum Abschnitt „Produkte“ und wählen Sie das Produkt aus, das Sie bearbeiten möchten. Geben Sie Ihre Beschreibung im Haupttexteditorbereich unter dem Bereich „Produktdaten“ ein.

Was sind WooCommerce-Zusatzinformationen?

WooCommerce-Zusatzinformationen sind ein Abschnitt auf der Produktseite eines WooCommerce-Shops, der zusätzliche Produktdetails anzeigt, insbesondere Attribute wie Größe, Farbe, Material oder andere benutzerdefinierte Attribute, die ein Shop-Inhaber hinzufügen möchte. Diese Funktion ist besonders nützlich, um Kunden spezifische Informationen bereitzustellen, die ihnen helfen können, fundierte Kaufentscheidungen zu treffen. So funktioniert es normalerweise:

Attribute

Attribute in WooCommerce werden verwendet, um Aspekte eines Produkts zu definieren. Hierbei kann es sich um allgemeine Attribute handeln, die für mehrere Produkte gelten (z. B. Größen oder Farben bei Kleidung), oder um spezifische Attribute für einen einzelnen Produkttyp (z. B. Gewicht oder Abmessungen bei Möbeln).

Anzeige im Reiter Zusatzinformationen

Sobald Sie Attribute eingerichtet und den Produkten zugewiesen haben, können diese Attribute automatisch im Reiter „Zusätzliche Informationen“ auf der Produktseite angezeigt werden. Diese Registerkarte ist Teil des standardmäßigen WooCommerce-Produktlayouts und wird neben der Registerkarte „Beschreibung“ angezeigt.

Diese Informationen helfen:

  • Heben Sie wichtige Produktmerkmale hervor: Kunden können auf einen Blick erkennen, was ein Produkt auszeichnet. Dies ist besonders nützlich bei Produkten, die in verschiedenen Optionen erhältlich sind oder technische Spezifikationen haben.
  • SEO verbessern: Detaillierte Produktattribute können bei der SEO hilfreich sein, da Ihre Produktseiten dadurch informativer sind und in den Suchergebnissen möglicherweise einen höheren Rang einnehmen.

Anpassung

Das Layout und die Informationen auf der Registerkarte „Zusätzliche Informationen“ können entweder durch zusätzliche Plugins oder durch Bearbeiten der Dateien Ihres Themes angepasst werden, wenn Sie komplexere oder spezifischere Informationen als die Standardattribute hinzufügen müssen.

Diese Funktionalität verbessert das Einkaufserlebnis des Käufers, indem sie klare und hilfreiche Informationen bereitstellt, die sich auf ihre Kaufentscheidung auswirken können, was sie zu einer wesentlichen Funktion für viele WooCommerce-Shops macht.

Generieren Sie Ihren Shop

Wie verwende ich die Registerkarte „Zusätzliche Informationen“?

Die Registerkarte „Zusätzliche Informationen“ in WooCommerce ist von entscheidender Bedeutung für die Bereitstellung detaillierter Produktspezifikationen, die Kaufentscheidungen beeinflussen können, wie z. B. Abmessungen, Materialien oder Pflegehinweise.Diese Registerkarte hilft bei der übersichtlichen Organisation von Produktattributen und erleichtert es Kunden, die für sie wichtigen Informationen schnell zu finden und zu bewerten.

Darüber hinaus kann die Einbeziehung umfassender Produktdetails in diese Registerkarte die Suchmaschinenoptimierung verbessern, da angereicherte Inhalte tendenziell bessere Ergebnisse in Suchmaschinenrankings erzielen und mehr potenzielle Käufer auf Ihre Website locken. So verwenden Sie diese Funktion:

  1. Gehen Sie in Ihrem WordPress-Dashboard zum Abschnitt„Produkte“ und wählen Sie das Produkt aus, das Sie bearbeiten möchten.
  2. Unterhalb der Hauptbeschreibung finden Sie Produktdaten > Attribute.
  3. Hier können Sie Attribute hinzufügen, die für Ihr Produkt gelten. Klicken Sieauf Hinzufügen .
  4. Benennen Sie Ihr Attribut.Zum Beispiel Material, Farbe oder Größe.
  5. Fügen Sie Attributwerte hinzu, die durch einen senkrechten Strich (|) getrennt sind, z. B. Baumwolle | Polyester.
  6. Aktivieren Sie die Option„Auf der Produktseite sichtbar“ , um sicherzustellen, dass Kunden dieses Attribut sehen.
    Über die Registerkarte „Zusätzliche Informationen“.
  7. Nachdem Sie alle gewünschten Attribute hinzugefügt haben, klicken Sie aufAttribute speichern .

    Wie füge ich WooCommerce-Produkten zusätzliche Informationen hinzu?

    Das Hinzufügen zusätzlicher Informationen zu Ihren WooCommerce-Produkten ist eine wichtige Strategie zur Verbesserung von Produktlisten und zur Verbesserung des Kundenerlebnisses. Jetzt besprechen wir zwei Methoden, um mithilfe eines Plugins und eines benutzerdefinierten Codes effektiv mehr Produktdetails zu integrieren.

    Methode 1: Verwendung eines Plugins

    Advanced Custom Fields (ACF) ist ein beliebtes Plugin, mit dem benutzerdefinierte Felder in WooCommerce hinzugefügt und angezeigt werden können.So können Sie ACF verwenden, um benutzerdefinierte Felder auf einer Produktseite anzuzeigen:

    1. Installieren Sie zunächst das Plugin „Erweiterte benutzerdefinierte Felder“ aus dem WordPress-Plugin-Repository und aktivieren Sie es.
      Installieren des Plugins „Erweiterte benutzerdefinierte Felder“.
    2. Gehen Sie im WordPress-Dashboard zuACF und klicken Sie auf Neu hinzufügen.
      Hinzufügen einer neuen Dateigruppe im Plugin „Erweiterte benutzerdefinierte Felder“.
    3. Benennen Sie Ihre Feldgruppe und verwenden Sie die Schaltfläche„Feld hinzufügen“, um mit dem Hinzufügen Ihrer benutzerdefinierten Felder zu beginnen.
    4. Konfigurieren Sie Ihre Felder, indem Sie ihnen Beschriftungen und Feldnamen geben. Sie können aus verschiedenen Typen wie Text, Textbereich, Bild usw. wählen .
      Konfigurieren des Plugins „Erweiterte benutzerdefinierte Felder“.
    5. Legen Sie dieStandortregeln fest, um diese Felder auf den WooCommerce- Produktseitenanzuzeigen . Sie können festlegen, dass diese Felder für alle Produkte oder bedingt basierend auf Kategorien, Tags oder anderen Produktattributen angezeigt werden.
      Festlegen der Standortregeln im erweiterten benutzerdefinierten Feld-Plugin
    6. Gehen Sie in Ihrem Dashboard zum Abschnitt„Produkte“ , wählen Sie ein Produkt zum Bearbeiten aus und Sie sehen dort Ihre benutzerdefinierten Felder.Füllen Sie sie nach Bedarf aus.
    7. Zeigen Sie benutzerdefinierte Felder auf der Produktseite an. Bearbeiten Sie die Produktseitenvorlage Ihres Themes (normalerweise single-product.php oder einen bestimmten Vorlagenteil in WooCommerce) und verwenden Sie die ACF-Funktion the_field('field_name'), um das Feld anzuzeigen. Stellen Sie sicher, dass Sie es dort platzieren, wo es auf der Seite erscheinen soll.

            Methode 2: Verwenden eines benutzerdefinierten Codes

            Wenn Sie kein Plugin verwenden möchten, können Sie benutzerdefinierte Felder manuell hinzufügen, indem Sie die Datei „functions.php“ Ihres Themes bearbeiten oder ein untergeordnetes Theme erstellen. Hier ist eine grundlegende Anleitung:

            1. Benutzerdefinierte Felder zum Administrator hinzufügen:
              • Verwenden Sie add_action, um sich in die WooCommerce-Produktoptionen einzubinden und Ihre benutzerdefinierten Felder hinzuzufügen. Normalerweise verwenden Sie woocommerce_product_options_general_product_data oder ähnliche Hooks.
             add_action('woocommerce_product_options_general_product_data', 'add_your_custom_general_fields');
            
            Funktion add_your_custom_general_fields() {
            
            woocommerce_wp_text_input(
            
            Array(
            
            'id' => '_custom_product_text_field',
            
            'label' => __('Benutzerdefiniertes Produkttextfeld', 'woocommerce'),
            
            'placeholder' => 'Text eingeben',
            
            'desc_tip' => 'true',
            
            'description' => __('Geben Sie einen benutzerdefinierten Text für dieses Produkt ein.', 'woocommerce')
            
            )
            
            );
            
            }
            1. Benutzerdefinierte Felder speichern:
            • Verwenden Sie einen anderen Hook, um die vom Benutzer in diese Felder eingegebenen Daten zu speichern.
             add_action('woocommerce_process_product_meta', 'save_your_custom_general_fields');
            
            Funktion save_your_custom_general_fields($post_id) {
            
            $custom_field_value = isset($_POST['_custom_product_text_field']) ? $_POST['_custom_product_text_field'] : '';
            
            update_post_meta($post_id, '_custom_product_text_field', sanitize_text_field($custom_field_value));
            
            }
            1. Benutzerdefinierte Felder auf der Produktseite anzeigen:
            • Bearbeiten Sie die Vorlagendateien für die Produktseite Ihres Themes und verwenden Sie get_post_meta, um den Wert Ihrer benutzerdefinierten Felder abzurufen und anzuzeigen.
             echo '<div class="custom-field">';
            
            echo '<label>Benutzerdefiniertes Feld:</label> ';
            
            echo get_post_meta(get_the_ID(), '_custom_product_text_field', true);
            
            echo '</div>';

            Verwalten der Registerkarte „Zusätzliche Informationen“ in WooCommerce

            Die Verwaltung der Registerkarte „Zusätzliche Informationen“ in WooCommerce ist für die Bereitstellung eines detaillierten Einkaufserlebnisses unerlässlich. Eine effektive Verwaltung dieser Registerkarte kann auch die SEO Ihrer Website verbessern, mehr Besucher anziehen und möglicherweise die Produktretouren reduzieren.

            Schritt 1: Fügen Sie benutzerdefinierten Text zur Registerkarte „Zusätzliche Informationen“ hinzu

            Um einen benutzerdefinierten Link oder Text zur Registerkarte „Zusätzliche Informationen“ hinzuzufügen, können Sie PHP-Code in die Datei „functions.php “ Ihres Themes einfügen .

            1. Öffnen Sie die Datei „functions.php “ Ihres Themes : Auf diese Datei kann über das WordPress-Dashboard unter „Darstellung“ > „Theme-Editor“ oder über einen FTP-Client zugegriffen werden.
            2. Fügen Sie am Ende der Datei den folgenden PHP-Code ein:
             add_action('woocommerce_product_additional_information', 'print_custom_html');
            
            Funktion print_custom_html() { ?>
            
            <a href="#">Klicken Sie hier für weitere Informationen zu Produktattributen</a>
            
            <?php }
            1. Dieser Code fügt einen anklickbaren Link hinzu, den Sie mit der gewünschten URL und dem gewünschten Text anpassen können.
            2. Speichern Sie die Änderungen: Aktualisieren Sie die Datei und besuchen Sie Ihre Produktseite, um den neuen Linktext unter oder über der Liste der Attribute anzuzeigen.

            Schritt 2: Blenden Sie die Registerkarte „Zusätzliche Informationen“ aus oder entfernen Sie sie

            So entfernen Sie die Registerkarte „Zusätzliche Informationen“, wenn sie nicht erforderlich ist, beispielsweise für digitale Produkte:

            Verwendung von PHP-Code:

            1. Greifen Sie auf die Datei „functions.php“ Ihres Child-Themes zu.
            2. Fügen Sie den folgenden Code hinzu:
             add_filter('woocommerce_product_tabs', 'woo_remove_product_tabs', 98);
            
            Funktion woo_remove_product_tabs($tabs) {
            
            unset($tabs['additional_information']);
            
            $tabs zurückgeben;
            
            }
            1. Speichern und überprüfen Sie Ihre Produktseite, um sicherzustellen, dass die Registerkarte „Zusätzliche Informationen“ nicht mehr sichtbar ist.

            Verwendung von CSS-Code:

            1. Navigieren Sie in Ihrem WordPress-Dashboard zu „Darstellung“ > „ Anpassen“> „Zusätzliches CSS“.
            2. Geben Sie den folgenden CSS-Code ein:
             li.additional_information_tab {
            
            Anzeige: keine !important;
            
            }
            1. Veröffentlichen Sie die Änderungen und überprüfen Sie auf Ihrer Produktseite, ob die Registerkarte ausgeblendet ist.

            Schritt 3: Verschieben Sie die Zusatzinformationen auf die Registerkarte Beschreibung

            Wenn Sie Produktinformationen auf weniger Registerkarten zusammenfassen möchten:

            1. Bearbeiten Sie die Datei „functions.php“ in Ihrem Theme.
            2. Fügen Sie den folgenden PHP-Code ein, um die Registerkarte „Zusätzliche Informationen“ zu entfernen und ihren Inhalt mit der Registerkarte „Beschreibung“ zusammenzuführen:

            Entfernen Sie die Registerkarte „Zusätzliche Informationen“.

             add_filter('woocommerce_product_tabs', function($tabs) {
            
            unset($tabs['additional_information']);
            
            $tabs zurückgeben;
            
            }, 98);

            Fügen Sie zusätzliche Informationen in die Registerkarte „Beschreibung“ ein

             add_filter('woocommerce_product_tabs', function($tabs) {
            
            $tabs['description']['callback'] = function() {
            
            globales $produkt;
            
            wc_get_template('single-product/tabs/description.php');
            
            if ($product && ($product->has_attributes() || apply_filters('wc_product_enable_dimensions_display', $product->has_weight() || $product->has_dimensions()))) {
            
            wc_get_template('single-product/tabs/additional-information.php');
            
            }
            
            };
            
            $tabs zurückgeben;
            
            }, 98);
            1. Speichern Sie die Datei und sehen Sie sich eine Produktseite an, um sicherzustellen, dass die zusätzlichen Informationen jetzt auf der Registerkarte „Beschreibung“ angezeigt werden.

            Abschluss

            Das Hinzufügen zusätzlicher Informationen zu Ihren WooCommerce-Produkten ist eine leistungsstarke Möglichkeit, das Einkaufserlebnis zu verbessern, wichtige Details bereitzustellen und die SEO Ihrer Produktseiten zu verbessern. Ob durch die Verwendung der integrierten Registerkarte „Zusätzliche Informationen“ oder durch die Integration benutzerdefinierter Felder mit Plugins – WooCommerce bietet vielseitige Optionen, um den spezifischen Anforderungen Ihres Shops gerecht zu werden. Wir hoffen, dass Ihnen dieser Leitfaden dabei geholfen hat, das Hinzufügen zusätzlicher Informationen zu WooCommerce-Produkten zu konfigurieren. Durch die Nutzung dieser Funktionen können Sie sicherstellen, dass Ihre Produkte nicht nur gut vertreten sind, sondern sich auch in einem überfüllten Markt von der Masse abheben, was letztendlich zu einer höheren Kundenzufriedenheit führt und Vertrieb.

            Generieren Sie Ihren Shop
            Looking to sell online?