{"id":24460,"date":"2021-05-19T09:49:00","date_gmt":"2021-05-19T06:49:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24460"},"modified":"2021-10-18T02:41:01","modified_gmt":"2021-10-17T23:41:01","slug":"so-zeigen-sie-verwandte-produkte-mit-der-woocommerce-rest-api-an","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-zeigen-sie-verwandte-produkte-mit-der-woocommerce-rest-api-an\/","title":{"rendered":"So zeigen Sie verwandte Produkte mit der WooCommerce REST API an"},"content":{"rendered":"<p>Bei Online-Shops ist es selbstverst\u00e4ndlich, verwandte Produkte auf der einzelnen Produktdetailseite anzuzeigen. Es hilft Ihren Kunden, \u00e4hnliche Produkte zu zeigen, die sie vielleicht kaufen m\u00f6chten. Es erh\u00f6ht auch die Benutzerinteraktionen auf Ihrer Website. Je mehr Zeit Kunden in Ihrem Gesch\u00e4ft verbringen, desto gr\u00f6\u00dfer ist die Wahrscheinlichkeit, dass sie Ihre Produkte kaufen. In diesem Artikel zeige ich Ihnen, wie Sie mit der WooCommerce REST API verwandte Produkte anzeigen.<\/p>\n<p>In diesem Tutorial hol ich alle Produkte, die sich auf das aktuelle Produkt beziehen und zeige es dann an. Ich verlinke auch jedes Produkt mit seiner Detailseite.<\/p>\n<p>Das in diesem Artikel erl\u00e4uterte Beispiel kann auch f\u00fcr die WooCommerce-Website gelten. Man kann diese Technik verwenden und verwandte Produkte anzeigen, ohne ein Plugin zu verwenden. Es gibt Ihnen mehr Kontrolle \u00fcber das Design und das Markup f\u00fcr Ihre Produktseite.<\/p>\n<h3>Holen Sie sich Ihren Verbraucherschl\u00fcssel und Ihr Verbrauchergeheimnis<\/h3>\n<p>Wenn Sie sich entscheiden, mit der WooCommerce REST API zu beginnen, m\u00fcssen Sie zuerst Ihren Verbraucherschl\u00fcssel und Ihr Verbrauchergeheimnis erhalten. Diese Schl\u00fcssel sind die Identifikation f\u00fcr den Shop und werden beim Aufrufen der WooCommerce-API ben\u00f6tigt. Sie k\u00f6nnen mehr dar\u00fcber in ihrer <a href=\"https:\/\/woocommerce.github.io\/woocommerce-rest-api-docs\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Dokumentation<\/a> lesen .<\/p>\n<p>Installieren Sie zun\u00e4chst das WooCommerce-Plugin auf Ihrer Website. <strong>Gehen Sie<\/strong> dann zur <strong>WooCommerce-&gt;Settings-<\/strong> Seite. Klicken Sie auf die Registerkarte Erweitert und dann auf den REST-API-Link.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b1b4391.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b1b4391.png\" alt=\"So zeigen Sie verwandte Produkte mit der WooCommerce REST API an\" ><\/a><\/p>\n<p>Klicken Sie auf dieser Seite auf die Schaltfl\u00e4che &#8218;API-Schl\u00fcssel erstellen&#8216;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b21fb3e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b21fb3e.png\" alt=\"So zeigen Sie verwandte Produkte mit der WooCommerce REST API an\" ><\/a><\/p>\n<p>Geben Sie die Beschreibung ein, w\u00e4hlen Sie die Berechtigung &quot;Lesen&quot; und klicken Sie auf die Schaltfl\u00e4che API-Schl\u00fcssel generieren. Sie k\u00f6nnen auch die Berechtigung &quot;Lesen\/Schreiben&quot; ausw\u00e4hlen. Es h\u00e4ngt von Ihrer Anforderung ab. Wenn Sie nur Daten aus WooCommerce lesen m\u00fcssen, w\u00e4hlen Sie die Option &quot;Lesen&quot;. Und wenn Sie sowohl Lese- als auch Schreiboperationen ausf\u00fchren m\u00f6chten, ist die offensichtliche Option &#8218;Lesen\/Schreiben&#8216;. Hier zielen wir nur auf verwandte Produkte ab, daher ist die Berechtigung &quot;Lesen&quot; ausreichend.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b2947e2.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b2947e2.png\" alt=\"So zeigen Sie verwandte Produkte mit der WooCommerce REST API an\" ><\/a><\/p>\n<p>Kopieren Sie Ihren Consumer-Schl\u00fcssel und das Consumer-Secret, die beim Ausf\u00fchren von API-Aufrufen erforderlich sind.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b2947e2.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20557-608204b2947e2.png\" alt=\"So zeigen Sie verwandte Produkte mit der WooCommerce REST API an\" ><\/a><\/p>\n<h3>WooCommerce REST API, um verwandte Produkte zu erhalten<\/h3>\n<p>Sobald Sie mit Ihrem Verbraucherschl\u00fcssel und Verbrauchergeheimnis fertig sind, k\u00f6nnen wir mit dem Code beginnen, der einen API-Aufruf an den WooCommerce-Endpunkt ausgibt. Da wir zuerst verwandte Produkte abrufen m\u00fcssen, m\u00fcssen wir die Daten eines einzelnen Produkts \u00fcber die API abrufen. Dies liegt daran, dass wir unsere \u00e4hnlichen Produkte normalerweise auf der einzelnen Produktseite anzeigen.<\/p>\n<p>Da wir HTTP-Anfragen senden m\u00fcssen, installieren Sie die Guzzle-Bibliothek mit dem folgenden Befehl.<\/p>\n<pre><code>composer require guzzlehttp\/guzzle<\/code><\/pre>\n<p>Guzzle ist ein PHP-HTTP-Client, der das Senden von HTTP-Anforderungen und die Integration in Webdienste einfach macht.<\/p>\n<p>Lassen Sie uns schlie\u00dflich einen Code schreiben, um ein einzelnes Produkt und dann verwandte Produkte zu erhalten. Wenn WooCommerce die Daten des Produkts zur\u00fcckgibt, enth\u00e4lt es als Antwort auch den Schl\u00fcssel &#8218;related_ids&#8216; zusammen mit den Werten. Diese Werte sind nichts anderes als verwandte Produkt-IDs. In diesem Zusammenhang sieht unser PHP-Code wie folgt aus.<\/p>\n<pre><code>&lt;?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\u00a0\nuse GuzzleHttpClient;\n\u00a0\ndefine('WC_CONSUMER_KEY', 'PASTE_CONSUMER_KEY_HERE');\ndefine('WC_CONSUMER_SECRET', 'PASTE_CONSUMER_SECRET_HERE');\n\u00a0\u00a0\n$client = new Client([\n\u00a0\u00a0\u00a0\u00a0\/\/ Base URI is used with relative requests\n\u00a0\u00a0\u00a0\u00a0'base_uri' =&gt; 'YOUR_DOMAIN_BASE_URL',\n]);\n\u00a0\ntry {\n\u00a0\u00a0\u00a0\u00a0$response = $client-&gt;request('GET', '\/wp-json\/wc\/v3\/products\/PRODUCT_ID_HERE', [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'headers' =&gt; [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Authorization\" =&gt; \"Basic \". base64_encode(WC_CONSUMER_KEY.':'.WC_CONSUMER_SECRET)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'verify' =&gt; false, \/\/only needed if you are facing SSL certificate issue\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0$body = $response-&gt;getBody();\n\u00a0\u00a0\u00a0\u00a0$arr_body = json_decode($body);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$response = $client-&gt;request('GET', '\/wp-json\/wc\/v3\/products', [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'headers' =&gt; [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Authorization\" =&gt; \"Basic \". base64_encode(WC_CONSUMER_KEY.':'.WC_CONSUMER_SECRET)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'query' =&gt; [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'include' =&gt; $arr_body-&gt;related_ids,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'verify' =&gt; false,\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0$body = $response-&gt;getBody();\n\u00a0\u00a0\u00a0\u00a0$arr_products = json_decode($body);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if (!empty($arr_products)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0foreach ($arr_products as $product) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0?&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;p&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;a href=\"&lt;?php echo $product-&gt;permalink; ?&gt;\"&gt;&lt;?php echo $product-&gt;name; ?&gt;&lt;\/a&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/p&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;?php\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n} catch (Exception $e) {\n\u00a0\u00a0\u00a0\u00a0echo $e-&gt;getMessage();\n}<\/code><\/pre>\n<p>Ersetzen Sie den Platzhalter &#8218;PRODUCT_ID_HERE&#8216; durch den tats\u00e4chlichen Wert. Im obigen Code \u00fcbergebe ich den Parameter &#8218;includes&#8216; als Array mit den related_ids. WooCommerce gibt uns dann als Antwort alle Details zu den Produkten. Dann durchlaufen wir es und zeigen den Produkttitel und seinen Link an. Der Benutzer kann auch die anderen Daten aus der Antwort drucken.<\/p>\n<h4>Zum Thema passende Artikel<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/eine-kurzanleitung-zur-woocommerce-rest-api\/\" title=\"Eine Kurzanleitung zur WooCommerce REST API\">Eine Kurzanleitung zur WooCommerce REST API<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/passen-sie-die-woocommerce-produktsuche-auf-ihrer-wordpress-site-an\/\" title=\"So passen Sie die WooCommerce-Produktsuche auf Ihrer WordPress-Site an\">So passen Sie die WooCommerce-Produktsuche auf Ihrer WordPress-Site an<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>M\u00f6chten Sie \u00e4hnliche Produkte in Ihrem Online-Shop anzeigen, die auf WooCommerce basieren? In diesem Artikel zeigen wir Ihnen, wie Sie eine API verwenden, um verwandte anzuzeigen<\/p>\n","protected":false},"author":1,"featured_media":20723,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[311,607],"tags":[845],"class_list":["post-24460","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-datenbank","category-uncategorized-3","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/24460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=24460"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/24460\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/20723"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=24460"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=24460"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=24460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}