{"id":4143,"date":"2024-10-26T20:56:20","date_gmt":"2024-10-26T12:56:20","guid":{"rendered":"https:\/\/www.openbyt.com\/?p=4143"},"modified":"2024-10-26T20:56:22","modified_gmt":"2024-10-26T12:56:22","slug":"complete-guide-to-adding-and-customizing-product-information-in-woocommerce","status":"publish","type":"post","link":"https:\/\/www.openbyt.com\/de\/vollstandige-anleitung-zum-hinzufugen-und-anpassen-von-produktinformationen-in-woocommerce","title":{"rendered":"Vollst\u00e4ndige Anleitung zum Hinzuf\u00fcgen und Anpassen von Produktinformationen in WooCommerce"},"content":{"rendered":"<p>In WooCommerce bieten Produktattribute eine flexible M\u00f6glichkeit, verschiedene Merkmale f\u00fcr unterschiedliche Arten von Produkten zu definieren. Die Einrichtung von Produktattributen kann die Benutzerfreundlichkeit verbessern, indem sie Kunden hilft, wichtige Details schnell zu finden, wie z.B. <strong>Farbe<\/strong>, <strong>Gr\u00f6\u00dfe<\/strong>, oder <strong>Material<\/strong>. Wenn Sie Produktseiten mit detaillierten Informationen anreichern, erh\u00f6ht sich die Tiefe des Inhalts, was der Suchmaschinenoptimierung (SEO) zugute kommt und die Sichtbarkeit der Produkte verbessert.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"480\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/858-1024x480.jpg\" alt=\"\" class=\"wp-image-4171\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/858-1024x480.jpg 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/858-600x281.jpg 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/858-300x141.jpg 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/858-768x360.jpg 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/858-1536x720.jpg 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/858-18x8.jpg 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/858-150x70.jpg 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/858.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Dieser Artikel behandelt mehrere Methoden, um zus\u00e4tzliche Informationen zu WooCommerce-Produktseiten hinzuzuf\u00fcgen, darunter die Verwendung von <strong>WooCommerce's<\/strong> integrierte Funktionen, die <strong>Erweiterte benutzerdefinierte Felder (ACF)<\/strong> Plugin, und <strong>benutzerdefinierter Code<\/strong>. W\u00e4hlen Sie die Methode, die Ihren Bed\u00fcrfnissen am besten entspricht.<\/p><h3 class=\"wp-block-heading\">Warum das Hinzuf\u00fcgen zus\u00e4tzlicher Informationen die Benutzerfreundlichkeit und SEO verbessert<\/h3><p>Wenn Sie zum Beispiel Kleidung verkaufen, m\u00f6chten Ihre Kunden vielleicht etwas \u00fcber Farbe, Gr\u00f6\u00dfe und Stoff wissen. Wenn Sie diese Attribute festlegen, zeigt WooCommerce sie automatisch unter dem Men\u00fcpunkt \"<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">Zus\u00e4tzliche Informationen<\/mark><\/strong>\" auf der Produktseite, so dass Benutzer schnell auf wichtige Details zugreifen k\u00f6nnen. Diese Funktion erm\u00f6glicht den Nutzern einen besseren Produktvergleich und verbessert die SEO-Leistung der Seite durch Hinzuf\u00fcgen relevanter Inhalte.<\/p><h3 class=\"wp-block-heading\">Methode 1: Hinzuf\u00fcgen zus\u00e4tzlicher Informationen mit den integrierten Funktionen von WooCommerce<\/h3><p>WooCommerce bietet eine unkomplizierte M\u00f6glichkeit, Produktattribute direkt in der Produktbearbeitungsmaske hinzuzuf\u00fcgen. Hier sind die Schritte:<\/p><h4 class=\"wp-block-heading\">Schritt 1: Loggen Sie sich in das WooCommerce Dashboard ein.<\/h4><p>Navigieren Sie zum WordPress-Dashboard, klicken Sie auf \"<strong>Produkte<\/strong>,\" und w\u00e4hlen Sie das Produkt, zu dem Sie zus\u00e4tzliche Informationen hinzuf\u00fcgen m\u00f6chten.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-414-1024x391.png\" alt=\"\" class=\"wp-image-4144\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-414-1024x391.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-414-600x229.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-414-300x115.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-414-768x293.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-414-1536x587.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-414-18x7.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-414-150x57.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-414.png 1809w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h4 class=\"wp-block-heading\">Schritt 2: Suchen Sie den Abschnitt \"Produktdaten\".<\/h4><p>Scrollen Sie im Produkteditor nach unten zum Feld \"<strong>Produktdaten<\/strong>\", und w\u00e4hlen Sie das Feld \"<strong>Attribute<\/strong>Registerkarte \".<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"553\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-415-1024x553.png\" alt=\"\" class=\"wp-image-4145\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-415-1024x553.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-415-600x324.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-415-300x162.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-415-768x415.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-415-18x10.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-415-150x81.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-415.png 1398w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h4 class=\"wp-block-heading\">Schritt 3: Attribute hinzuf\u00fcgen<\/h4><p>Klicken Sie auf das \"<strong>Neu hinzuf\u00fcgen<\/strong>\", um neue Attribute zu definieren, wie z.B. \"<strong>Farbe<\/strong>\" oder \"<strong>Gr\u00f6\u00dfe<\/strong>.&#8221;<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-416-1024x489.png\" alt=\"\" class=\"wp-image-4146\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-416-1024x489.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-416-600x286.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-416-300x143.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-416-768x366.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-416-18x9.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-416-150x72.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-416.png 1373w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ul class=\"wp-block-list\"><li>Geben Sie den Namen des Attributs ein, zum Beispiel: \"<strong>Farbe<\/strong>.&#8221;<\/li>\n\n<li>Trennen Sie Attributwerte mit einem senkrechten Strich (|), z.B. \"Rot | Blau | Gr\u00fcn\".<\/li><\/ul><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-417-1024x573.png\" alt=\"\" class=\"wp-image-4147\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-417-1024x573.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-417-600x336.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-417-300x168.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-417-768x429.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-417-18x10.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-417-150x84.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-417.png 1123w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h4 class=\"wp-block-heading\">Schritt 4: Attribut Sichtbarkeit einstellen<\/h4><p>Aktivieren Sie die Option \"Sichtbar auf der Produktseite\", um sicherzustellen, dass diese Attribute unter der Registerkarte \"Zus\u00e4tzliche Informationen\" auf der Produktseite erscheinen.<\/p><h4 class=\"wp-block-heading\">Schritt 5: Speichern und aktualisieren Sie das Produkt<\/h4><p>Klicken Sie auf das \"<strong>Update<\/strong>\", um Ihre \u00c4nderungen zu speichern. Nach dem Speichern werden diese Attribute automatisch auf der Registerkarte \"Zus\u00e4tzliche Informationen\" auf der Produktseite angezeigt.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"415\" height=\"425\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-419.png\" alt=\"\" class=\"wp-image-4149\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-419.png 415w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-419-293x300.png 293w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-419-12x12.png 12w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-419-150x154.png 150w\" sizes=\"(max-width: 415px) 100vw, 415px\" \/><\/figure><\/div><h4 class=\"wp-block-heading\">Beispiel<\/h4><p>Wenn Sie ein T-Shirt verkaufen, das es in drei Farben (Rot, Blau, Gr\u00fcn) und drei Gr\u00f6\u00dfen (S, M, L) gibt, k\u00f6nnen Sie das Attribut \"Farbe\" auf \"Rot | Blau | Gr\u00fcn\" und das Attribut \"Gr\u00f6\u00dfe\" auf \"S | M | L\" setzen. Wenn die Option \"Sichtbar auf der Produktseite\" aktiviert ist, sehen die Kunden diese Optionen auf der Registerkarte \"Zus\u00e4tzliche Informationen\".<\/p><h3 class=\"wp-block-heading\">Methode 2: Hinzuf\u00fcgen zus\u00e4tzlicher Informationen mit dem Secure Custom Fields (SCF) Plugin<\/h3><p>Die in WooCommerce eingebauten Attribute sind zwar hilfreich, aber f\u00fcr bestimmte Bed\u00fcrfnisse wird mehr ben\u00f6tigt. Mit dem <a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Sichere benutzerdefinierte Felder (SCF)<\/a> Plugin k\u00f6nnen Sie weitere benutzerdefinierte Felder hinzuf\u00fcgen, um zus\u00e4tzliche Produktdetails anzuzeigen, z. B. Material und Pflegehinweise.<\/p><h4 class=\"wp-block-heading\">Schritt 1: Installieren Sie das ACF-Plugin<\/h4><p>Weiter zu \"<strong>Plugins<\/strong>\" im WordPress Dashboard, suchen Sie nach \"<strong>Sichere benutzerdefinierte Felder<\/strong>,\" und klicken Sie auf \"Installieren\" und \"Aktivieren\".<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"553\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-420-1024x553.png\" alt=\"\" class=\"wp-image-4150\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-420-1024x553.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-420-600x324.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-420-300x162.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-420-768x414.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-420-1536x829.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-420-18x10.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-420-150x81.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-420.png 1614w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h4 class=\"wp-block-heading\">Schritt 2: Erstellen Sie eine Feldgruppe<\/h4><p>Weiter zu \"<strong>SCF<\/strong>\" auf dem WordPress-Dashboard und w\u00e4hlen Sie \"Neue Feldgruppe hinzuf\u00fcgen\". Damit k\u00f6nnen Sie benutzerdefinierte Felder f\u00fcr Ihre Produkte definieren.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"526\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-421-1024x526.png\" alt=\"\" class=\"wp-image-4151\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-421-1024x526.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-421-600x308.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-421-300x154.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-421-768x394.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-421-1536x788.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-421-18x9.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-421-150x77.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-421.png 1590w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h4 class=\"wp-block-heading\">Schritt 3: Felder definieren<\/h4><p>F\u00fcgen Sie innerhalb der Feldgruppe neue Felder hinzu, wie z.B. \"<strong>Material<\/strong>\" oder \"<strong>Pflegehinweise<\/strong>.\" W\u00e4hlen Sie je nach Bedarf Feldtypen wie Text, Textbereich oder Bild.<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"480\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-422-1024x480.png\" alt=\"\" class=\"wp-image-4152\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-422-1024x480.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-422-600x281.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-422-300x141.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-422-768x360.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-422-1536x720.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-422-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-422-150x70.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-422.png 1590w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h4 class=\"wp-block-heading\">Hier finden Sie eine Aufschl\u00fcsselung einiger g\u00e4ngiger Feldtypen:<\/h4><ul class=\"wp-block-list\"><li><strong>Text<\/strong>: Dieses Feld ist ideal f\u00fcr kurze, einzeilige Eingaben. Sie k\u00f6nnen es zum Beispiel f\u00fcr ein Feld \"Material\" verwenden, wenn Sie nur ein oder zwei Materialien auflisten m\u00fcssen, wie z.B. \"100% Baumwolle\" oder \"Rostfreier Stahl\".<\/li>\n\n<li><strong>Textbereich<\/strong>: Dies ist n\u00fctzlich f\u00fcr l\u00e4ngere Beschreibungen. Sie k\u00f6nnten es f\u00fcr \"Pflegehinweise\" verwenden, wo Sie detaillierte Informationen zum Waschen oder zur Handhabung geben k\u00f6nnen, wie z.B. \"Nur von Hand waschen. Nicht im Trockner trocknen.\"<\/li>\n\n<li><strong>Bild<\/strong>: Diese Option erm\u00f6glicht es Ihnen, Bilder hinzuzuf\u00fcgen. Sie kann f\u00fcr Felder wie \"Produktzertifizierung\" verwendet werden, wo Sie ein Zertifizierungslogo oder ein Qualit\u00e4tssiegel anzeigen m\u00f6chten.<\/li><\/ul><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"622\" height=\"659\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-423.png\" alt=\"\" class=\"wp-image-4153\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-423.png 622w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-423-600x636.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-423-283x300.png 283w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-423-11x12.png 11w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-423-150x159.png 150w\" sizes=\"(max-width: 622px) 100vw, 622px\" \/><\/figure><\/div><h4 class=\"wp-block-heading\">Beispiel:<\/h4><p>Angenommen, Sie verkaufen Holzm\u00f6bel und m\u00f6chten die folgenden benutzerdefinierten Felder hinzuf\u00fcgen:<\/p><ol class=\"wp-block-list\"><li><strong>Material<\/strong>Dies k\u00f6nnte ein \"Text\"-Feld sein, um bestimmte Holzarten einzugeben, z.B. \"Eiche\" oder \"Ahorn\".<\/li><\/ol><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-425-1024x504.png\" alt=\"\" class=\"wp-image-4155\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-425-1024x504.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-425-600x295.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-425-300x148.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-425-768x378.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-425-1536x756.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-425-18x9.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-425-150x74.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-425.png 1610w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"2\" class=\"wp-block-list\"><li><strong>Pflegehinweise<\/strong> - Legen Sie dies als \"Textbereich\" fest, in dem Sie Pflegetipps angeben k\u00f6nnen, wie z.B. \"Mit einem trockenen Tuch abwischen. Vermeiden Sie direktes Sonnenlicht.\"<\/li><\/ol><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-426-1024x515.png\" alt=\"\" class=\"wp-image-4156\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-426-1024x515.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-426-600x301.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-426-300x151.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-426-768x386.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-426-1536x772.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-426-18x9.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-426-150x75.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-426.png 1630w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"3\" class=\"wp-block-list\"><li><strong>Logo der Zertifizierung<\/strong> - Verwenden Sie ein \"Bild\"-Feld, um ein Zertifizierungssiegel oder eine umweltfreundliche Plakette hochzuladen.<\/li><\/ol><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"446\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-427-1024x446.png\" alt=\"\" class=\"wp-image-4157\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-427-1024x446.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-427-600x261.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-427-300x131.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-427-768x334.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-427-1536x669.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-427-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-427-150x65.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-427.png 1810w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Nachdem Sie diese Felder definiert haben, werden sie im Produkt-Editor angezeigt, damit Sie die f\u00fcr jedes Produkt spezifischen Informationen eingeben k\u00f6nnen.<\/p><h4 class=\"wp-block-heading\">Schritt 4: Anzeigeregeln festlegen<\/h4><p>Im Abschnitt \"Einstellungen\" legen Sie die Bedingungen fest, unter denen diese benutzerdefinierten Felder auf den Produktseiten angezeigt werden sollen. Sie k\u00f6nnen diese Felder auf alle Produkte oder bestimmte Kategorien, Tags oder sogar einzelne Produkte anwenden.<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"521\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-428-1024x521.png\" alt=\"\" class=\"wp-image-4158\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-428-1024x521.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-428-600x305.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-428-300x153.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-428-768x391.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-428-18x9.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-428-150x76.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-428.png 1434w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h4 class=\"wp-block-heading\">Schritt 5: Geben Sie Informationen in den Produkteditor ein<\/h4><p>Sobald die Felder definiert und die Anzeigeregeln festgelegt sind, gehen Sie zum WooCommerce Produkteditor f\u00fcr jedes Produkt, das die Kriterien erf\u00fcllt. Sie sehen nun die benutzerdefinierten Felder, die Sie erstellt haben, und k\u00f6nnen die entsprechenden Informationen f\u00fcr jedes Feld eingeben.<\/p><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-429-1024x503.png\" alt=\"\" class=\"wp-image-4159\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-429-1024x503.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-429-600x295.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-429-300x147.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-429-768x377.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-429-1536x755.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-429-18x9.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-429-150x74.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-429.png 1541w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h4 class=\"wp-block-heading\">Schritt 6: \u00c4ndern der Produktvorlage (optional)<\/h4><p>Um diese benutzerdefinierten Felder im Frontend der Produktseite anzuzeigen, m\u00fcssen Sie m\u00f6glicherweise die Vorlagendateien von WooCommerce bearbeiten (z.B. single-product.php). Verwenden Sie die Funktion the_field() von SCF, um die Feldwerte wie folgt auszugeben:<\/p><pre class=\"wp-block-code\"><code>&lt;div class=&quot;product-material&quot;&gt;\n\n&nbsp; &nbsp;&nbsp;&lt;h4&gt;Material:&lt;\/h4&gt;\n\n&nbsp; &nbsp;&nbsp;&lt;p&gt;&lt;?php the_field('material'); ?&gt;&lt;\/p&gt;\n\n&lt;\/div&gt;<\/code><\/pre><h3 class=\"wp-block-heading\">Methode 3: Hinzuf\u00fcgen zus\u00e4tzlicher Informationen mit benutzerdefiniertem Code<\/h3><p>Durch Hinzuf\u00fcgen von Code in die Datei functions.php Ihres Themes k\u00f6nnen Sie Felder direkt in die WooCommerce-Produktbearbeitungsmaske einf\u00fcgen und so eine erweiterte Anpassung vornehmen.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-430-1024x482.png\" alt=\"\" class=\"wp-image-4160\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-430-1024x482.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-430-600x282.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-430-300x141.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-430-768x361.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-430-1536x723.png 1536w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-430-18x8.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-430-150x71.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-430.png 1607w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h4 class=\"wp-block-heading\">Schritt 1: F\u00fcgen Sie ein benutzerdefiniertes Feld zum Produkt-Editor hinzu<\/h4><p>Verwenden Sie den woocommerce_product_options_general_product_data-Haken, um dem Produktbearbeitungsbildschirm ein benutzerdefiniertes Feld hinzuzuf\u00fcgen.<\/p><pre class=\"wp-block-code\"><code>add_action( 'woocommerce_product_options_general_product_data', 'add_custom_general_fields' );\n\nfunction add_custom_general_fields() {\n\n    woocommerce_wp_text_input( array(\n\n        'id' =&gt; '_custom_product_text_field',\n\n        'label' =&gt; __( 'Benutzerdefiniertes Produktfeld', 'woocommerce' ),\n\n        'desc_tip' =&gt; 'true',\n\n        'description' =&gt; __( 'Inhalt des benutzerdefinierten Feldes eingeben', 'woocommerce' )\n\n    ));\n\n}<\/code><\/pre><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"blob:https:\/\/www.openbyt.com\/c4c888e2-6c19-43f8-869a-407bd999e2f0\" alt=\"\"\/><\/figure><h4 class=\"wp-block-heading\">Schritt 2: Benutzerdefinierten Feldwert speichern<\/h4><p>Verwenden Sie den woocommerce_process_product_meta-Haken, um den Wert des benutzerdefinierten Feldes zu speichern.<\/p><pre class=\"wp-block-code\"><code>add_action( 'woocommerce_process_product_meta', 'save_custom_general_fields' );\n\nfunction save_custom_general_fields( $post_id ) {\n\n    $custom_field_value = isset( $_POST['_custom_product_text_field'] ) ? sanitize_text_field( $_POST['_custom_product_text_field'] ) : '';\n\n    update_post_meta( $post_id, '_custom_product_text_field', $custom_field_value );\n\n}<\/code><\/pre><h4 class=\"wp-block-heading\">Schritt 3: Benutzerdefiniertes Feld auf der Produktseite anzeigen<\/h4><p>Um das benutzerdefinierte Feld auf dem Frontend anzuzeigen, verwenden Sie get_post_meta() in der WooCommerce-Produktvorlage.<\/p><pre class=\"wp-block-code\"><code>echo '&lt;div class=&quot;custom-field&quot;&gt;';\n\necho '&lt;label&gt;Benutzerdefiniertes Feld: &lt;\/label&gt; ';\n\necho get_post_meta( get_the_ID(), '_custom_product_text_field', true );\n\necho '&lt;\/div&gt;';<\/code><\/pre><h3 class=\"wp-block-heading\">Verwalten der Registerkarte \"Zus\u00e4tzliche Informationen\" von WooCommerce<\/h3><p>Die Registerkarte \"Zus\u00e4tzliche Informationen\" in WooCommerce ist n\u00fctzlich f\u00fcr die Anzeige detaillierter Produktattribute, aber vielleicht m\u00f6chten Sie ihren Inhalt anpassen oder sie in einigen F\u00e4llen sogar ausblenden.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"390\" src=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-433-1024x390.png\" alt=\"\" class=\"wp-image-4163\" srcset=\"https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-433-1024x390.png 1024w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-433-600x229.png 600w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-433-300x114.png 300w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-433-768x293.png 768w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-433-18x7.png 18w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-433-150x57.png 150w, https:\/\/www.openbyt.com\/wp-content\/uploads\/2024\/10\/image-433.png 1050w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h4 class=\"wp-block-heading\">Benutzerdefinierten Text auf der Registerkarte \"Zus\u00e4tzliche Informationen\" hinzuf\u00fcgen<\/h4><p>Um der Registerkarte \"Zus\u00e4tzliche Informationen\" benutzerdefinierte Inhalte, wie z.B. einen Link, hinzuzuf\u00fcgen, verwenden Sie den folgenden Code:<\/p><pre class=\"wp-block-code\"><code>add_action( 'woocommerce_product_additional_information', 'print_custom_html' );\n\nfunction print_custom_html() {\n\n    echo '&lt;a href=&quot;#&quot;&gt;Klicken Sie hier f&uuml;r weitere Details zum Produkt&lt;\/a&gt;';\n\n}<\/code><\/pre><h4 class=\"wp-block-heading\">Ausblenden oder Entfernen der Registerkarte \"Zus\u00e4tzliche Informationen\"<\/h4><p>Wenn ein Produkt keine zus\u00e4tzlichen Informationen erfordert (z.B. ein digitales Produkt), k\u00f6nnen Sie diese Registerkarte mit dem folgenden Code entfernen:<\/p><pre class=\"wp-block-code\"><code>add_filter( 'woocommerce_product_tabs', 'remove_additional_information_tab', 98 );\n\nfunction remove_additional_information_tab( $tabs ) {\n\n    unset( $tabs['additional_information'] );\n\n    return $tabs;\n\n}<\/code><\/pre><h3 class=\"wp-block-heading\">Fazit<\/h3><p>Das Hinzuf\u00fcgen zus\u00e4tzlicher Informationen zu WooCommerce-Produktseiten verbessert die Benutzerfreundlichkeit und die Suchmaschinenoptimierung. Die in WooCommerce integrierten Funktionen, Plugins wie Secure Custom Fields (SCF) und benutzerdefinierte Kodierung bieten flexible Optionen, um Produktseiten mit Details wie Farbe, Gr\u00f6\u00dfe, Material, Pflegehinweisen und Zertifizierungen anzureichern.<\/p><ul class=\"wp-block-list\"><li><strong>Eingebaute Funktionen verwenden<\/strong>: F\u00fcgen Sie im Handumdrehen Attribute direkt in den Produkteditor ein und verbessern Sie die Benutzerfreundlichkeit, indem Sie wichtige Details auf der Registerkarte \"Zus\u00e4tzliche Informationen\" anzeigen.<\/li>\n\n<li><strong>SCF-Plugin verwenden<\/strong>: Gehen Sie \u00fcber die Grundlagen hinaus und erstellen Sie benutzerdefinierte Felder, um spezifische Produktdetails wie Materialien oder Pflegeanweisungen darzustellen. So k\u00f6nnen Sie Informationen besser verwalten und f\u00fcr verschiedene Produkttypen anpassen.<\/li>\n\n<li><strong>Benutzerdefinierten Code verwenden<\/strong>: F\u00fcr fortgeschrittene Anpassungen bietet das Hinzuf\u00fcgen von benutzerdefinierten Feldern mit Code direkt in der Datei functions.php die vollst\u00e4ndige Kontrolle dar\u00fcber, wie die Informationen auf den Produktseiten dargestellt werden.<\/li><\/ul><p>Auf der Registerkarte \"Zus\u00e4tzliche Informationen\" k\u00f6nnen Sie je nach Produktanforderungen Inhalte hinzuf\u00fcgen, \u00e4ndern oder entfernen und so sicherstellen, dass Ihre Kunden ohne unn\u00f6tige Unordnung auf relevante Informationen zugreifen k\u00f6nnen. Insgesamt hilft die Anreicherung von WooCommerce-Produktseiten Ihren Kunden, fundierte Kaufentscheidungen zu treffen, die Konversionsrate zu erh\u00f6hen und gleichzeitig die SEO Ihrer Website zu verbessern.<\/p>","protected":false},"excerpt":{"rendered":"<p>In WooCommerce bieten Produktattribute eine flexible M\u00f6glichkeit, verschiedene Merkmale f\u00fcr unterschiedliche Arten von Produkten zu definieren. Die Einrichtung von Produktattributen kann die Benutzerfreundlichkeit verbessern...<\/p>","protected":false},"author":10,"featured_media":4171,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[61,57],"tags":[358,357],"class_list":["post-4143","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugin-usage-and-recommendation","category-plugins-theme","tag-adding-product-attributes-and-custom-fields","tag-woocommerce-product-customization",""],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/posts\/4143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/comments?post=4143"}],"version-history":[{"count":1,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/posts\/4143\/revisions"}],"predecessor-version":[{"id":4174,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/posts\/4143\/revisions\/4174"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/media\/4171"}],"wp:attachment":[{"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/media?parent=4143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/categories?post=4143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.openbyt.com\/de\/wp-json\/wp\/v2\/tags?post=4143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}