{"id":22027,"date":"2025-03-02T00:15:40","date_gmt":"2025-03-01T16:15:40","guid":{"rendered":"https:\/\/www.szlogic.net\/?p=22027"},"modified":"2025-04-18T23:50:17","modified_gmt":"2025-04-18T15:50:17","slug":"woocommerce-wordpress","status":"publish","type":"post","link":"https:\/\/www.szlogic.net\/de\/learn\/wordpress\/woocommerce-wordpress\/","title":{"rendered":"WooCommerce Aufbau: Praktische Anleitung zum WP E-Commerce-System"},"content":{"rendered":"<h1 class=\"wp-block-heading has-text-align-center\" style=\"margin-bottom:30px;font-size:31px\">WooCommerce Aufbau: Praktische Anleitung zum WP E-Commerce-System<\/h1>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"578\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u5efa\u7ad9.png\" alt=\"WooCommerce\u5efa\u7ad9\" class=\"wp-image-22099\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\" class=\"translation-block\"><strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/wordpress\/what-is-woocommerce\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/wordpress\/what-is-woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce<\/a><\/strong> ist eine als Plugin integrierte E-Commerce-L\u00f6sung im <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/wordpress\/what-is-wordpress\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/wordpress\/what-is-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress-Website-System<\/a><\/strong>. Obwohl WooCommerce und WordPress heute beide zur <strong><a href=\"https:\/\/automattic.com\/\" data-type=\"link\" data-id=\"https:\/\/automattic.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Automattic<\/a><\/strong>-Firma geh\u00f6ren, ist WooCommerce standardm\u00e4\u00dfig in der nativen Version von <strong><a href=\"https:\/\/wordpress.org\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WordPress.org<\/a><\/strong> nicht integriert, sondern muss vom Nutzer je nach Bedarf manuell installiert und aktiviert werden. Wenn wir die Funktionsweise von WooCommerce und dessen Beziehung zu WordPress besser verstehen, wird klar, dass der <strong>Aufbau einer WooCommerce-Website im Kern eine Erweiterung des WordPress-Webseitenaufbaus ist<\/strong>. Daher ist der Prozess der WooCommerce-Website-Erstellung eng mit dem Aufbau einer WordPress-Website verbunden.<\/p>\n\n\n\n<p class=\"translation-block\">Bevor Sie eine WooCommerce-Shop-Website einrichten, m\u00fcssen Sie zun\u00e4chst die WordPress-Installation abschlie\u00dfen und sicherstellen, dass die Website \u00fcber eine stabile Betriebsumgebung verf\u00fcgt. Anschlie\u00dfend muss im Entwicklungsprozess das <strong><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WooCommerce-Plugin<\/a><\/strong> heruntergeladen und installiert sowie im Backend aktiviert werden, damit WordPress E-Commerce-Funktionalit\u00e4t erh\u00e4lt. Nach der Installation kann die Website-Entwicklung weiter verfeinert werden. In der Regel wird der Inhalt in allgemeine Seiten und Shop-Seiten unterteilt, und die Kernfunktionen wie Warenkorb, Bestellverwaltung und Zahlungssystem werden konfiguriert oder durch individuelle Entwicklungen erweitert.\n\nDieser Artikel zeigt den gesamten WooCommerce-Einrichtungs- und Konfigurationsprozess anhand von Bildern und detaillierten Erkl\u00e4rungen. Von der WooCommerce-Plugin-Installation und -Aktivierung, der Integration von Zahlungssystemen, der Produktverwaltung bis hin zur Produktseitenbearbeitung wird jeder Schritt durch anschauliche Screenshots und klare Textanleitungen pr\u00e4sentiert, damit Leser die Vorg\u00e4nge verstehen und erfolgreich umsetzen k\u00f6nnen.<\/p>\n\n\n\n<p>Der Artikel \u201eWooCommerce Aufbau (vollst\u00e4ndiger Praxisleitfaden zur Einrichtung eines WooCommerce-Shops mit WordPress)\u201c gliedert sich in die folgenden Kapitel, um dem Leser detaillierte Anleitung und Demonstrationen zu bieten. Das Inhaltsverzeichnis enth\u00e4lt Haupt- und Unterkapitel mit eingebetteten Anker-Links, die ein schnelles Springen zu interessanten Abschnitten erm\u00f6glichen. Leser mit etwas Erfahrung oder solche, die bereits einige Schritte umgesetzt haben, k\u00f6nnen je nach Bedarf die grundlegenden Teile \u00fcberspringen und direkt \u00fcber die Kapitel\u00fcberschriften zu den relevanten Inhalten wechseln.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#woo\"><strong>In WordPress-Plugin-Verzeichnis WooCommerce installieren<\/strong><\/a>\n<ol class=\"wp-block-list\">\n<li><a href=\"#wp\">WooCommerce im WordPress-Plugin-Verzeichnis suchen und installieren<\/a><\/li>\n\n\n\n<li><a href=\"#enable\">WooCommerce aktivieren<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><a href=\"#access\"><strong>WooCommerce Zahlungssysteme einbinden<\/strong><\/a>\n<ol class=\"wp-block-list\">\n<li><a href=\"#paypal\">WooCommerce Integration von PayPal-Zahlungen<\/a><\/li>\n\n\n\n<li><a href=\"#credit\">WooCommerce Integration von Kreditkartenzahlungen<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><a href=\"#manage\"><strong>WooCommerce Produktverwaltung<\/strong><\/a>\n<ol class=\"wp-block-list\">\n<li><a href=\"#path\">Pfad zum WooCommerce Produktmanagement<\/a><\/li>\n\n\n\n<li><a href=\"#method\">WooCommerce Produkte einstellen<\/a><\/li>\n\n\n\n<li><a href=\"#edit\">WooCommerce Produktinhalte bearbeiten<\/a><\/li>\n\n\n\n<li><a href=\"#configure\">WooCommerce Produktdaten konfigurieren<\/a><\/li>\n\n\n\n<li><a href=\"#category\">WooCommerce Produktkategorien und Schlagw\u00f6rter verwalten<\/a><\/li>\n\n\n\n<li><a href=\"#settings\">WooCommerce Produkt-URLs einstellen<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><a href=\"#product\"><strong>WooCommerce Produktseiten bearbeiten<\/strong><\/a>\n<ol class=\"wp-block-list\">\n<li><a href=\"#theme\">Pfad zum Elementor Theme Builder<\/a><\/li>\n\n\n\n<li><a href=\"#woopage\">WooCommerce Produktkategorieseiten bearbeiten<\/a><\/li>\n\n\n\n<li><a href=\"#details\">WooCommerce Produktdetailseiten bearbeiten<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"woo\">\u4e00\u3001In WordPress-Plugin-Verzeichnis WooCommerce installieren<\/h2>\n\n\n\n<p>Um eine gew\u00f6hnliche WordPress-Website in eine leistungsstarke E-Commerce-Plattform zu verwandeln, ist der wichtigste technische Schritt die Installation und Aktivierung von WooCommerce \u00fcber das WordPress-Plugin-Verzeichnis. Nur wenn die WooCommerce-Erweiterung erfolgreich installiert wurde, kann der Website E-Commerce-Funktionalit\u00e4t hinzugef\u00fcgt und die Produktseitenbearbeitung sowie Funktionskonfigurationen weitergef\u00fchrt werden. Nach erfolgreicher Aktivierung von WooCommerce verf\u00fcgt Ihre Website \u00fcber die Kernfunktionen des Online-Shops wie Produktanzeige, Warenkorb, Checkout und Bestellverwaltung und schafft die Grundlage f\u00fcr die Integration fortgeschrittener Funktionen wie Zahlungssysteme, Steuereinstellungen und Versandoptionen.\n\nIn diesem Kapitel wird der Autor die Leser Schritt f\u00fcr Schritt durch den Prozess f\u00fchren, WooCommerce im WordPress-Plugin-Verzeichnis zu suchen und zu installieren sowie das Plugin in der Plugin-\u00dcbersicht zu aktivieren. Die Leser k\u00f6nnen den unten stehenden Anweisungen folgen und die Schritte entsprechend ausf\u00fchren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"wp\">1\u3001WooCommerce im WordPress-Plugin-Verzeichnis suchen und installieren<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-top:30px;margin-bottom:30px\">(1) Zum WordPress-Plugin-Verzeichnis wechseln<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2549\" height=\"1114\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/\u8fdb\u5165WP\u63d2\u4ef6\u76ee\u5f55.png\" alt=\"\u8fdb\u5165WP\u63d2\u4ef6\u76ee\u5f55\" class=\"wp-image-22112\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\" class=\"translation-block\">Wie im oberen Bild durch den roten Rahmen markiert, bewegen Sie die Maus im <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/wordpress\/wordpress-use\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/wordpress\/wordpress-use\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress-Adminbereich<\/a><\/strong> \u00fcber den Men\u00fcpunkt \u201ePlugins\u201c in der linken Seitenleiste. Klicken Sie im erscheinenden Men\u00fc auf \u201eNeues Plugin installieren\u201c, um zur unten abgebildeten WordPress-Plugin-Verzeichnis-Ansicht zu gelangen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(2) WooCommerce-Plugin suchen und installieren<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2546\" height=\"1294\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/\u5b89\u88c5WooCommerce\u63d2\u4ef6.png\" alt=\"\u5b89\u88c5WooCommerce\u63d2\u4ef6\" class=\"wp-image-22113\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Im WordPress-Plugin-Verzeichnis finden Sie oben rechts im Suchfeld (im roten Rahmen im Bild) das Eingabefeld. Geben Sie hier den Namen des gesuchten Plugins \u201eWooCommerce\u201c ein. Nach Eingabe dr\u00fccken Sie die Enter-Taste. Das System zeigt Ihnen die Suchergebnisse an. Klicken Sie im Ergebnis auf die Schaltfl\u00e4che \u201eJetzt installieren\u201c rechts neben dem WooCommerce-Plugin (wie im Bild im roten Rahmen markiert), um WooCommerce in Ihr WordPress-System zu installieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"enable\" style=\"margin-bottom:30px\">2\u3001WooCommerce aktivieren<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2528\" height=\"1088\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/\u542f\u7528WooCommerce.png\" alt=\"WooCommerce aktivieren\" class=\"wp-image-22114\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Nach erfolgreicher Installation und Aktivierung des WooCommerce-Plugins ist dem aufmerksamen Leser vielleicht schon aufgefallen, dass sich der Button rechts neben dem Plugin von \u201eJetzt installieren\u201c auf \u201eAktivieren\u201c ge\u00e4ndert hat. Klicken Sie einfach auf die Schaltfl\u00e4che \u201eAktivieren\u201c, um das WooCommerce-Plugin sofort zu aktivieren und f\u00fcr die weitere Konfiguration und Nutzung vorzubereiten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"access\">\u4e8c\u3001Integration der WooCommerce-Zahlungssysteme<\/h2>\n\n\n\n<p class=\"translation-block\">F\u00fcr <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/website-base\/e-commerce\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/website-base\/e-commerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">B2C-Einzelhandelsseiten<\/a><\/strong>, die sich nicht nur auf WooCommerce f\u00fcr die Produktverwaltung verlassen, ist die Anbindung eines passenden Zahlungssystems ein entscheidender Schritt, um den Online-Verkauf von Produkten zu erm\u00f6glichen. Im Allgemeinen sind PayPal und international verbreitete Kreditkartenzahlungssysteme die zwei h\u00e4ufigsten Zahlungsmethoden, die Website-Besuchern eine bequeme und sichere Zahlungserfahrung bieten. Die Qualit\u00e4t des Zahlungssystems hat in B2C-Shops direkten Einfluss auf die Zahlungsfreundlichkeit f\u00fcr Nutzer und somit auf die Konversionsrate des Umsatzes. Ein reibungsloser Bezahlvorgang verbessert nicht nur die Nutzererfahrung, sondern reduziert auch die Abbruchrate im Warenkorb und steigert dadurch effektiv die Verkaufsleistung der Seite.\n\nIn diesem Abschnitt erkl\u00e4rt der Autor detailliert, wie die beiden wichtigen Zahlungssysteme \u2014 PayPal und internationale Kreditkartenzahlungen \u2014 in WooCommerce integriert werden k\u00f6nnen. Durch klare Schritte und praktische Demonstrationen lernen die Leser, wie sie diese Zahlungsarten konfigurieren, um eine reibungslose Online-Zahlungsl\u00f6sung f\u00fcr ihre B2C-Seite bereitzustellen und so die Umsatzkonversion im globalen Markt zu erh\u00f6hen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"paypal\">1\u3001WooCommerce PayPal-Zahlung integrieren<\/h3>\n\n\n\n<p class=\"translation-block\"><strong>Hinweis:<\/strong> Bevor Sie mit dem Prozess zur Integration von PayPal-Zahlungen in WooCommerce beginnen, m\u00fcssen Sie <strong>\u00fcber ein PayPal-Gesch\u00e4ftskonto verf\u00fcgen, das f\u00fcr den Zahlungsempfang auf einer E-Commerce-Website eingerichtet ist<\/strong>. Dies ist eine notwendige Voraussetzung f\u00fcr eine erfolgreiche PayPal-Integration in WooCommerce; pers\u00f6nliche PayPal-Konten k\u00f6nnen nicht f\u00fcr das Zahlungssystem von Onlineshops verwendet werden. Falls Sie noch nicht <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/website-base\/register-paypal\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/website-base\/register-paypal\/\" target=\"_blank\" rel=\"noreferrer noopener\">ein PayPal-Gesch\u00e4ftskonto registriert und konfiguriert<\/a><\/strong> haben, empfiehlt es sich, zun\u00e4chst den vom Autor ver\u00f6ffentlichten Artikel \u201eWie man ein PayPal-Gesch\u00e4ftskonto registriert \/ Wie man ein PayPal-Gesch\u00e4ftskonto einrichtet\u201c zu lesen und Schritt f\u00fcr Schritt ein Gesch\u00e4ftskonto zu beantragen sowie sicherzustellen, dass die Empfangsfunktion ordnungsgem\u00e4\u00df aktiviert ist, bevor Sie mit der Integration fortfahren.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(1) Im WooCommerce-Zahlungseinstellungs-Startbildschirm den PayPal-Zahlungsprozess starten<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2343\" height=\"1275\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u63a5\u5165PayPal\u6536\u6b3e.png\" alt=\"WooCommerce Integration von PayPal-Zahlungen\" class=\"wp-image-22116\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Wie im obigen Bild gezeigt, erscheint nach erfolgreicher Installation und Aktivierung von WooCommerce im linken Men\u00fcbereich des WordPress-Adminbereichs ein neuer Eintrag \u201eZahlungen\u201c, der im roten Rahmen markiert ist. Klicken Sie auf \u201eZahlungen\u201c, dann zeigt der rechte Bereich die WooCommerce-Zahlungseinstellungen im Startbildschirm an. Klicken Sie in dieser Ansicht rechts neben \u201ePayPal Payments\u201c auf die Schaltfl\u00e4che \u201eStarten\u201c, die im roten Rahmen markiert ist. Dadurch gelangen Sie zum Konfigurationsprozess f\u00fcr die Integration von PayPal als Zahlungsmethode in WooCommerce.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(2) PayPal Payments Konfiguration Schritt 1: PayPal Payments installieren<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2542\" height=\"1240\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WP\u5b89\u88c5PayPal-Payments.png\" alt=\"WP\u5b89\u88c5PayPal Payments\" class=\"wp-image-22119\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Im Anschluss an den vorherigen Schritt und dem Klick auf \u201eStarten\u201c in den WooCommerce-Zahlungseinstellungen wechselt der rechte Bereich zum Installationsbildschirm f\u00fcr PayPal Payments, wie oben gezeigt. Die Installation von PayPal Payments erfolgt vollst\u00e4ndig automatisch und erfordert keine weitere manuelle Aktion. Nach Abschluss der Installation k\u00f6nnen Sie auf die \u201eStarten\u201c-Schaltfl\u00e4che im Bedienfeld klicken, um mit der weiteren Konfiguration fortzufahren.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(3) PayPal Payments Konfiguration Schritt 2: PayPal Payments aktivieren<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2558\" height=\"1294\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommer\u6fc0\u6d3bPayPal-Payments.png\" alt=\"WooCommer\u6fc0\u6d3bPayPal Payments\" class=\"wp-image-22120\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Nach dem Klick auf die \u201eStarten\u201c-Schaltfl\u00e4che im vorherigen Schritt \u00f6ffnet sich der Zahlungseinstellungs-Tab von WooCommerce, wie im Bild gezeigt. Scrollen Sie im Browser etwas nach unten, bis Sie die Schaltfl\u00e4che \u201eActivate PayPal\u201c (PayPal aktivieren) sehen, die im roten Rahmen markiert ist. Klicken Sie auf \u201eActivate PayPal\u201c, um die verbleibenden Schritte der PayPal-Integration abzuschlie\u00dfen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(4) PayPal Payments Konfiguration Schritt 3: PayPal-Anmeldedaten eingeben<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2238\" height=\"1301\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/Woo\u767b\u9646PayPal.png\" alt=\"Woo\u767b\u9646PayPal\" class=\"wp-image-22122\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Wie im Bild dargestellt, m\u00fcssen Sie in diesem Schritt im sich \u00f6ffnenden PayPal-Login-Fenster Ihre PayPal-Gesch\u00e4ftskonto-Daten korrekt eingeben. Um St\u00f6rungen w\u00e4hrend des Vorgangs zu vermeiden, klicken Sie zun\u00e4chst auf die im roten Rahmen markierte Schaltfl\u00e4che \u201eAkzeptieren\u201c, um die Cookie-Einstellungen zu best\u00e4tigen und entsprechende Hinweise zu schlie\u00dfen, sodass der Prozess reibungslos abl\u00e4uft. Anschlie\u00dfend geben Sie in das Feld f\u00fcr die E-Mail-Adresse die Registrierungs-E-Mail Ihres PayPal-Gesch\u00e4ftskontos ein, die zugleich Ihr PayPal-Login-Account ist. Zudem muss das Feld \u201eLand\/Region\u201c mit dem bei der Registrierung des Gesch\u00e4ftskontos gew\u00e4hlten Standort \u00fcbereinstimmen, da es sonst zu Anmeldefehlern oder anderen Verifizierungsproblemen kommen kann.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(5) PayPal Payments Konfiguration Schritt 4: PayPal-Kontopasswort eingeben<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1412\" height=\"1293\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/woo\u63a5\u5165PayPal\u8f93\u5165\u8d26\u53f7\u5bc6\u7801.png\" alt=\"woo\u63a5\u5165PayPal\u8f93\u5165\u8d26\u53f7\u5bc6\u7801\" class=\"wp-image-22124\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Wie im Bild gezeigt, nachdem Sie die PayPal-Anmeldedaten und das korrekte Land\/Region ausgew\u00e4hlt haben, m\u00fcssen Sie im aktuellen PayPal-Passwortfeld das Login-Passwort Ihres PayPal-Kontos eingeben. Nach korrekter Eingabe klicken Sie auf die Schaltfl\u00e4che \u201eAnmelden\u201c, um den PayPal-Login-Authentifizierungsprozess fortzusetzen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(6) PayPal Payments Konfiguration Schritt 5: Firmen- oder Organisationsinformationen bereitstellen<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1009\" height=\"1282\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/woo\u767b\u5f55PayPal\u63d0\u4f9b\u7ec4\u7ec7\u4fe1\u606f.png\" alt=\"woo\u767b\u5f55PayPal\u63d0\u4f9b\u7ec4\u7ec7\u4fe1\u606f\" class=\"wp-image-22126\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Wie im Bild dargestellt, liest das System w\u00e4hrend des PayPal-Login-Authentifizierungsschritts bei der WooCommerce-PayPal-Integration automatisch die registrierten Informationen Ihres PayPal-Gesch\u00e4ftskontos aus und fordert zur \u00dcbermittlung der Unternehmensdaten zur Verifikation auf. Wenn Ihre PayPal-Gesch\u00e4ftskontoinformationen vollst\u00e4ndig sind, m\u00fcssen Sie nichts weiter ausf\u00fcllen und k\u00f6nnen direkt auf die Schaltfl\u00e4che \u201eZustimmen und senden\u201c klicken, um diesen Schritt abzuschlie\u00dfen. Falls das System fehlende Daten meldet, m\u00fcssen Sie diese entsprechend erg\u00e4nzen und sicherstellen, dass alle erforderlichen Felder korrekt ausgef\u00fcllt sind, bevor Sie erneut auf \u201eZustimmen und senden\u201c klicken, um die PayPal-Zahlungsintegration erfolgreich abzuschlie\u00dfen. Nach erfolgreicher \u00dcbereinstimmungspr\u00fcfung der \u00fcbermittelten PayPal-Gesch\u00e4ftskontoinformationen haben Sie die gesamte WooCommerce-PayPal-Integration abgeschlossen. Anschlie\u00dfend kehren Sie zur WooCommerce-Zahlungseinstellungen-Startseite zur\u00fcck und pr\u00fcfen, ob der Status von PayPal Payments auf aktiviert steht; falls nicht, klicken Sie auf die Aktivieren-Schaltfl\u00e4che.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"credit\">2\u3001WooCommerce Kreditkartenzahlungen integrieren<\/h3>\n\n\n\n<p class=\"translation-block\">Beim Einbinden von Kreditkartenzahlungssystemen in WooCommerce schlie\u00dfen Cross-Border-E-Commerce-Unternehmen in der Regel zuerst Kooperationsvertr\u00e4ge mit Anbietern von Kreditkartenzahlungssystemen ab. Danach unterst\u00fctzt der Anbieter technisch und zeigt, wie die Plugin-Installation und Konfiguration erfolgt. \u00dcblicherweise wird dieser Installationsprozess von den WordPress-Entwicklern zusammen mit den Technikern der Zahlungsanbieter durchgef\u00fchrt. Allerdings <strong>sind nicht alle Kreditkartenzahlungs-Plugins im offiziellen WooCommerce-Plugin-Verzeichnis verf\u00fcgbar<\/strong>. Manche Anbieter stellen Plugin-Dateien oder Downloadlinks direkt bereit, die manuell hochgeladen und aktiviert werden m\u00fcssen. Unabh\u00e4ngig von der Installationsmethode kann mit technischer Unterst\u00fctzung des Anbieters sichergestellt werden, dass das Kreditkartenzahlungssystem erfolgreich aktiviert wird und Online-Zahlungen erm\u00f6glicht. Wenn Sie ausl\u00e4ndische Kreditkartenzahlungsanbieter wie <strong><a href=\"https:\/\/stripe.com\/zh-hk\" data-type=\"link\" data-id=\"https:\/\/stripe.com\/zh-hk\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Stripe<\/a><\/strong> oder <strong><a href=\"https:\/\/www.checkout.com\/\" data-type=\"link\" data-id=\"https:\/\/www.checkout.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Checkout<\/a><\/strong> nutzen m\u00f6chten, m\u00fcssen Sie zun\u00e4chst ein Konto registrieren und API-ID sowie Schl\u00fcssel erhalten. Diese Zugangsdaten werden f\u00fcr die Authentifizierung und Schnittstellenanbindung in WooCommerce ben\u00f6tigt. Wegen regionaler und sprachlicher Unterschiede erfordert der gesamte Installations- und Konfigurationsprozess ausl\u00e4ndischer Anbieter oft eine eigenst\u00e4ndige Durchf\u00fchrung durch den Nutzer. Falls Sie sich mit <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/website-base\/payment\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/website-base\/payment\/\" target=\"_blank\" rel=\"noreferrer noopener\">den g\u00e4ngigen in- und ausl\u00e4ndischen Kreditkartenzahlungsanbietern<\/a><\/strong> noch nicht gut auskennen, empfiehlt sich der vorherige Artikel des Autors \u201eInternationale Kreditkartenzahlungswege f\u00fcr eigenst\u00e4ndige Shops\u201c als Informationsquelle, um eine fundierte Wahl des passenden Zahlungsanbieters zu treffen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(1) Im WooCommerce-Zahlungseinstellungen-Startbildschirm ins Verzeichnis der Kreditkartenzahlungsanbieter wechseln<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2535\" height=\"1287\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u8fdb\u5165\u4fe1\u7528\u5361\u6536\u6b3e\u7cfb\u7edf\u63d0\u793a\u5546\u76ee\u5f55\u7684\u8def\u5f84.png\" alt=\"WooCommerce\u8fdb\u5165\u4fe1\u7528\u5361\u6536\u6b3e\u7cfb\u7edf\u63d0\u793a\u5546\u76ee\u5f55\u7684\u8def\u5f84\" class=\"wp-image-22117\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Wie im Bild gezeigt, w\u00e4hlen Sie im Zahlungseinstellungen-Startbildschirm \u201eMehr anzeigen\u201c, um in das Verzeichnis der Kreditkartenzahlungsanbieter zu gelangen und das bevorzugte oder bereits vertraglich gebundene Plugin zu suchen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(2) Im WooCommerce-Verzeichnis der Kreditkartenzahlungsanbieter das gew\u00fcnschte Plugin ausw\u00e4hlen und installieren<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2526\" height=\"1359\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u9009\u62e9\u4fe1\u7528\u5361\u6536\u6b3e\u7cfb\u7edf\u7684\u63d2\u4ef6\u5b89\u88c5.png\" alt=\"WooCommerce\u9009\u62e9\u4fe1\u7528\u5361\u6536\u6b3e\u7cfb\u7edf\u7684\u63d2\u4ef6\u5b89\u88c5\" class=\"wp-image-22130\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Wie im roten Rahmen im Bild markiert, w\u00e4hlen wir Stripe als Beispiel f\u00fcr die Installationsdemo. Klicken Sie im Stripe-Bereich auf die Schaltfl\u00e4che \u201eFree download\u201c links neben der Bewertung. Die Seite leitet Sie zur Stripe-Plugin-Downloadseite weiter.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-bottom:30px\">Stripe Installationsschritt 1: Im WooCommerce-Kreditkartenzahlungsanbieter-Verzeichnis \u201eAdd to store\u201c klicken<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2539\" height=\"1356\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u7684stripe\u4e3b\u9875.png\" alt=\"WooCommerce\u7684stripe\u4e3b\u9875\" class=\"wp-image-22133\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Nach dem Klick auf \u201eFree download\u201c gelangen Sie auf die Stripe-Startseite im WooCommerce-Verzeichnis. Finden Sie den roten Rahmen markierten Button \u201eAdd to store\u201c und klicken Sie diesen, um das Stripe-Plugin zum WooCommerce-Warenkorb hinzuzuf\u00fcgen. Wichtig: Die Stripe-Integration in WooCommerce erfolgt nicht wie herk\u00f6mmliche Plugin-Installationen direkt im WordPress-Backend, sondern wird online \u00fcber das WooCommerce-Kreditkartenzahlungsanbieter-Verzeichnis abgewickelt. Die Aktion f\u00fcgt Stripe nur zum WooCommerce-Konto-Warenkorb hinzu, ohne Kosten zu verursachen, und ist Teil des Installationsprozesses.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-bottom:30px\">Stripe Installationsschritt 2: WooCommerce-Konto erstellen und im Warenkorb anmelden<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2467\" height=\"1324\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/\u521b\u5efaWooCommerce\u7684\u8d26\u53f7\u5e76\u767b\u5f55\u8d2d\u7269\u8f66.png\" alt=\"\u521b\u5efaWooCommerce\u7684\u8d26\u53f7\u5e76\u767b\u5f55\u8d2d\u7269\u8f66\" class=\"wp-image-22135\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Auf der WooCommerce-Warenkorbseite m\u00fcssen Sie zun\u00e4chst ein WooCommerce-Konto erstellen und die Website-Informationen ausf\u00fcllen, um mit der Stripe-Integration fortzufahren. Klicken Sie auf den roten Rahmen markierten Link \u201eCreate account\u201c, um den Registrierungsvorgang abzuschlie\u00dfen. Nach erfolgreicher Anmeldung kehren Sie automatisch zur Warenkorbseite zur\u00fcck. Folgen Sie den Eingabeaufforderungen und f\u00fcllen die erforderlichen Felder aus. Am Ende klicken Sie unten im Warenkorb auf \u201eKauf best\u00e4tigen\u201c, um den Stripe-Plugin-Erwerb abzuschlie\u00dfen.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-bottom:30px\">Stripe Installationsschritt 3: Stripe dem WooCommerce-Shop hinzuf\u00fcgen<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2003\" height=\"1375\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/\u5c06Stripe\u6dfb\u52a0\u5230WooCommerce.png\" alt=\"\u5c06Stripe\u6dfb\u52a0\u5230WooCommerce\" class=\"wp-image-22137\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Als n\u00e4chstes f\u00fcgen Sie Stripe WooCommerce als Zahlungsmethode hinzu. Klicken Sie auf die im roten Rahmen markierte Schaltfl\u00e4che \u201eAdd to store\u201c rechts oben auf der Seite, um fortzufahren.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-bottom:30px\">Stripe Installationsschritt 4: Domainname der Website f\u00fcr Stripe-Installation eingeben<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1762\" height=\"1002\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/\u8f93\u5165Stripe\u5b89\u88c5\u7684\u7ad9\u70b9\u57df\u540d.png\" alt=\"\u8f93\u5165Stripe\u5b89\u88c5\u7684\u7ad9\u70b9\u57df\u540d\" class=\"wp-image-22139\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Im aktuellen Eingabefenster geben Sie im roten Rahmen den Domainnamen der Website ein, auf der Stripe installiert werden soll. Nach Best\u00e4tigung wird das Stripe-Plugin erfolgreich in WooCommerce installiert. Dadurch wird die Funktionalit\u00e4t und Datenkommunikation zwischen Stripe und WooCommerce sichergestellt, sodass die E-Commerce-Website Stripe als Zahlungsabwicklung nutzen kann.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-bottom:30px\">Stripe Installationsschritt 5: WooCommerce-Konto autorisieren, um eine Datenverbindung mit Stripe herzustellen<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1422\" height=\"1272\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/\u6388\u6743Stripe\u548cWoo\u8d26\u53f7\u8fde\u63a5.png\" alt=\"\u6388\u6743Stripe\u548cWoo\u8d26\u53f7\u8fde\u63a5\" class=\"wp-image-22141\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Wie im obigen Bild gezeigt, muss im Prozess der Stripe-Plugin-Installation und der Herstellung der Datenverbindung mit WooCommerce zur Erm\u00f6glichung der Kreditkartenzahlungen eine Autorisierung durchgef\u00fchrt werden, die WooCommerce erlaubt, eine Verbindung zu Stripe aufzubauen. Dies ist der letzte Schritt bei der Installation von Stripe in WooCommerce. Nach der erfolgreichen Autorisierung k\u00f6nnen Sie in den WooCommerce-Einstellungen \u00fcberpr\u00fcfen, ob das Plugin erfolgreich installiert wurde, und die Anmeldung mit Ihrer Stripe-ID und Ihrem Schl\u00fcssel vornehmen, um den ordnungsgem\u00e4\u00dfen Betrieb der Zahlungsfunktion sicherzustellen.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-bottom:30px\">Stripe Installationsschritt 6: Erfolgreiche Stripe-Installation<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2525\" height=\"1291\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/Stripe\u63d2\u4ef6\u6210\u529f\u5b89\u88c5.png\" alt=\"Stripe\u63d2\u4ef6\u6210\u529f\u5b89\u88c5\" class=\"wp-image-22144\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Nach Abschluss des Installationsprozesses des Stripe-Plugins im WooCommerce-Kreditkartenzahlungsanbieter-Verzeichnis k\u00f6nnen Sie unter dem Men\u00fcpunkt \u201eZahlungen\u201c in den WooCommerce-Einstellungen (wie im roten Rahmen im Bild gezeigt) \u00fcberpr\u00fcfen und best\u00e4tigen, ob Stripe erfolgreich installiert wurde. Wenn unter \u201eZahlungen\u201c eine neue Zahlungsmethode \u201eStripe\u201c hinzugef\u00fcgt wurde, ist die Installation erfolgreich. Anschlie\u00dfend klicken Sie auf die Schaltfl\u00e4che \u201eKonfiguration abschlie\u00dfen\u201c rechts, und folgen den Anweisungen auf der Stripe-Konfigurationsseite. Dort melden Sie sich mit dem bei der Stripe-Registrierung verwendeten Konto an und konfigurieren Schritt f\u00fcr Schritt die Stripe-ID und den Schl\u00fcssel. Danach k\u00f6nnen die WooCommerce-Produktkomponenten und Produktseiten den von Stripe bereitgestellten Kreditkartenzahlungsservice nutzen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"manage\">\u4e09\u3001WooCommerce Produktverwaltung<\/h2>\n\n\n\n<p class=\"translation-block\">Die Produktverwaltung von WooCommerce ist eine seiner attraktivsten und ausgereiftesten Kernfunktionen. Sie deckt umfassend alle Aspekte ab, die f\u00fcr eine E-Commerce-Website ben\u00f6tigt werden. Egal, ob es um das Hochladen von Produkten, die Konfiguration von Produktinhalten, die Einstellung von Produktdaten oder die Verwaltung von Kategorien geht \u2013 WooCommerce bietet leistungsstarke und flexible Unterst\u00fctzung. Nutzer k\u00f6nnen problemlos gro\u00dfe Produktbilder, Miniaturansichten, Videoanzeigen, detaillierte Produktbeschreibungen und andere Elemente einrichten, um eine klare und ansprechende Pr\u00e4sentation der Produkte sicherzustellen. Dar\u00fcber hinaus erm\u00f6glicht WooCommerce detaillierte Einstellungen der Produktdaten wie Preis, Lagerbestand, Gewicht, Ma\u00dfe usw., was H\u00e4ndlern hilft, Produktinformationen effizient zu verwalten und das Lager effektiv zu steuern.\n\nNoch wichtiger ist, dass WooCommerce flexible Funktionen f\u00fcr Produktkategorien und Schlagw\u00f6rter bereitstellt, so dass H\u00e4ndler Produkte nach Typ, Zweck und anderen Dimensionen klassifizieren k\u00f6nnen, was die Suche und Filterung f\u00fcr Nutzer erleichtert. F\u00fcr die URL-Einstellungen der Produktseiten bietet WooCommerce ebenfalls eine einfache M\u00f6glichkeit zur individuellen Anpassung. H\u00e4ndler k\u00f6nnen <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/seo\/seo\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/seo\/seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">SEO-freundliche Linkstrukturen<\/a><\/strong> definieren, um die Suchmaschinen-Rankings und das Nutzererlebnis effektiv zu verbessern. Mit diesen Funktionen macht WooCommerce die Produktverwaltung nicht nur effizient, sondern auch \u00e4u\u00dferst bedienerfreundlich und liefert eine starke Backend-Unterst\u00fctzung f\u00fcr WordPress-E-Commerce-Websites.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"path\" style=\"margin-bottom:30px\">1\u3001Zugang zur WooCommerce-Produktverwaltung<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2525\" height=\"1293\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/\u8fdb\u5165WooCommerce\u5546\u54c1\u7ba1\u7406\u7684\u8def\u5f84.png\" alt=\"Pfad zum WooCommerce Produktmanagement\" class=\"wp-image-22148\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Wie im roten Rahmen des oberen Bildes gezeigt, erfolgt der Zugang zur WooCommerce-Produktverwaltung \u00fcber den Men\u00fcpunkt \u201eProdukte\u201c in der linken Werkzeugleiste des WordPress-Adminbereichs. Danach wechselt der rechte Inhaltsbereich zur Startseite der Produktverwaltung, welche die Produktlistenansicht von WooCommerce darstellt. Hier k\u00f6nnen Produkte eingesehen, bearbeitet, hinzugef\u00fcgt oder gel\u00f6scht werden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"method\" style=\"margin-bottom:30px\">2\u3001WooCommerce-Produkte hinzuf\u00fcgen<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2523\" height=\"1312\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u4ea7\u54c1\u4e0a\u67b6\u65b9\u6cd5.png\" alt=\"WooCommerce Produkte einstellen\" class=\"wp-image-22149\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Wie im roten Rahmen des Bildes markiert, gibt es zwei Wege, um in WooCommerce die Seite zum Hinzuf\u00fcgen neuer Produkte zu erreichen: Entweder klicken Sie im WordPress-Adminbereich in der linken Werkzeugleiste unter \u201eProdukte\u201c auf den Button \u201eNeues Produkt hinzuf\u00fcgen\u201c oder Sie klicken oben auf der Startseite der Produktverwaltung auf die Schaltfl\u00e4che \u201eNeues Produkt hinzuf\u00fcgen\u201c. Beide Wege f\u00fchren zum Produktbearbeitungsbildschirm, wo Sie mit der Eingabe neuer Produkte beginnen k\u00f6nnen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"edit\" style=\"margin-bottom:30px\">3\u3001WooCommerce Produktinhalte bearbeiten<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2521\" height=\"1305\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u4ea7\u54c1\u7f16\u8f91\u6a21\u5f0f.png\" alt=\"WooCommerce\u4ea7\u54c1\u7f16\u8f91\u6a21\u5f0f\" class=\"wp-image-22151\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\" class=\"translation-block\">Das obige Bild zeigt den Produktbearbeitungsmodus von WooCommerce. Auf der Startseite der Produktverwaltung (Produktlistenansicht) gelangen Sie zur Detailbearbeitung eines Produkts, indem Sie entweder auf den Produktnamen in der Liste klicken oder mit der Maus \u00fcber einen Eintrag fahren und auf den erscheinenden Link \u201eBearbeiten\u201c klicken. Auf der Produktbearbeitungsseite k\u00f6nnen <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/seo\/marketing\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/seo\/marketing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Betreiber von eigenst\u00e4ndigen Shops<\/a><\/strong> umfangreiche Elemente und Medien zum Produkt hinzuf\u00fcgen, um die Produktpr\u00e4sentation zu verbessern und die Nutzererfahrung zu optimieren. Im Folgenden werden die wichtigsten Funktionen f\u00fcr das Hinzuf\u00fcgen von Produktelementen und Pr\u00e4sentationsmedien im Produktbearbeitungsbildschirm vorgestellt:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(1) Produkttitel<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2500\" height=\"1301\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/Woo\u7684\u4ea7\u54c1\u6807\u9898\u8bbe\u7f6e.png\" alt=\"Woo\u7684\u4ea7\u54c1\u6807\u9898\u8bbe\u7f6e\" class=\"wp-image-22153\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\" class=\"translation-block\">Oben auf der Bearbeitungsseite (im roten Rahmen des obigen Bildes markiert) befindet sich ein Eingabefeld f\u00fcr den Produkttitel. Dieser Titel wird direkt auf der Produktdetailseite und in der Listenansicht angezeigt. Es wird empfohlen, einen klaren und pr\u00e4gnanten Titel zu verwenden, der <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/seo\/seo\/#research\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/seo\/seo\/#research\" target=\"_blank\" rel=\"noreferrer noopener\">Schl\u00fcsselw\u00f6rter<\/a><\/strong> enth\u00e4lt, damit Nutzer das Produkt leichter finden und verstehen k\u00f6nnen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">(2) Produktbeschreibung<\/h4>\n\n\n\n<p>WooCommerce unterscheidet zwei Arten von Produktbeschreibungen, wie in den folgenden Beispielbildern gezeigt: Kurzbeschreibung und vollst\u00e4ndige Beschreibung. Im ersten Beispielbild ist der links im roten Rahmen markierte Text die Kurzbeschreibung; im zweiten Beispielbild ist der im roten Rahmen markierte Text die vollst\u00e4ndige Beschreibung.<\/p>\n\n\n\n<p style=\"margin-bottom:30px\">Beispiel Kurzbeschreibung:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2535\" height=\"1298\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u77ed\u63cf\u8ff0\u793a\u4f8b\u56fe.png\" alt=\"WooCommerce\u77ed\u63cf\u8ff0\u793a\u4f8b\u56fe\" class=\"wp-image-22154\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px;margin-bottom:30px\">Beispiel vollst\u00e4ndige Beschreibung:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2544\" height=\"1279\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u5b8c\u6574\u63cf\u8ff0\u793a\u4f8b\u56fe.png\" alt=\"WooCommerce\u5b8c\u6574\u63cf\u8ff0\u793a\u4f8b\u56fe\" class=\"wp-image-22155\"\/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-top:30px;margin-bottom:30px\">Kurzbeschreibung<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2528\" height=\"1275\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u5546\u54c1\u7b80\u77ed\u63cf\u8ff0.png\" alt=\"WooCommerce\u5546\u54c1\u7b80\u77ed\u63cf\u8ff0\" class=\"wp-image-22156\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Der Bereich f\u00fcr die Kurzbeschreibung befindet sich nicht oben auf der Produktbearbeitungsseite, sondern n\u00e4her am unteren Bereich (siehe roter Rahmen im obigen Bild). Man muss im Browser nach unten scrollen, um diesen Bereich zu sehen. WooCommerce stellt ein Feld \u201eKurzbeschreibung\u201c bereit, das dazu dient, die wichtigsten Merkmale des Produkts an prominenter Stelle auf der Produktdetailseite hervorzuheben.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-bottom:30px\">Vollst\u00e4ndige Beschreibung<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2526\" height=\"1280\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u5546\u54c1\u5b8c\u6574\u63cf\u8ff0.png\" alt=\"WooCommerce\u5546\u54c1\u5b8c\u6574\u63cf\u8ff0\" class=\"wp-image-22157\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Die vollst\u00e4ndige Beschreibung wird auch als Langbeschreibung bezeichnet und befindet sich im oberen Bereich der Seite, direkt unterhalb des Produkttitels, wie im Bild gezeigt. In diesem Bereich kann eine ausf\u00fchrlichere Produktbeschreibung verfasst werden, einschlie\u00dflich Gebrauchsanweisungen, Spezifikationen, Vorteilen und weiteren Details. Die Bearbeitung unterst\u00fctzt Rich-Text-Formatierungen, sodass Bilder, Listen, Links und formatierten Text eingef\u00fcgt werden k\u00f6nnen, um die Inhalte ansprechender zu gestalten.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">(3) Produktbilder<\/h4>\n\n\n\n<p>WooCommerce unterst\u00fctzt zwei Arten von Produktbildern: Produktbild (auch Titelbild genannt) und Produktgalerie. Die Bearbeitungsbereiche und Hinweise zur Bedienung sind wie folgt:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-bottom:30px\">Produktbild (Titelbild)<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2519\" height=\"1300\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u7f16\u8f91\u4ea7\u54c1\u56fe\u7247.png\" alt=\"WooCommerce\u7f16\u8f91\u4ea7\u54c1\u56fe\u7247\" class=\"wp-image-22159\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Das Produktbild ist das Hauptbild des Produkts, das auf der Produktdetailseite als erstes Bild sowie als Titelbild in Produktkomponenten angezeigt wird. Die Bearbeitungsfunktion f\u00fcr das Produktbild befindet sich rechts auf der Produktbearbeitungsseite (siehe markierte Position im Bild). Dort kann man das Bild anklicken, um es zu \u00e4ndern oder zu aktualisieren.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-bottom:30px\">Produktgalerie<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2533\" height=\"1289\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u7f16\u8f91\u4ea7\u54c1\u76f8\u518c.png\" alt=\"WooCommerce\u7f16\u8f91\u4ea7\u54c1\u76f8\u518c\" class=\"wp-image-22160\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Der Bereich \u201eProduktgalerie\u201c befindet sich unter dem Bereich \u201eProduktbild\u201c. \u00dcber die Schaltfl\u00e4che \u201eProduktgaleriebilder hinzuf\u00fcgen\u201c k\u00f6nnen mehrere Bilder hochgeladen werden, die als Galerie f\u00fcr das aktuelle Produkt dienen. Diese Bilder werden auf der Produktdetailseite in einer Diashow angezeigt, um verschiedene Perspektiven oder Nutzungsszenarien des Produkts zu pr\u00e4sentieren und so die Produktpr\u00e4sentation zu verbessern.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(4) Medien einf\u00fcgen (Mediendateien hinzuf\u00fcgen)<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1711\" height=\"1247\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/02\/WooCommerce\u4ea7\u54c1\u7f16\u8f91\u6dfb\u52a0\u5a92\u4f53\u6587\u4ef6.png\" alt=\"WooCommerce\u4ea7\u54c1\u7f16\u8f91\u6dfb\u52a0\u5a92\u4f53\u6587\u4ef6\" class=\"wp-image-22161\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">In den Bereichen f\u00fcr Produktbeschreibung und Kurzbeschreibung gibt es, wie im roten Rahmen im Bild gezeigt, die Schaltfl\u00e4che \u201eMedien hinzuf\u00fcgen\u201c. Nutzer k\u00f6nnen durch Klicken auf diese Schaltfl\u00e4che Bilder, Videos oder andere Anh\u00e4nge einf\u00fcgen, um die visuelle Wirkung der Produktpr\u00e4sentation zu verst\u00e4rken.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"configure\" style=\"margin-bottom:30px\">4\u3001WooCommerce Produktdaten-Konfiguration<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2530\" height=\"1307\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/WooCommerce\u4ea7\u54c1\u6570\u636e\u914d\u7f6e.png\" alt=\"WooCommerce Produktdaten konfigurieren\" class=\"wp-image-22163\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Scrollen Sie im Browser bis zur Mitte der Seite, um den im roten Rahmen markierten Bereich \u201eProduktdaten\u201c zu sehen. In der WooCommerce-Produktbearbeitungsseite umfasst dieser Bereich mehrere Einstellungsoptionen wie Produktpreis, Lagerbestand, Versand und Produkteigenschaften. Im Folgenden erkl\u00e4rt der Autor die spezifischen Funktionen und Anwendungsm\u00f6glichkeiten dieser Einstellungen Schritt f\u00fcr Schritt.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">(1) Allgemein<\/h4>\n\n\n\n<p>Der Tab \u201eAllgemein\u201c dient zur Einstellung der grundlegenden Verkaufsinformationen des Produkts, einschlie\u00dflich des regul\u00e4ren Preises und des Sonderpreises:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Regul\u00e4rer Preis:<\/strong> Geben Sie den Standardverkaufspreis des Produkts ein, also den Preis, den Kunden ohne Rabatt zahlen.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Sonderpreis:<\/strong> Hier wird ein zeitlich begrenzter Rabatt- oder Aktionspreis festgelegt. H\u00e4ndler k\u00f6nnen au\u00dferdem den Zeitraum einstellen, in dem WooCommerce den Sonderpreis automatisch aktiviert oder deaktiviert.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">(2) Lagerbestand<\/h4>\n\n\n\n<p>Der Tab \u201eLagerbestand\u201c erm\u00f6glicht es H\u00e4ndlern, die verf\u00fcgbare Menge und Kaufbeschr\u00e4nkungen zu verwalten:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Lagerverwaltung:<\/strong> Wenn aktiviert, kann die verf\u00fcgbare Lageranzahl eingegeben werden; WooCommerce stoppt den Verkauf automatisch bei Ausverkauf.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Lagerbestand Menge:<\/strong> Eingabe der aktuell verf\u00fcgbaren Verkaufseinheiten; dieser Wert wird nach jedem Verkauf automatisch aktualisiert.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Lagerstatus:<\/strong> Manuelle Anpassung des Lagerstatus, z. B. \u201eAuf Lager\u201c, \u201eNicht vorr\u00e4tig\u201c oder \u201eVersp\u00e4tete Lieferung\u201c.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Einzeln verkaufen:<\/strong> Wenn aktiviert, kann jeder Kunde nur eine Einheit dieses Produkts pro Bestellung kaufen, geeignet f\u00fcr limitierte Editionen oder spezielle Verkaufsstrategien.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">(3) Versand<\/h4>\n\n\n\n<p>Im Tab \u201eVersand\u201c k\u00f6nnen H\u00e4ndler das Gewicht, die Abmessungen und die Versandklasse des Produkts definieren:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Gewicht (kg):<\/strong> Geben Sie das tats\u00e4chliche Produktgewicht ein (Einheit gem\u00e4\u00df WooCommerce-Einstellungen, z. B. Kilogramm oder Pfund) zur Berechnung der Versandkosten.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Abmessungen (cm):<\/strong> L\u00e4nge, Breite und H\u00f6he des Produkts zur Ermittlung der Logistikkosten oder zur Anwendung spezifischer Versandregeln.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Versandklasse:<\/strong> WooCommerce unterst\u00fctzt benutzerdefinierte Versandklassen, die zur Zuweisung spezifischer Versandkosten verwendet werden. Nach Einrichtung der Versandkostenregeln im WooCommerce-Backend kann hier die passende Versandklasse ausgew\u00e4hlt werden.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">(4) Verkn\u00fcpfte Produkte<\/h4>\n\n\n\n<p>Der Tab \u201eVerkn\u00fcpfte Produkte\u201c dient zur Einstellung von Cross-Selling- und Upselling-Strategien zur Erh\u00f6hung des Warenkorbwerts und der Conversion-Rate:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Cross-Sells:<\/strong> Produkte, die auf der Warenkorbseite als Empfehlungen angezeigt werden, z. B. beim Kauf einer Kamera die Empfehlung von Speicherkarten.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Upsells:<\/strong> Produkte, die auf der Produktdetailseite angezeigt werden und oft h\u00f6herwertige oder besser ausgestattete Artikel empfehlen, z. B. beim Kauf einer Basisausf\u00fchrung die Empfehlung eines Premiummodells.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">(5) Attribute<\/h4>\n\n\n\n<p>Der Tab \u201eAttribute\u201c erlaubt die Definition von Produktspezifikationen oder Varianten, wie Farbe, Gr\u00f6\u00dfe, Material etc.:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Benutzerdefinierte Attribute:<\/strong> Manuelles Hinzuf\u00fcgen von Produkteigenschaften, z. B. \u201eFarbe: Rot, Blau\u201c oder \u201eMaterial: Baumwolle, Polyester\u201c.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Globale Attribute:<\/strong> Falls im WooCommerce-Men\u00fc \u201eProdukte &gt; Attribute\u201c allgemeine Attribute definiert sind, k\u00f6nnen diese hier direkt angewendet werden, um mehrere Produkte einheitlich zu konfigurieren.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Variantenf\u00e4higkeit:<\/strong> Bei variablen Produkten werden Attribute verwendet, um verschiedene Produktversionen zu erstellen, z. B. \u201eGr\u00f6\u00dfe: S\/M\/L\u201c, die mehreren SKUs entsprechen.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">(6) Erweitert<\/h4>\n\n\n\n<p>Der Tab \u201eErweitert\u201c bietet zus\u00e4tzliche Produktoptionen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Kaufhinweise:<\/strong> Erm\u00f6glicht das Einf\u00fcgen einer Nachricht, die nach dem Kauf sichtbar ist, z. B. \u201eVielen Dank f\u00fcr Ihren Kauf! Die Lieferung erfolgt voraussichtlich in 3-5 Tagen.\u201c<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Men\u00fc-Reihenfolge:<\/strong> Manuelle Sortierung der Produkte in WooCommerce-Katalogen; je kleiner die Zahl, desto weiter vorne wird das Produkt gelistet.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Bewertungen erlauben:<\/strong> Legt fest, ob Kunden auf der Produktseite Bewertungen und Kommentare hinterlassen d\u00fcrfen, n\u00fctzlich f\u00fcr Social Proof Marketing.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"category\" style=\"margin-bottom:30px\">5\u3001Verwaltung von WooCommerce-Produktkategorien und -Tags<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2532\" height=\"1314\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/WooCommerce\u4ea7\u54c1\u5206\u7c7b\u548c\u6807\u7b7e\u7ba1\u7406.png\" alt=\"WooCommerce Produktkategorien und Schlagw\u00f6rter verwalten\" class=\"wp-image-22165\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\" class=\"translation-block\">Die Verwaltung der Produktkategorien und -Tags in WooCommerce befindet sich, wie im obigen Bild durch die roten Rahmen links und rechts markiert, entweder \u00fcber die linke Seitenleiste unter \u201eProdukte\u201c &gt; \u201eKategorien\u201c oder \u201eTags\u201c oder \u00fcber die Bereiche \u201eProduktkategorien\u201c und \u201eProdukt-Tags\u201c auf der rechten Seite. Nach dem Anlegen einer Produktkategorie kann man diese durch Ankreuzen ausw\u00e4hlen, um das aktuelle Produkt dieser Kategorie zuzuordnen. Es ist zu beachten, dass WooCommerce bei jedem neu erstellten Produkt-Tag standardm\u00e4\u00dfig dynamisch eine neue URL erzeugt, die der Produktseite \u00e4hnlich ist. Ohne entsprechende SEO-Optimierung kann dies zu einem <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/seo\/seo\/#canonical\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/seo\/seo\/#canonical\" target=\"_blank\" rel=\"noreferrer noopener\">Problem mit doppelten Seiten f\u00fcr Suchmaschinen<\/a><\/strong> f\u00fchren und die SEO-Leistung negativ beeinflussen. Deshalb ist es beim Erstellen von Produktkategorien und -Tags unbedingt notwendig, gleichzeitig SEO-Ma\u00dfnahmen durchzuf\u00fchren, um unerw\u00fcnschte negative Auswirkungen auf Suchmaschinen zu vermeiden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"settings\" style=\"margin-bottom:30px\">6\u3001WooCommerce-Produkt-URL-Einstellungen<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2479\" height=\"1137\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/WooCommerce\u4ea7\u54c1\u81ea\u5b9a\u4e49URL.png\" alt=\"WooCommerce\u4ea7\u54c1\u81ea\u5b9a\u4e49URL\" class=\"wp-image-22168\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Auf der Produktbearbeitungsseite von WooCommerce befindet sich die Funktion zur individuellen URL-Einstellung direkt unterhalb des Produkttitels, eng neben dem Titel, wie im obigen Bild im roten Rahmen dargestellt. Diese Funktion erlaubt es dem Nutzer, den URL-Slug der Produktdetailseite individuell anzupassen, um die URL-Struktur der Website zu optimieren. Durch Klick auf den \u201eBearbeiten\u201c-Button rechts neben der URL k\u00f6nnen die Webseitenbetreiber den Slug manuell \u00e4ndern, sodass er besser den SEO-Richtlinien und der Lesbarkeit f\u00fcr Nutzer entspricht. Eine sinnvolle Einstellung der Produkt-URL unterst\u00fctzt eine effektivere Indexierung durch Suchmaschinen und verbessert zugleich das Nutzererlebnis. Zum Beispiel enthalten die standardm\u00e4\u00dfigen WooCommerce-Produkt-URLs oft automatisch generierte IDs oder andere nichtssagende Zeichen, w\u00e4hrend ein individuell gestalteter Slug die URL klarer, verst\u00e4ndlicher und mit den Schl\u00fcsselw\u00f6rtern des Produkts versehen macht, was die Lesbarkeit und das Ranking der Seite erh\u00f6ht. Dar\u00fcber hinaus ist es wichtig, die URL-Stabilit\u00e4t zu wahren: Sobald die Produkt-URL festgelegt und von Suchmaschinen indexiert wurde, sollte sie nicht h\u00e4ufig ge\u00e4ndert werden, um negative SEO-Effekte oder den Ausfall bereits indexierter Links zu vermeiden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"product\">\u56db\u3001WooCommerce-Produktseitenbearbeitung<\/h2>\n\n\n\n<p class=\"translation-block\">WooCommerce-Produktseiten unterst\u00fctzen die Verwendung von <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/wordpress\/basic-configuration\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/wordpress\/basic-configuration\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor<\/a><\/strong> als Editor, der eine hohe Flexibilit\u00e4t und Anpassbarkeit bietet, sodass Techniker das Design und die Entwicklung des Stils entsprechend den Markenanforderungen und der Nutzererfahrung vornehmen k\u00f6nnen. Mithilfe des Theme Builders von Elementor k\u00f6nnen Techniker \u201eProducts Archive\u201c (Produktarchivseiten) und \u201eSingle Product\u201c (Einzelproduktdetailseiten) Template-Dateien erstellen und anpassen, um das Layout, die Interaktionsm\u00f6glichkeiten und die Funktionalit\u00e4t der WooCommerce-Produktkategorieseiten und einzelner Produktseiten zu definieren. Die Template-Designregeln von Elementor sind \u00e4u\u00dferst flexibel und erlauben eine pr\u00e4zise Kontrolle aller Details der Seite. Techniker k\u00f6nnen nicht nur \u00fcber die visuelle Oberfl\u00e4che schnell Seitenelemente anpassen, sondern auch mithilfe von Routing-Regeln das Styling auf einzelne Produktseiten oder bestimmte Kategorieseiten spezifizieren. Ob es um die Darstellungsart, Produktbilder, Button-Styles oder die Anordnung von Produktbeschreibungen und weiteren Informationen geht \u2013 Elementor erm\u00f6glicht es Technikern, die Seite detailliert nach Bedarf zu gestalten und sicherzustellen, dass jede Seite perfekt zur Markenidentit\u00e4t und den Nutzerbed\u00fcrfnissen passt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"theme\" style=\"margin-bottom:30px\">1\u3001Zugriffspfad zum Theme Builder von Elementor<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2530\" height=\"951\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u8fdb\u5165Elementor\u7684\u4e3b\u9898\u751f\u6210\u5668\u7684\u8def\u5f84.png\" alt=\"Pfad zum Elementor Theme Builder\" class=\"wp-image-22171\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Nachdem wir uns mit einem Administrator-Konto im WordPress-Backend angemeldet haben, erscheint oben auf der Frontend-Seite die standardm\u00e4\u00dfige WordPress-Toolbar. Wenn man mit der Maus \u00fcber den Punkt \u201eMit Elementor bearbeiten\u201c f\u00e4hrt, \u00f6ffnet sich ein Elementor-Men\u00fc. Durch erneutes Klicken auf \u201eTheme Builder\u201c (wie im obigen Bild im roten Rahmen markiert) gelangt man zur Bedienoberfl\u00e4che des Elementor Theme Builders. Dort k\u00f6nnen wir verschiedene von Elementor erstellte Seitenvorlagen anlegen und verwalten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"woopage\">2\u3001Bearbeitung der WooCommerce-Produktkategorieseite<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-top:30px;margin-bottom:30px\">(1) Erstellen einer Vorlage f\u00fcr die WooCommerce-Produktkategorieseite<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2558\" height=\"1349\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u521b\u5efaWooCommerce\u4ea7\u54c1\u5206\u7c7b\u9875\u6a21\u677f\u6587\u4ef6.png\" alt=\"\u521b\u5efaWooCommerce\u4ea7\u54c1\u5206\u7c7b\u9875\u6a21\u677f\u6587\u4ef6\" class=\"wp-image-22174\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Im Theme Builder von Elementor w\u00e4hlt man zun\u00e4chst im linken Men\u00fc, wie im obigen Bild gezeigt, die Option \u201eProducts Archive\u201c, um zur Vorlageneinstellung f\u00fcr die WooCommerce-Produktarchivseite zu gelangen. Anschlie\u00dfend klickt man im Inhaltsbereich rechts oben auf die Schaltfl\u00e4che \u201eAdd New\u201c (im roten Rahmen markiert), um eine neue Vorlage f\u00fcr die WooCommerce-Produktkategorieseite zu erstellen. Standardm\u00e4\u00dfig wechselt die Seite nach dem Klick auf \u201eAdd New\u201c automatisch in den Bearbeitungsmodus der Produktkategorieseiten-Vorlage.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-bottom:30px\">(2) Bearbeitung der WooCommerce-Produktkategorieseiten-Vorlage<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2547\" height=\"1433\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u7f16\u8f91WooCommerce\u4ea7\u54c1\u5206\u7c7b\u9875\u6a21\u677f\u6587\u4ef6.png\" alt=\"\u7f16\u8f91WooCommerce\u4ea7\u54c1\u5206\u7c7b\u9875\u6a21\u677f\u6587\u4ef6\" class=\"wp-image-22173\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Im aktuellen Elementor-Bearbeitungsmodus k\u00f6nnen Nutzer die Module \u201eProduct Archive\u201c (Produktarchiv) und \u201eWooCommerce\u201c aus der linken Seitenleiste verwenden, um die Layouts und Inhalte der WooCommerce-Produktkategorieseite per Drag &amp; Drop intuitiv anzupassen. Im Modul \u201eProduct Archive\u201c kann man beispielsweise \u201eArchive Title\u201c (Archiv-Titel) w\u00e4hlen, um den aktuellen Kategorienamen anzuzeigen, \u201eArchive Products\u201c (Archiv-Produkte) zur Darstellung der Produktliste dieser Kategorie und \u201eArchive Description\u201c (Archiv-Beschreibung), um eine detaillierte Beschreibung der Kategorie hinzuzuf\u00fcgen. Die Kombination dieser Komponenten verleiht der Produktkategorieseite eine bessere Struktur und verbessert das Benutzererlebnis.<\/p>\n\n\n\n<p>Au\u00dferdem stellt das Modul \u201eWooCommerce\u201c Funktionen wie \u201eProducts\u201c (Produkte), \u201eProduct Categories\u201c (Produktkategorien) und \u201eCustom Add To Cart\u201c (benutzerdefinierte Zum-Warenkorb-Hinzuf\u00fcgen) bereit. Nutzer k\u00f6nnen je nach Bedarf die Produktkategorieseite mit weiteren Seitenelementen kombinieren, zum Beispiel durch \u201eWooCommerce Breadcrumbs\u201c (WooCommerce-Brotkrumen-Navigation), um die Navigierbarkeit zu verbessern, oder mit \u201eMenu Cart\u201c (Men\u00fc-Warenkorb), um eine Warenkorb-Schaltfl\u00e4che einzuf\u00fcgen, die es den Nutzern erm\u00f6glicht, ihre ausgew\u00e4hlten Produkte jederzeit einzusehen. Dank der visuellen Bearbeitungsm\u00f6glichkeiten von Elementor k\u00f6nnen Nutzer Layouts frei anpassen und Stile ver\u00e4ndern, sodass die Darstellung der Produktkategorieseite optimal zur Markenidentit\u00e4t und Benutzererfahrung passt. Gleichzeitig unterst\u00fctzt Elementor eine Live-Vorschau, sodass die Nutzer w\u00e4hrend der Bearbeitung die Seitenwirkung sofort sehen und sicherstellen k\u00f6nnen, dass das finale Produktkategorieseiten-Design den Erwartungen entspricht.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">(3) Ver\u00f6ffentlichung der WooCommerce-Kategorieseiten-Vorlage und Festlegung der Anwendungsregeln<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-top:30px\">Erster Schritt bei der Ver\u00f6ffentlichung und Festlegung der Anwendungsregeln f\u00fcr WooCommerce-Kategorieseiten-Vorlagen:<\/h5>\n\n\n\n<p style=\"margin-bottom:30px\">Klicken Sie auf den \u201eVer\u00f6ffentlichen\u201c-Button, wie im folgenden Bild links im roten Rahmen markiert.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2544\" height=\"1368\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u6a21\u677f\u6587\u4ef6\u53d1\u5e03\u64cd\u4f5c.png\" alt=\"\u6a21\u677f\u6587\u4ef6\u53d1\u5e03\u64cd\u4f5c\" class=\"wp-image-22178\"\/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-top:30px\">Zweiter Schritt bei der Ver\u00f6ffentlichung und Festlegung der Anwendungsregeln f\u00fcr WooCommerce-Kategorieseiten-Vorlagen:<\/h5>\n\n\n\n<p style=\"margin-bottom:30px\">Klicken Sie auf die Schaltfl\u00e4che \u201eAdd Condition\u201c auf der Seite, um die Anwendungsbedingungen f\u00fcr die Vorlage hinzuzuf\u00fcgen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2346\" height=\"1357\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u6dfb\u52a0\u6a21\u677f\u6587\u4ef6\u7684\u5e94\u7528\u6761\u4ef6.png\" alt=\"\u6dfb\u52a0\u6a21\u677f\u6587\u4ef6\u7684\u5e94\u7528\u6761\u4ef6\" class=\"wp-image-22179\"\/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-top:30px\">Dritter Schritt bei der Ver\u00f6ffentlichung und Festlegung der Anwendungsregeln f\u00fcr WooCommerce-Kategorieseiten-Vorlagen:<\/h5>\n\n\n\n<p style=\"margin-bottom:30px\">W\u00e4hlen Sie im Dropdown-Men\u00fc f\u00fcr die Anwendungsbedingungen die Option \u201eProduktkategorie\u201c und geben Sie den Namen der Kategorie ein, wie im folgenden Bild gezeigt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2213\" height=\"1366\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u9009\u62e9\u6a21\u677f\u6587\u4ef6\u5e94\u7528\u7684\u9875\u9762\u7c7b\u578b.png\" alt=\"\u9009\u62e9\u6a21\u677f\u6587\u4ef6\u5e94\u7528\u7684\u9875\u9762\u7c7b\u578b\" class=\"wp-image-22176\"\/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-top:30px\">Vierter Schritt bei der Ver\u00f6ffentlichung und Festlegung der Anwendungsregeln f\u00fcr WooCommerce-Kategorieseiten-Vorlagen:<\/h5>\n\n\n\n<p style=\"margin-bottom:30px\">Nach Abschluss der oben genannten Schritte, also der Ver\u00f6ffentlichung der WooCommerce-Kategorieseiten-Vorlage und der Festlegung der Anwendungsregeln, klicken Sie auf den Button \u201eSpeichern &amp; Schlie\u00dfen\u201c unten rechts im Fenster, um die Ver\u00f6ffentlichung abzuschlie\u00dfen. \u00d6ffnen Sie anschlie\u00dfend die entsprechende Kategorieseite, auf die die Regel angewendet wurde, und Sie sehen, dass das von uns erstellte und designte Layout auf der Seite \u00fcbernommen wurde.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2204\" height=\"1364\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u4fdd\u5b58\u6a21\u677f\u6587\u4ef6\u7684\u5e94\u7528\u89c4\u5219\uff0c\u53d1\u5e03\u6a21\u677f\u6587\u4ef6.png\" alt=\"\u4fdd\u5b58\u6a21\u677f\u6587\u4ef6\u7684\u5e94\u7528\u89c4\u5219\uff0c\u53d1\u5e03\u6a21\u677f\u6587\u4ef6\" class=\"wp-image-22177\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"details\" style=\"margin-top:30px\">3\u3001Bearbeitung der WooCommerce-Produktdetailseite<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"margin-top:30px;margin-bottom:30px\">(1) Erstellen einer Vorlage f\u00fcr die WooCommerce-Produktdetailseite<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2523\" height=\"1427\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u521b\u5efaWooCommerce\u4ea7\u54c1\u8be6\u60c5\u9875\u6a21\u677f\u6587\u4ef6.png\" alt=\"\u521b\u5efaWooCommerce\u4ea7\u54c1\u8be6\u60c5\u9875\u6a21\u677f\u6587\u4ef6\" class=\"wp-image-22180\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Zuerst w\u00e4hlt man im Elementor Theme Builder, wie im obigen Bild links im Men\u00fc gezeigt, den Vorlagentyp \u201eSingle Product\u201c aus. Anschlie\u00dfend klickt man auf den \u201eAdd New\u201c-Button oberhalb des Inhaltsbereichs rechts neben \u201eSingle Product\u201c (im obigen Bild rot markiert), um eine neue WooCommerce-Produktdetailseiten-Vorlage zu erstellen und direkt in den Bearbeitungsmodus der Vorlage zu wechseln.<\/p>\n\n\n\n<h4 class=\"wp-block-heading pages\" style=\"margin-bottom:30px\">(2) Bearbeitung der WooCommerce-Produktdetailseiten-Vorlage<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2556\" height=\"1452\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u7f16\u8f91WooCommerce\u4ea7\u54c1\u8be6\u60c5\u9875\u6a21\u677f\u6587\u4ef6.png\" alt=\"\u7f16\u8f91WooCommerce\u4ea7\u54c1\u8be6\u60c5\u9875\u6a21\u677f\u6587\u4ef6\" class=\"wp-image-22181\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Beim Bearbeiten der WooCommerce-Produktdetailseiten-Vorlage mit Elementor kann der Nutzer das Layout und die Funktionen der Produktseite durch Drag &amp; Drop von Widgets frei gestalten. Wie im obigen Screenshot zu sehen ist, stellt die Elementor-Seitenleiste eine Reihe von WooCommerce-bezogenen Widgets zur Verf\u00fcgung, darunter wichtige Komponenten wie \u201eAdd To Cart\u201c (In den Warenkorb), \u201eProduct Price\u201c (Produktpreis), \u201eProduct Title\u201c (Produkttitel) und \u201eProduct Images\u201c (Produktbilder). Diese Widgets k\u00f6nnen direkt in den Bearbeitungsbereich gezogen werden, um eine personalisierte Produktpr\u00e4sentationsseite zu erstellen, die die Nutzererfahrung und die Conversion-Rate verbessert.<\/p>\n\n\n\n<p>W\u00e4hrend der Bearbeitung kann der Nutzer flexibel Stil, Layout und Interaktionen jedes einzelnen Widgets anpassen. Beispielsweise kann der Produktpreis mit benutzerdefinierten Schriftarten, Farben oder Hintergr\u00fcnden hervorgehoben werden; Produktbilder k\u00f6nnen in verschiedenen Darstellungsmodi angezeigt werden, wie Karussell, Zoom oder 360\u00b0-Drehansicht, um visuelle Wirkung zu verst\u00e4rken. Au\u00dferdem helfen Widgets wie \u201eProduct Related\u201c (\u00c4hnliche Produkte) und \u201eUpsells\u201c (Upselling), dem Nutzer bessere Produktempfehlungen zu geben und so den Umsatz zu steigern. Die Navigationsfunktion von Elementor erm\u00f6glicht es dem Nutzer, schnell zwischen verschiedenen Layoutbereichen zu wechseln, was den Bearbeitungsprozess effizienter macht. Durch den gezielten Einsatz dieser Widgets und Layout-Einstellungen kann man eine professionelle, markenkonforme Produktdetailseiten-Vorlage erstellen und flexibel auf alle oder bestimmte Produktkategorien anwenden, um das Gesamtbild und die Nutzererfahrung im WooCommerce-Shop zu verbessern.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">(3) Ver\u00f6ffentlichung der WooCommerce-Produktdetailseite und Festlegung der Anwendungsregeln f\u00fcr die Vorlagendatei<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-top:30px\">Erster Schritt bei der Ver\u00f6ffentlichung und Festlegung der Anwendungsregeln f\u00fcr die WooCommerce-Produktdetailseite:<\/h5>\n\n\n\n<p style=\"margin-bottom:30px\">Klicken Sie auf den \u201eVer\u00f6ffentlichen\u201c-Button, wie im folgenden Bild links im roten Rahmen markiert.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2544\" height=\"1368\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u6a21\u677f\u6587\u4ef6\u53d1\u5e03\u64cd\u4f5c.png\" alt=\"\u6a21\u677f\u6587\u4ef6\u53d1\u5e03\u64cd\u4f5c\" class=\"wp-image-22178\"\/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-top:30px\">Zweiter Schritt bei der Ver\u00f6ffentlichung und Festlegung der Anwendungsregeln f\u00fcr die WooCommerce-Produktdetailseite:<\/h5>\n\n\n\n<p style=\"margin-bottom:30px\">Klicken Sie im folgenden Fenster auf die Schaltfl\u00e4che \u201eAdd Condition\u201c, um in die Einstellung der Anwendungsbedingungen f\u00fcr die Vorlagendatei zu gelangen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2346\" height=\"1357\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u6dfb\u52a0\u6a21\u677f\u6587\u4ef6\u7684\u5e94\u7528\u6761\u4ef6.png\" alt=\"\u6dfb\u52a0\u6a21\u677f\u6587\u4ef6\u7684\u5e94\u7528\u6761\u4ef6\" class=\"wp-image-22179\"\/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-top:30px;margin-bottom:30px\">Dritter Schritt bei der Ver\u00f6ffentlichung und Festlegung der Anwendungsregeln f\u00fcr die WooCommerce-Produktdetailseite:<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2302\" height=\"1380\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u9009\u62e9\u6a21\u677f\u6587\u4ef6\u5e94\u7528\u7684\u4ea7\u54c1\u8be6\u60c5\u9875.png\" alt=\"\u9009\u62e9\u6a21\u677f\u6587\u4ef6\u5e94\u7528\u7684\u4ea7\u54c1\u8be6\u60c5\u9875\" class=\"wp-image-22196\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">In den Anwendungsregel-Einstellungen f\u00fcr Elementor-Produktdetailseitenvorlagen kann der Nutzer flexibel den Geltungsbereich der Vorlage entsprechend den verschiedenen Anforderungen festlegen. Dieser Schritt ist entscheidend, da er bestimmt, ob das Design der Produktdetailseite korrekt auf die gew\u00fcnschten Seiten angewendet wird. Um die Wirkung jeder Anwendungsbedingung klarer zu machen, lassen sich die folgenden h\u00e4ufigen Anwendungsszenarien unterscheiden:<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">\u2460 Anwendung auf alle Produktdetailseiten<\/h6>\n\n\n\n<p>Wenn die neu erstellte Produktdetailseitenvorlage auf alle Produktseiten im gesamten WooCommerce-Shop angewendet werden soll, w\u00e4hlt man die Option \u201eAlle Produkte (All Products)\u201c. So wird die Vorlage automatisch sowohl f\u00fcr neu hinzugef\u00fcgte als auch bereits bestehende Produkte verwendet, um eine konsistente Darstellung aller Produktdetailseiten im Shop sicherzustellen.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">\u2461 Anwendung auf bestimmte Produktkategorien<\/h6>\n\n\n\n<p>F\u00fcr verschiedene Produktkategorien kann ein unterschiedliches Layout der Detailseite erforderlich sein. Zum Beispiel ben\u00f6tigen Elektronikprodukte m\u00f6glicherweise eine komplexere Darstellung der Spezifikationen, w\u00e4hrend Bekleidungsprodukte eher Wert auf Bilddarstellung und Farboptionen legen. In diesem Fall w\u00e4hlt man als Anwendungsbedingung \u201eProduktkategorie (Product Category)\u201c und gibt die entsprechende Kategorie, wie \u201eElektronik\u201c oder \u201eBekleidung\u201c, an, um sicherzustellen, dass die Vorlage nur auf die Produktdetailseiten dieser Kategorie angewendet wird.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">\u2462 Anwendung auf bestimmte Unterkategorien<\/h6>\n\n\n\n<p>Wenn die Produktkategorisierung komplexer ist, kann der Anwendungsbereich der Vorlage weiter verfeinert werden. Zum Beispiel gibt es unter der Kategorie \u201eBekleidung\u201c die Unterkategorien \u201eHerren\u201c und \u201eDamen\u201c. M\u00f6chte man eine separate Vorlage f\u00fcr Produkte der Unterkategorie \u201eHerren\u201c erstellen, w\u00e4hlt man als Anwendungsbedingung \u201eProduktunterkategorie (Product Subcategory)\u201c und gibt die Kategorie \u201eHerren\u201c an, sodass die Vorlage nur f\u00fcr Produkte dieser Unterkategorie gilt und andere Kategorien nicht beeinflusst werden.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">\u2463 Anwendung auf bestimmte Produkttags<\/h6>\n\n\n\n<p>WooCommerce unterst\u00fctzt die Verwendung von \u201eProdukttags (Product Tags)\u201c, um Produkte zu kennzeichnen, z. B. \u201eNeu\u201c, \u201eBestseller\u201c, \u201eRabatt\u201c usw. In Elementor kann eine Vorlage auch auf alle Produkte mit bestimmten Produkttags angewendet werden. M\u00f6chte man beispielsweise, dass alle Produkte mit dem Tag \u201eZeitlich begrenztes Angebot\u201c eine spezielle Detailseiten-Vorlage verwenden, w\u00e4hlt man als Anwendungsbedingung \u201eProdukttag\u201c und gibt den entsprechenden Tag-Namen ein.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">\u2464 Anwendung auf bestimmte Benutzerrollen (Fortgeschrittene Anwendung)<\/h6>\n\n\n\n<p>F\u00fcr Websites mit Mitgliedschafts- oder Gro\u00dfhandelsgesch\u00e4ft kann es erforderlich sein, verschiedenen Nutzergruppen unterschiedliche Produktdetailseiten anzuzeigen. Beispielsweise ben\u00f6tigen Endkunden und Gro\u00dfh\u00e4ndler m\u00f6glicherweise unterschiedliche Preisangaben oder Produktbeschreibungen. In einigen fortgeschrittenen WooCommerce-Shops werden Plugins verwendet, um die Elementor-Funktionalit\u00e4t zu erweitern, sodass verschiedene Vorlagen basierend auf der Benutzerrolle angewendet werden k\u00f6nnen.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" style=\"margin-bottom:30px\">Vierter Schritt bei der Ver\u00f6ffentlichung und Festlegung der Anwendungsregeln f\u00fcr die WooCommerce-Produktdetailseite:<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2204\" height=\"1373\" src=\"https:\/\/www.szlogic.net\/wp-content\/uploads\/2025\/03\/\u4fdd\u5b58\u4ea7\u54c1\u8be6\u60c5\u9875\u6a21\u677f\u6587\u4ef6\u7684\u5e94\u7528\u89c4\u5219\uff0c\u53d1\u5e03\u6a21\u677f\u6587\u4ef6.png\" alt=\"\u4fdd\u5b58\u4ea7\u54c1\u8be6\u60c5\u9875\u6a21\u677f\u6587\u4ef6\u7684\u5e94\u7528\u89c4\u5219\uff0c\u53d1\u5e03\u6a21\u677f\u6587\u4ef6\" class=\"wp-image-22197\"\/><\/figure>\n\n\n\n<p style=\"margin-top:30px\">Nachdem die oben genannten Anwendungsbedingungen festgelegt wurden, klicken Sie auf den Button \u201eSpeichern &amp; Schlie\u00dfen\u201c unten rechts im Fenster, wie im Bild gezeigt. Elementor wendet die Produktdetailseiten-Vorlage automatisch auf die angegebenen Seiten an. Anschlie\u00dfend kann der Nutzer die Frontend-Seite testen, um sicherzustellen, dass die Vorlage wirksam ist, und je nach Bedarf das Layout und den Inhalt der Vorlage weiter optimieren.<\/p>\n\n\n\n<p class=\"translation-block\"><strong>Fazit:<\/strong> Durch die Einf\u00fchrung in diesem Artikel haben Sie bereits erfahren, wie Sie eine gew\u00f6hnliche WordPress-Website in eine leistungsstarke E-Commerce-Plattform verwandeln k\u00f6nnen. Wir begannen mit der Installation und Aktivierung des WooCommerce-Plugins, erkl\u00e4rten anschlie\u00dfend, wie man Zahlungssysteme wie PayPal und Kreditkarten integriert, um eine bequeme Zahlungsfunktion auf der Website zu gew\u00e4hrleisten. Danach gingen wir ausf\u00fchrlich auf die Produktverwaltung ein, einschlie\u00dflich Produktpr\u00e4sentation, Kategorien, Dateneinstellungen und anderen Vorg\u00e4ngen, und zeigten, wie man mit dem Elementor-Editor das Design der Produktseiten anpasst. Durch diese Schritte k\u00f6nnen Sie Ihre eigene WooCommerce-E-Commerce-Website erfolgreich erstellen und optimieren, die Benutzererfahrung verbessern und den Umsatz steigern. Da WooCommerce ein leistungsstarkes und funktionsreiches E-Commerce-System ist, k\u00f6nnen einige Funktionen in diesem Artikel m\u00f6glicherweise nicht vollst\u00e4ndig abgedeckt sein. Zu weiteren <strong><a href=\"https:\/\/www.szlogic.net\/de\/learn\/wordpress\/woocommerce\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/learn\/wordpress\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce-Funktionseinstellungen<\/a><\/strong> k\u00f6nnen Leser auf den fr\u00fcher vom Autor ver\u00f6ffentlichten Artikel \u201eKonfiguration der WooCommerce-Funktionsparameter\u201c zur\u00fcckgreifen. Das kombinierte Lesen beider Artikel wird Ihnen helfen, die technische Praxis von WooCommerce umfassender zu verstehen und Ihre F\u00e4higkeiten in der Entwicklung und Verwaltung von E-Commerce-Websites zu verbessern.<\/p>\n\n\n\n<p class=\"translation-block\"><strong>Abschlie\u00dfend, wenn Ihre Zeit kostbar ist, die Zeitkosten f\u00fcr Lernen und technische Praxis hoch sind und Sie nicht beabsichtigen, sich vertieft mit technischen Aspekten zu besch\u00e4ftigen oder praktische \u00dcbungen durchzuf\u00fchren, sondern nur die Prinzipien der Umsetzung von WooCommerce auf WordPress f\u00fcr E-Commerce-Funktionen und Online-Verkauf von Produkten verstehen m\u00f6chten, ohne diesen technischen Prozess selbst durchzuf\u00fchren, dann ist es sinnvoll, fachliche Angelegenheiten den Profis zu \u00fcberlassen. F\u00fcr unsere professionellen <a href=\"https:\/\/www.szlogic.net\/de\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress-Webseitenerstellungs<\/a> und technischen Entwicklungsdienstleistungen freuen wir uns, wenn Sie das Team von <a href=\"https:\/\/www.szlogic.net\/de\/contact-us\/\" data-type=\"link\" data-id=\"https:\/\/www.szlogic.net\/contact-us\/\" target=\"_blank\" rel=\"noreferrer noopener\">Logic Digital Technology<\/a> kontaktieren und uns mit der WooCommerce-Entwicklung beauftragen.<\/strong><\/p>\n\n\n\n<p><strong>Dieser Artikel ist urheberrechtlich gesch\u00fctzt von Logic Digital Technology (SZLOGIC). Die pers\u00f6nliche Weitergabe zu Lernzwecken ist willkommen. Jegliche kommerzielle Nutzung oder Vervielf\u00e4ltigung ohne Genehmigung ist strengstens untersagt.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>WooCommerce\u5efa\u7ad9\uff08WP\u642d\u5efaWooCommerce\u7535\u5546\u7cfb\u7edf\u5b9e\u64cd\u8fc7\u7a0b\uff09 WooCommerce\u662f\u4e00\u4e2a\u4ee5\u63d2 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":22098,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[87],"tags":[],"class_list":["post-22027","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/posts\/22027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/comments?post=22027"}],"version-history":[{"count":66,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/posts\/22027\/revisions"}],"predecessor-version":[{"id":23757,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/posts\/22027\/revisions\/23757"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/media\/22098"}],"wp:attachment":[{"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/media?parent=22027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/categories?post=22027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.szlogic.net\/de\/wp-json\/wp\/v2\/tags?post=22027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}