{"id":27582,"date":"2021-05-19T09:51:00","date_gmt":"2021-05-19T06:51:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27582"},"modified":"2021-10-18T04:11:13","modified_gmt":"2021-10-18T01:11:13","slug":"como-exibir-produtos-relacionados-usando-woocommerce-rest-api","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-exibir-produtos-relacionados-usando-woocommerce-rest-api\/","title":{"rendered":"Como exibir produtos relacionados usando WooCommerce REST API"},"content":{"rendered":"

Quando se trata de lojas online, \u00e9 \u00f3bvio mostrar produtos relacionados na p\u00e1gina de detalhes do produto \u00fanico. Ajuda seus clientes a mostrar produtos semelhantes que talvez queiram comprar. Ele tamb\u00e9m aumenta o engajamento do usu\u00e1rio em seu site. Quanto mais tempo os clientes gastam em sua loja, maiores s\u00e3o as chances de eles comprarem seus produtos. Neste artigo, mostrarei como mostrar produtos relacionados usando a API REST WooCommerce.<\/p>\n

Neste tutorial, vou buscar todos os produtos relacionados ao produto atual e, em seguida, exibi-los. Tamb\u00e9m vinculo cada produto \u00e0 sua p\u00e1gina de detalhes.<\/p>\n

O exemplo explicado neste artigo tamb\u00e9m pode ser aplicado ao site WooCommerce. Pode-se usar essa t\u00e9cnica e exibir produtos relacionados sem usar nenhum plugin. Isso lhe dar\u00e1 mais controle sobre o design e a marca\u00e7\u00e3o da p\u00e1gina do produto.<\/p>\n

Obtenha sua chave e segredo do consumidor<\/h3>\n

Quando voc\u00ea decide come\u00e7ar com a API REST do WooCommerce, primeiro voc\u00ea precisa obter sua chave e segredo do consumidor. Essas chaves s\u00e3o a identifica\u00e7\u00e3o da loja e s\u00e3o necess\u00e1rias ao fazer uma chamada para a API WooCommerce. Voc\u00ea pode ler mais sobre isso em sua documenta\u00e7\u00e3o<\/a>.<\/p>\n

Primeiro, instale o plug-in WooCommerce em seu site. Em seguida, v\u00e1 para a p\u00e1gina WooCommerce-> Configura\u00e7\u00f5es<\/strong>. Clique na guia Avan\u00e7ado e, em seguida, no link REST API.<\/p>\n

\"Como<\/a><\/p>\n

Nesta p\u00e1gina, clique no bot\u00e3o ‘Criar uma chave API’.<\/p>\n

\"Como<\/a><\/p>\n

Insira a descri\u00e7\u00e3o, escolha a permiss\u00e3o ‘Ler’ e clique no bot\u00e3o Gerar chave de API. Voc\u00ea tamb\u00e9m pode escolher a permiss\u00e3o ‘Ler \/ Gravar’. Depende de sua necessidade. Se voc\u00ea s\u00f3 precisa ler os dados do WooCommerce, escolha a op\u00e7\u00e3o ‘Ler’. E se voc\u00ea deseja fazer opera\u00e7\u00f5es de leitura e grava\u00e7\u00e3o, sua op\u00e7\u00e3o \u00f3bvia \u00e9 ‘Ler \/ Gravar’. Aqui, estamos almejando apenas produtos relacionados, portanto, a permiss\u00e3o ‘Ler’ \u00e9 suficiente.<\/p>\n

\"Como<\/a><\/p>\n

Copie a chave e o segredo do consumidor que ser\u00e3o necess\u00e1rios ao fazer chamadas de API.<\/p>\n

\"Como<\/a><\/p>\n

WooCommerce REST API para obter produtos relacionados<\/h3>\n

Quando voc\u00ea estiver pronto com sua chave e segredo do consumidor, podemos come\u00e7ar com o c\u00f3digo que fornece uma chamada de API para o endpoint WooCommerce. Como precisamos buscar produtos relacionados primeiro, precisamos obter os dados de um \u00fanico produto por meio da API. Isso ocorre porque normalmente exibimos nossos produtos semelhantes na p\u00e1gina de um \u00fanico produto.<\/p>\n

Como precisamos enviar solicita\u00e7\u00f5es HTTP, instale a biblioteca Guzzle usando o comando abaixo.<\/p>\n

composer require guzzlehttp\/guzzle<\/code><\/pre>\n
Guzzle \u00e9 um cliente PHP HTTP que torna f\u00e1cil o envio de solicita\u00e7\u00f5es HTTP e trivial para integra\u00e7\u00e3o com servi\u00e7os da web.<\/p>\n
Finalmente, vamos escrever um c\u00f3digo para obter um \u00fanico produto e, em seguida, seus produtos relacionados. Quando WooCommerce retorna os dados do produto, em resposta ele tamb\u00e9m cont\u00e9m a chave ‘related_ids’ junto com os valores. Esses valores nada mais s\u00e3o do que ids de produtos relacionados. Portanto, no contexto disso, nosso c\u00f3digo PHP ser\u00e1 o seguinte.<\/p>\n
<?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' => 'YOUR_DOMAIN_BASE_URL',\n]);\n\u00a0\ntry {\n\u00a0\u00a0\u00a0\u00a0$response = $client->request('GET', '\/wp-json\/wc\/v3\/products\/PRODUCT_ID_HERE', [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'headers' => [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Authorization\" => \"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' => 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->getBody();\n\u00a0\u00a0\u00a0\u00a0$arr_body = json_decode($body);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$response = $client->request('GET', '\/wp-json\/wc\/v3\/products', [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'headers' => [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"Authorization\" => \"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' => [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'include' => $arr_body->related_ids,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'verify' => false,\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0$body = $response->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?>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<a href=\"<?php echo $product->permalink; ?>\"><?php echo $product->name; ?><\/a>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<?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->getMessage();\n}<\/code><\/pre>\n
Substitua o espa\u00e7o reservado ‘PRODUCT_ID_HERE’ pelo valor real. No c\u00f3digo acima, estou passando o par\u00e2metro ‘includes’ como uma matriz com os related_ids. Em resposta, WooCommerce nos d\u00e1 todos os detalhes sobre os produtos. Em seguida, fazemos um loop e exibimos o t\u00edtulo do produto e seu link. O usu\u00e1rio tamb\u00e9m pode imprimir os outros dados da resposta.<\/p>\n
Artigos relacionados<\/h4>\n