{"id":28027,"date":"2021-05-19T10:21:00","date_gmt":"2021-05-19T07:21:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28027"},"modified":"2021-10-17T16:58:46","modified_gmt":"2021-10-17T13:58:46","slug":"como-mostrar-productos-relacionados-con-la-api-rest-de-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-mostrar-productos-relacionados-con-la-api-rest-de-woocommerce\/","title":{"rendered":"C\u00f3mo mostrar productos relacionados con la API REST de WooCommerce"},"content":{"rendered":"

Cuando se trata de tiendas en l\u00ednea, es obvio mostrar productos relacionados en la p\u00e1gina de detalles de un solo producto. Ayuda a sus clientes a mostrar productos similares que tal vez quieran comprar. Tambi\u00e9n aumenta la participaci\u00f3n de los usuarios en su sitio web. A medida que los clientes pasan m\u00e1s tiempo en su tienda, hay m\u00e1s posibilidades de que compren sus productos. En este art\u00edculo, le muestro c\u00f3mo mostrar productos relacionados utilizando la API REST de WooCommerce.<\/p>\n

En este tutorial, buscar\u00e9 todos los productos relacionados con el producto actual y luego los mostrar\u00e9. Tambi\u00e9n vinculo cada producto a su p\u00e1gina de detalles.<\/p>\n

El ejemplo explicado en este art\u00edculo tambi\u00e9n se puede aplicar al sitio web de WooCommerce. Se puede utilizar esta t\u00e9cnica y mostrar productos relacionados sin utilizar ning\u00fan complemento. Le dar\u00e1 m\u00e1s control sobre el dise\u00f1o y el marcado de la p\u00e1gina de su producto.<\/p>\n

Obtenga su clave de consumidor y su secreto de consumidor<\/h3>\n

Cuando decide comenzar con la API REST de WooCommerce, primero debe obtener su clave de consumidor y su secreto de consumidor. Estas claves son la identificaci\u00f3n de la tienda y son necesarias al realizar una llamada a la API de WooCommerce. Puede leer m\u00e1s sobre esto en su documentaci\u00f3n<\/a>.<\/p>\n

Primero, instale el complemento WooCommerce en su sitio web. Luego dir\u00edgete a la p\u00e1gina WooCommerce-> Configuraci\u00f3n<\/strong>. Haga clic en la pesta\u00f1a Avanzado y luego en el enlace API REST.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

En esta p\u00e1gina, haga clic en el bot\u00f3n ‘Crear una clave API’.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Ingrese la descripci\u00f3n, elija el permiso ‘Leer’ y presione el bot\u00f3n Generar clave API. Tambi\u00e9n puede elegir el permiso ‘Lectura \/ Escritura’. Depende de su requerimiento. Si solo necesita leer datos de WooCommerce, elija la opci\u00f3n ‘Leer’. Y si desea realizar operaciones de lectura y escritura, su opci\u00f3n obvia es ‘Leer \/ Escribir’. Aqu\u00ed nos dirigimos solo a productos relacionados, por lo que el permiso de "lectura" es suficiente.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Copie su clave de consumidor y su secreto de consumidor, que ser\u00e1n necesarios al realizar llamadas a la API.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

API REST de WooCommerce para obtener productos relacionados<\/h3>\n

Una vez que est\u00e9 listo con su clave de consumidor y su secreto de consumidor, podemos comenzar con el c\u00f3digo que da una llamada API al punto final de WooCommerce. Como primero necesitamos buscar productos relacionados, necesitamos obtener los datos de un solo producto a trav\u00e9s de la API. Esto se debe a que normalmente mostramos nuestros productos similares en la p\u00e1gina de un solo producto.<\/p>\n

Como necesitamos enviar solicitudes HTTP, instale la biblioteca Guzzle usando el siguiente comando.<\/p>\n

composer require guzzlehttp\/guzzle<\/code><\/pre>\n
Guzzle es un cliente HTTP de PHP que facilita el env\u00edo de solicitudes HTTP y simplifica la integraci\u00f3n con los servicios web.<\/p>\n
Finalmente, escribamos un c\u00f3digo para obtener un solo producto y luego sus productos relacionados. Cuando WooCommerce devuelve los datos del producto, en respuesta tambi\u00e9n contiene la clave ‘related_ids’ junto con los valores. Estos valores no son m\u00e1s que identificadores de productos relacionados. Entonces, en contexto con esto, nuestro c\u00f3digo PHP ser\u00e1 el siguiente.<\/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
Reemplace el marcador de posici\u00f3n ‘PRODUCT_ID_HERE’ con el valor real. En el c\u00f3digo anterior, estoy pasando el par\u00e1metro ‘incluye’ como una matriz con related_ids. WooCommerce, en respuesta, nos da todos los detalles sobre los productos. Luego lo recorremos y mostramos el t\u00edtulo del producto y su enlace. El usuario tambi\u00e9n puede imprimir los dem\u00e1s datos de la respuesta.<\/p>\n
Art\u00edculos relacionados<\/h4>\n