{"id":24646,"date":"2021-05-19T10:14:00","date_gmt":"2021-05-19T07:14:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24646"},"modified":"2021-10-18T03:12:22","modified_gmt":"2021-10-18T00:12:22","slug":"come-visualizzare-prodotti-correlati-utilizzando-l-api-rest-di-woocommercecommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-visualizzare-prodotti-correlati-utilizzando-l-api-rest-di-woocommercecommerce\/","title":{"rendered":"Come visualizzare prodotti correlati utilizzando l’API REST di WooCommerceCommerce"},"content":{"rendered":"

Quando si tratta di negozi online, \u00e8 ovvio mostrare i prodotti correlati nella pagina dei dettagli del singolo prodotto. Aiuta i tuoi clienti a mostrare prodotti simili che forse desiderano acquistare. Aumenta anche il coinvolgimento degli utenti sul tuo sito web. Man mano che i clienti trascorrono pi\u00f9 tempo nel tuo negozio, aumentano le possibilit\u00e0 che acquistino i tuoi prodotti. In questo articolo, ti mostro come mostrare i prodotti correlati utilizzando l’API REST di WooCommerce.<\/p>\n

In questo tutorial, recuperer\u00f2 tutti i prodotti relativi al prodotto corrente e poi lo visualizzer\u00f2. Inoltre collego ogni prodotto alla sua pagina di dettaglio.<\/p>\n

L’esempio spiegato in questo articolo pu\u00f2 essere applicato anche al sito Web WooCommerce. Si pu\u00f2 utilizzare questa tecnica e visualizzare i prodotti correlati senza utilizzare alcun plug-in. Ti dar\u00e0 un maggiore controllo sul design e sul markup per la tua pagina prodotto.<\/p>\n

Ottieni la tua chiave del consumatore e il segreto del consumatore<\/h3>\n

Quando decidi di iniziare con l’API REST di WooCommerce, devi prima ottenere la chiave del consumatore e il segreto del consumatore. Queste chiavi sono l’identificazione per il negozio e sono necessarie durante la chiamata all’API WooCommerce. Puoi leggere di pi\u00f9 a riguardo sulla loro documentazione<\/a>.<\/p>\n

Innanzitutto, installa il plug-in WooCommerce sul tuo sito web. Quindi vai alla<\/strong> pagina WooCommerce->Impostazioni<\/strong>. Fare clic sulla scheda Avanzate e quindi sul collegamento API REST.<\/p>\n

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

In questa pagina fai clic sul pulsante "Crea una chiave API".<\/p>\n

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

Inserisci la descrizione, scegli l’autorizzazione "Leggi" e premi il pulsante Genera chiave API. Puoi anche scegliere il permesso ‘Lettura\/Scrittura’. Dipende dalla tua esigenza. Se hai solo bisogno di leggere i dati da WooCommerce, scegli l’opzione "Leggi". E se vuoi eseguire sia operazioni di lettura che di scrittura, l’opzione pi\u00f9 ovvia \u00e8 "Leggi\/Scrivi". Qui ci rivolgiamo solo a prodotti correlati, quindi l’autorizzazione "Lettura" \u00e8 sufficiente.<\/p>\n

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

Copia la chiave del consumatore e il segreto del consumatore che saranno richiesti durante le chiamate API.<\/p>\n

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

API REST di WooCommerce per ottenere prodotti correlati<\/h3>\n

Una volta che sei pronto con la chiave del consumatore e il segreto del consumatore, possiamo iniziare con il codice che fornisce una chiamata API all’endpoint WooCommerce. Poich\u00e9 dobbiamo prima recuperare i prodotti correlati, dobbiamo ottenere i dati di un singolo prodotto tramite l’API. Questo perch\u00e9 normalmente mostriamo i nostri prodotti simili nella pagina del singolo prodotto.<\/p>\n

Poich\u00e9 abbiamo bisogno di inviare richieste HTTP, installa la libreria Guzzle usando il comando seguente.<\/p>\n

composer require guzzlehttp\/guzzle<\/code><\/pre>\n
Guzzle \u00e8 un client HTTP PHP che semplifica l’invio di richieste HTTP e banale l’integrazione con i servizi web.<\/p>\n
Infine, scriviamo un codice per ottenere un singolo prodotto e quindi i relativi prodotti. Quando WooCommerce restituisce i dati del prodotto, in risposta contiene anche la chiave "related_ids" insieme ai valori. Questi valori non sono altro che ID prodotti correlati. Quindi, nel contesto di questo, il nostro codice PHP sar\u00e0 il seguente.<\/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
Sostituisci il segnaposto ‘PRODUCT_ID_HERE’ con il valore effettivo. Nel codice sopra, sto passando il parametro ‘includes’ come un array con related_ids. WooCommerce quindi in risposta ci fornisce tutti i dettagli sui prodotti. Quindi lo esaminiamo e visualizziamo il titolo del prodotto e il suo collegamento. L’utente pu\u00f2 anche stampare gli altri dati della risposta.<\/p>\n
articoli Correlati<\/h4>\n