{"id":74705,"date":"2023-11-23T12:33:55","date_gmt":"2023-11-23T11:33:55","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=74705&#038;preview=true&#038;preview_id=74705"},"modified":"2023-11-29T10:56:17","modified_gmt":"2023-11-29T09:56:17","slug":"applicazione-reportistica-woocommerce","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/","title":{"rendered":"Creare un&#8217;app di reportistica avanzata per un negozio WooCommerce"},"content":{"rendered":"<p>Il <a href=\"https:\/\/kinsta.com\/it\/blog\/tutorial-woocommerce\/\">plugin WooCommerce<\/a> per WordPress permette di creare e gestire in modo efficiente una piattaforma di e-commerce, fornendo l&#8217;accesso a funzioni di notifica integrate che avvisano di ordini nuovi o completati, di livelli di giacenze basse e di pagamenti andati a buon fine. Queste funzioni sono essenziali ma offrono solo una visione limitata dei preziosi dati che WooCommerce raccoglie.<\/p>\n<p>Queste limitazioni sono nella natura dei plugin tradizionali che operano nell&#8217;ambiente WordPress. D&#8217;altro canto, le applicazioni in hosting, ovvero le operazioni basate sul web su server esterni, sono molto pi\u00f9 estensibili.<\/p>\n<p>Integrandosi con le API di WooCommerce e utilizzando risorse esterne, le applicazioni in hosting possono fornire report avanzati, avvisi personalizzati e informazioni dettagliate sulle transazioni di e-commerce.<\/p>\n<p>In questa guida scopriremo come creare un&#8217;applicazione in hosting che genera avvisi via e-mail con dati completi sulle transazioni, superando le capacit\u00e0 del plugin standard.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Funzionalit\u00e0 di reporting e notifica esistenti<\/h2>\n<p>Gli avvisi e gli aggiornamenti di stato integrati in WooCommerce aiutano con le attivit\u00e0 di gestione essenziali del negozio, ma potrebbero non soddisfare tutte le esigenze aziendali. Per questo motivo, molti utenti si rivolgono a plugin di terze parti per aumentare le proprie capacit\u00e0 di notifica e reporting.<\/p>\n<p>Alcuni dei plugin pi\u00f9 popolari sono:<\/p>\n<ul>\n<li><a href=\"https:\/\/woocommerce.com\/posts\/woocommerce-admin-a-new-central-dashboard-for-woocommerce\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce Admin<\/a>: fornisce una dashboard intuitiva con le principali metriche e report del negozio.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-pdf-invoices-packing-slips\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce PDF Invoices and Packing Slips<\/a>: permette di personalizzare i modelli di fattura e di bolla di accompagnamento, che vengono inviati automaticamente ai clienti tramite e-mail, e di registrare le fatture e le bolle di accompagnamento generate.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-google-analytics-integration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Integrazione di WooCommerce Google Analytics<\/a>: utilizza gli strumenti di Google Analytics per generare report dettagliati sui dati demografici dei clienti e sulle fonti di traffico.<\/li>\n<\/ul>\n<p>Con questi plugin, WooCommerce offre opzioni di reportistica e di avviso, tra cui riepiloghi degli ordini, avvisi di esaurimento scorte, gestione dell&#8217;inventario e analisi approfondite grazie all&#8217;integrazione con strumenti come <a href=\"https:\/\/kinsta.com\/it\/blog\/ga4\/\">Google Analytics<\/a>.<\/p>\n<h2>I limiti degli attuali sistemi di reportistica<\/h2>\n<p>Pur essendo vantaggiosi, gli attuali sistemi di reportistica hanno capacit\u00e0 limitate e presentano diverse <strong>limitazioni<\/strong>, come ad esempio:<\/p>\n<ul>\n<li><strong>Personalizzazione<\/strong>: gli <a href=\"https:\/\/kinsta.com\/it\/blog\/come-utilizzare-google-analytics\/\">strumenti di reportistica<\/a> generici e i plugin limitano la profondit\u00e0 e la specificit\u00e0 degli approfondimenti che l&#8217;azienda pu\u00f2 ottenere dai dati. Potreste aver bisogno di metriche specializzate, visualizzazioni uniche, integrazione con strumenti di analisi proprietari o determinati filtri di dati non facilmente disponibili negli strumenti di reporting e nei plugin generici.<\/li>\n<li><strong>Scalabilit\u00e0<\/strong>: i sistemi di reporting esistenti possono avere <a href=\"https:\/\/kinsta.com\/it\/blog\/scalabilita-di-woocommerce\/\">problemi di scalabilit\u00e0<\/a> quando si tratta di grandi insiemi di dati. Prestazioni lente e colli di bottiglia nell&#8217;elaborazione dei dati possono impedire un&#8217;analisi efficiente dei dati, con conseguenti ritardi nel processo decisionale e nei tempi di risposta.<\/li>\n<li><strong>Dipendenza da WordPress<\/strong>: poich\u00e9 l&#8217;integrazione con WordPress limita l&#8217;indipendenza, la personalizzazione e la scalabilit\u00e0, potreste dover affrontare problemi legati alle risorse del server, alla compatibilit\u00e0 dei plugin e alle vulnerabilit\u00e0 della sicurezza. Questa integrazione pu\u00f2 anche impedire all&#8217;azienda di adottare tecnologie e soluzioni pi\u00f9 avanzate.<\/li>\n<\/ul>\n<p>Al contrario, un&#8217;applicazione di reporting personalizzata pu\u00f2 fornire informazioni dettagliate sulle transazioni e sui clienti. \u00c8 possibile utilizzare questi dati per anticipare le tendenze del mercato e ottimizzare le proprie offerte di conseguenza.<\/p>\n<p>Inoltre, \u00e8 possibile scalare rapidamente un&#8217;applicazione di reportistica personalizzata per adattarla a volumi di dati crescenti, assicurandosi un&#8217;operativit\u00e0 senza interruzioni in caso di crescita dell&#8217;azienda.<\/p>\n<h2>L&#8217;applicazione di reporting avanzato<\/h2>\n<p>L&#8217;applicazione di reporting avanzato descritta in questa guida ha le seguenti funzioni:<\/p>\n<ul>\n<li>Avvisi dettagliati sulle transazioni vengono inviati via e-mail al proprietario del negozio quando il cliente effettua un nuovo ordine. L&#8217;app ha anche un cruscotto che mostra un elenco di tutti gli ordini con i relativi dettagli.<\/li>\n<li>Gli aggiornamenti dell&#8217;inventario mostrano i <a href=\"https:\/\/kinsta.com\/it\/blog\/gestione-inventario-woocommerce\/\">dettagli dell&#8217;inventario del negozio<\/a> sulla dashboard. Da qui si possono facilmente monitorare i livelli di giacenze di ogni prodotto.<\/li>\n<li>Il report sulle vendite totali permette di analizzare l&#8217;andamento dei ricavi nel tempo.<\/li>\n<\/ul>\n<p>A differenza dei plugin generici o del sistema di notifiche e avvisi predefinito di WooCommerce, questa app offre avvisi dettagliati e personalizzabili sulle scorte rimanenti e sulle vendite totali.<\/p>\n<p>L&#8217;hosting di un&#8217;applicazione offre diversi vantaggi, come ad esempio:<\/p>\n<ul>\n<li><strong>Scalabilit\u00e0<\/strong>: l&#8217;hosting indipendente riduce al minimo i colli di bottiglia nell&#8217;elaborazione dei dati, garantendoti la possibilit\u00e0 di espandere le operazioni senza limiti di risorse.<\/li>\n<li><strong>Personalizzazione<\/strong>: l&#8217;hosting indipendente permette di personalizzare il modo in cui si utilizzano i dati raccolti, ad esempio integrando servizi di terze parti (come i motori di analisi predittiva) e implementando tecniche di visualizzazione dei dati uniche per allinearsi meglio ai requisiti e agli obiettivi dell&#8217;azienda.<\/li>\n<li><strong>Autonomia<\/strong>: rimuovere l&#8217;applicazione dall&#8217;ambiente WordPress libera da restrizioni come le risorse limitate del server e i potenziali conflitti tra i vari plugin.<\/li>\n<\/ul>\n<h2>Come sviluppare un&#8217;applicazione di reportistica avanzata<\/h2>\n<p>In questa sezione realizzeremo un&#8217;applicazione di reporting utilizzando Node.js con l&#8217;<a href=\"https:\/\/woocommerce.github.io\/woocommerce-rest-api-docs\/#introduction\" target=\"_blank\" rel=\"noopener noreferrer\">API REST di WooCommerce<\/a> e i <a href=\"https:\/\/woocommerce.com\/document\/webhooks\/\" target=\"_blank\" rel=\"noopener noreferrer\">webhook<\/a> per recuperare i dati del negozio.<\/p>\n<p><strong>Requisiti:<\/strong><\/p>\n<ul>\n<li>Un negozio WooCommerce in esecuzione in locale <a href=\"https:\/\/kinsta.com\/it\/blog\/tutorial-woocommerce\/\">con uno o pi\u00f9 prodotti<\/a> impostati.<\/li>\n<li>Un <a href=\"https:\/\/www.mailgun.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">account Mailgun<\/a> gratuito per inviare email.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/it\/blog\/come-installare-node-js\/\">Node.js<\/a> e <a href=\"https:\/\/ngrok.com\/docs\/getting-started\/\" target=\"_blank\" rel=\"noopener noreferrer\">ngrok<\/a> installati.<\/li>\n<li>Il <a href=\"https:\/\/github.com\/VirtuaCreative\/woocommerce-reporting-app\" target=\"_blank\" rel=\"noopener noreferrer\">template di partenza<\/a> del progetto.<\/li>\n<li>Un editor di codice.<\/li>\n<\/ul>\n<h3>Configurare il template di partenza<\/h3>\n<p>Seguiamo questi passaggi per configurare il template di partenza:<\/p>\n<ol start=\"1\">\n<li><a href=\"https:\/\/help.mailgun.com\/hc\/en-us\/articles\/203380100-Where-Can-I-Find-My-API-Key-and-SMTP-Credentials-\" target=\"_blank\" rel=\"noopener noreferrer\">Prendiamo nota della chiave API Mailgun e del dominio sandbox<\/a> e incolliamo i loro valori nel file <strong>.env<\/strong> insieme alle variabili corrispondenti. Per la variabile <code>MAILGUN_SENDER_EMAIL<\/code>, inseriamo come valore l&#8217;email che abbiamo utilizzato per creare l&#8217;account Mailgun.<\/li>\n<li>Nella bacheca di amministrazione di WordPress, selezioniamo <strong>WooCommerce<\/strong> &gt; <strong>Impostazioni<\/strong> &gt; <strong>Avanzate<\/strong> &gt; <strong>API REST<\/strong>.<\/li>\n<\/ol>\n<figure>\n<p><figure style=\"width: 1179px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-rest-api.png\" alt=\"La scheda WooCommerce Advanced mostra la sezione API REST. Sono presenti il pulsante Aggiungi chiave, il campo Chiave di ricerca, l'elenco Azioni di massa e il pulsante Applica. Ogni chiave ha una tabella con le colonne Descrizione, Chiave consumatore che termina in, Autorizzazioni e Ultimo accesso.\" width=\"1179\" height=\"668\"><figcaption class=\"wp-caption-text\">La scheda Advanced di WooCommerce mostra la sezione REST API.<\/figcaption><\/figure><\/figure>\n<ol start=\"3\">\n<li>Clicchiamo su <strong>Aggiungi chiave<\/strong> per creare la chiave API per autenticare le richieste dall&#8217;applicazione.<\/li>\n<li>Apriamo la sezione <strong>Dettagli chiave<\/strong> e forniamo una descrizione e un utente, selezioniamo i permessi di <strong>lettura\/scrittura<\/strong> e clicchiamo su <strong>Genera chiave API<\/strong>.<\/li>\n<\/ol>\n<figure>\n<p><figure style=\"width: 1179px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-api-key-details.png\" alt=\"La scheda WooCommerce Advanced mostra la sezione Dettagli chiave con i campi Descrizione e Utente e un elenco di autorizzazioni.\" width=\"1179\" height=\"671\"><figcaption class=\"wp-caption-text\">La scheda WooCommerce Advanced mostra i dettagli della chiave API.<\/figcaption><\/figure><\/figure>\n<ol start=\"5\">\n<li>Assicuriamoci di copiare la <strong>chiave del consumatore<\/strong> e il <strong>segreto del consumatore<\/strong> dalla pagina risultante, poich\u00e9 non potremo pi\u00f9 vederli.<\/li>\n<li>Apriamo il file <strong>.env<\/strong> e assegniamo i valori copiati nel passaggio precedente alle rispettive variabili. Forniamo l&#8217;URL del negozio per la variabile <code>WOOCOMMERCE_STORE_URL<\/code> (qualcosa come <code>http:\/\/localhost\/mystore\/index.php<\/code>).<\/li>\n<li>Installiamo tutte le dipendenze del progetto con il seguente comando nel terminale:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">npm i express @woocommerce\/woocommerce-rest-api dotenv ejs mailgun.js\n\nnpm i -D nodemon<\/code><\/pre>\n<p>Queste dipendenze servono per i seguenti scopi:<\/p>\n<ul>\n<li><code>express<\/code>: framework Node.js per creare un&#8217;API.<\/li>\n<li><code>@woocommerce\/woocommerce-rest-api<\/code>: effettua chiamate di rete all&#8217;API REST di WooCommerce.<\/li>\n<li><code>dotenv<\/code>: carica le variabili d&#8217;ambiente dal file <strong>.env<\/strong>.<\/li>\n<li><code>ejs<\/code>: crea modelli JavaScript.<\/li>\n<li><code>mailgun.js<\/code>: invia email utilizzando Mailgun.<\/li>\n<li><code>nodemon<\/code>: riavvia automaticamente il server quando vengono rilevate modifiche ai file.<\/li>\n<\/ul>\n<h3>Implementare le funzioni dell&#8217;applicazione<\/h3>\n<p>Il modello iniziale contiene il codice per il rendering dei modelli JavaScript incorporati (EJS) nella cartella <strong>views<\/strong>. In questo modo, possiamo concentrarci sulla logica del server, che recupera i dati necessari dalle API di WooCommerce e li passa ai modelli EJS per visualizzarli sull&#8217;interfaccia utente (UI).<\/p>\n<p>Per implementare le funzionalit\u00e0 dell&#8217;applicazione, seguiamo i passaggi qui sotto:<\/p>\n<ol start=\"1\">\n<li>Creiamo un file chiamato <strong>server.js<\/strong> nella cartella principale del progetto. Questo file \u00e8 il punto di ingresso al server Express.<\/li>\n<li>Incolliamo il seguente codice all&#8217;interno del file <strong>server.js <\/strong>:<\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">const express = require('express')\nconst WooCommerceRestApi = require(\"@woocommerce\/woocommerce-rest-api\").default;\nrequire('dotenv').config();\n\nconst app = express()\nconst port = 3000\n\nconst WooCommerce = new WooCommerceRestApi({\n url: process.env.WOOCOMMERCE_STORE_URL,\n consumerKey: process.env.WOOCOMMERCE_CONSUMER_KEY,\n consumerSecret: process.env.WOOCOMMERCE_SECRET_KEY,\n version: \"wc\/v3\"\n});\n\napp.set('view engine', 'ejs')\n\n\/\/ endpoint to check if the application is up and running\napp.get('\/', (req, res) =&gt; {\n   res.send('The application is up and running!')\n})\n\n\/\/ retrieve all products in the store\napp.get('\/products', (req, res) =&gt; {\n   WooCommerce.get(\"products\")\n       .then((response) =&gt; {\n           res.render('pages\/inventory', {\n               products: response.data,\n               currentPage: req.originalUrl\n           });\n       })\n       .catch((error) =&gt; {\n           console.log(error.response.data);\n       });\n})\n\napp.listen(port, () =&gt; {\n console.log(`App listening on port ${port}`)\n})<\/code><\/pre>\n<p>Il codice qui sopra utilizza Express.js per creare un server web. Si inizia importando i pacchetti necessari, configurando il client di WooCommerce per interagire con l&#8217;<a href=\"https:\/\/woo.com\/document\/api-documentation\/\" target=\"_blank\" rel=\"noopener noreferrer\">API REST di WooCommerce<\/a> e impostando l&#8217;applicazione per utilizzare i modelli EJS.<\/p>\n<p>Per prima cosa, definiamo un endpoint <code>\/<\/code> che potremo utilizzare per verificare se l&#8217;applicazione \u00e8 attiva e funzionante. Poi, definiamo una route <code>\/products<\/code> che recupera tutti i prodotti dal negozio WooCommerce. Se l&#8217;operazione ha esito positivo, questa route rende il modello <code>inventory<\/code> con i dati recuperati.<\/p>\n<p>Notate che il codice passa anche il template <code>currentPage<\/code> per tutte le route e aiuta a identificare le pagine attive della dashboard.<\/p>\n<ol start=\"3\">\n<li>Eseguiamo il comando <code>npm run dev<\/code> e apriamo <code>http:\/\/localhost:3000\/products<\/code> nel browser per visualizzare i risultati:<\/li>\n<\/ol>\n<figure>\n<figure style=\"width: 1176px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-store-inventory.png\" alt=\"La pagina Inventario del negozio fornisce un'immagine dell'articolo, il suo nome, la data di creazione, il tipo, lo stato, il prezzo normale, il prezzo, il totale delle vendite e la quantit\u00e0 di giacenze.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">Pagina dell&#8217;Inventario del negozio con i dettagli degli articoli.<\/figcaption><\/figure>\n<p>La pagina dell&#8217;Inventario del negozio mostra tutti i prodotti disponibili nel negozio e i loro dettagli. Queste informazioni aiutano a tenere traccia dei prodotti disponibili e a gestire l&#8217;inventario di conseguenza.<\/figure>\n<ol start=\"4\">\n<li>Per gestire i report sulle vendite, aggiungiamo il seguente percorso al file <strong>server.js<\/strong>:<\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">\/\/ retrieve monthly sales report\napp.get('\/sales', (req, res) =&gt; {\n   WooCommerce.get(\"reports\/sales\", {\n          period: \"month\"\n   })\n       .then((response) =&gt; {\n           res.render('pages\/sales', {\n               sales: response.data,\n               currentPage: req.originalUrl\n           })\n       })\n       .catch((error) =&gt; {\n         console.log(error.response.data);\n       });\n})<\/code><\/pre>\n<p>Questo codice definisce un endpoint <code>\/sales<\/code> che recupera il report mensile delle vendite dall&#8217;API di WooCommerce. La chiamata all&#8217;API include il parametro <code>period<\/code> con il valore <code>month<\/code>, che indica il report delle vendite del mese corrente. Una volta che la richiesta \u00e8 andata a buon fine, il codice rende il modello EJS delle vendite con i dati recuperati.<\/p>\n<ol start=\"5\">\n<li>Navighiamo su <code>http:\/\/localhost:3000\/sales<\/code> nel browser per visualizzare i risultati:<\/li>\n<\/ol>\n<figure>\n<figure style=\"width: 1176px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-monthly-sales-report.png\" alt=\"Pagina del report delle vendite mensili con i totali delle vendite, degli ordini, degli articoli venduti e dei rimborsi. Sotto di essa \u00e8 presente una tabella con le colonne Data, Vendite, Ordini e Articoli venduti.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">Pagina del report sulle vendite mensili.<\/figcaption><\/figure>\n<p>Questa pagina mostra un report completo sulle vendite totali, aiutando cos\u00ec ad analizzare l&#8217;andamento dei ricavi mensili dell&#8217;azienda.<\/figure>\n<h3>Implementare la gestione degli ordini<\/h3>\n<ol start=\"1\">\n<li>Aggiungiamo la route qui sotto al file <strong>server.js<\/strong>.<\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">\/\/ retrieve all orders\napp.get('\/orders', (req, res) =&gt; {\n   WooCommerce.get(\"orders\")\n       .then((response) =&gt; {\n           res.render('pages\/orders', {\n               orders: response.data,\n               currentPage: req.originalUrl\n           })\n       })\n       .catch((error) =&gt; {\n           console.log(error.response.data);\n       });\n})<\/code><\/pre>\n<p>Questo codice recupera tutti gli ordini dal negozio WooCommerce e rende il modello Ordini con i dati recuperati.<\/p>\n<ol start=\"2\">\n<li>Navighiamo su <code>http:\/\/localhost:3000\/orders<\/code> nel browser per visualizzare i risultati. Questa pagina mostra le informazioni per la gestione degli ordini:<\/li>\n<\/ol>\n<figure>\n<p><figure style=\"width: 1176px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-orders.png\" alt=\"Pagina Ordini con una tabella contenente le colonne Cliente, Valuta, Numero di articoli, Creato il, Sconto, Spese di spedizione, Totale carrello, Metodo di pagamento e Stato.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">Pagina degli ordini che mostra i dettagli delle transazioni.<\/figcaption><\/figure><\/figure>\n<h3>Personalizzare gli avvisi per un resoconto completo delle transazioni<\/h3>\n<p>Per implementare la funzionalit\u00e0 di invio di un avviso e-mail personalizzato quando un cliente effettua un ordine sul sito, seguiamo questi passaggi:<\/p>\n<ol start=\"1\">\n<li>Apriamo una finestra di terminale ed eseguiamo <code>ngrok http 3000<\/code> per eseguire il tunnel della connessione al server web. Questo comando genera un link HTTPS che WooCommerce pu\u00f2 utilizzare per inviare i dati del webhook. Copiamo il link di inoltro generato.<\/li>\n<li>Aggiungiamo la route seguente al file <strong>server.js <\/strong>:<\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">app.post('\/woocommerce-webhook\/new-order', (req, res) =&gt; {\n   const data = req.body; \/\/ Received data from the WooCommerce webhook\n   console.log('New order:', data);\n\n   if(data?.id){\n       mg.messages.create(process.env.MAILGUN_SANDBOX_DOMAIN, {\n           from: `WooCommerce Store &lt;${process.env.MAILGUN_SENDER_EMAIL}&gt; `,\n           to: [process.env.MAILGUN_SENDER_EMAIL],\n           subject: \"New Order Created\",\n           html: newOrderEmail(data.order_key, `${data.billing.first_name} ${data.billing.last_name}`, data.billing.email, data.total, data.status, data.payment_method_title, data.line_items)\n       })\n       .then(msg =&gt; console.log(msg)) \/\/ logs response data\n       .catch(err =&gt; console.log(err)); \/\/ logs any error\n   }\n\n   res.status(200).send('Webhook received successfully'); \/\/ Send a response to WooCommerce\n});<\/code><\/pre>\n<p>Questo codice definisce un percorso che gestisce i dati in arrivo da un webhook di WooCommerce attivato quando un cliente crea un nuovo ordine. Se i dati ricevuti contengono la propriet\u00e0 <code>id<\/code> (che indica un ordine valido), utilizza l&#8217;API Mailgun per inviare una notifica via e-mail all&#8217;indirizzo di posta elettronica specificato.<\/p>\n<p>L&#8217;email include vari dettagli dell&#8217;ordine come il nome del cliente, l&#8217;email, l&#8217;importo totale, lo stato, il metodo di pagamento e un elenco degli articoli acquistati.<\/p>\n<p>Il codice compone l&#8217;email utilizzando la funzione <code>newOrderEMail()<\/code> definita nel file <strong>utils\/new-order-email.js <\/strong>, che restituisce un modello di email personalizzato. Dopo aver elaborato i dati e inviato l&#8217;email, il server risponde con un codice di stato 200, che indica la ricezione del webhook e un messaggio corrispondente (&#8220;Webhook ricevuto con successo&#8221;).<\/p>\n<ol start=\"3\">\n<li>Aggiungiamo la seguente dichiarazione per importare la funzione <code>newOrderEmail()<\/code>:<\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">const { newOrderEmail } = require('.\/utils\/new-order-email');<\/code><\/pre>\n<ol start=\"4\">\n<li>Eseguiamo il comando <code>npm run start<\/code> per avviare il server.<\/li>\n<\/ol>\n<ol start=\"5\">\n<li>Nella bacheca di amministrazione di WordPress, selezioniamo <strong>WooCommerce<\/strong> &gt; <strong>Impostazioni<\/strong> &gt; <strong>Avanzate<\/strong> &gt; <strong>Webhooks<\/strong>.<\/li>\n<\/ol>\n<figure>\n<p><figure style=\"width: 1200px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-webhooks.png.png\" alt=\"La scheda Avanzate mostra la sezione Webhooks. \u00c8 presente un pulsante Aggiungi webhook, un elenco Azioni con un pulsante Applica e una tabella con le colonne Nome, Stato, Argomento e URL di consegna. \" width=\"1200\" height=\"668\"><figcaption class=\"wp-caption-text\">La pagina Advanced mostra la sezione Webhooks.<\/figcaption><\/figure><\/figure>\n<ol start=\"6\">\n<li>Clicchiamo su <strong>Aggiungi webhook<\/strong> e forniamo le seguenti informazioni nel modulo <strong>Dati webhook <\/strong>:<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Nome<\/strong>: Avviso di nuovo ordine<\/li>\n<li><strong>Stato<\/strong>: Attivo<\/li>\n<li><strong>Argomento<\/strong>: Ordine creato<\/li>\n<li><strong>URL di consegna<\/strong>: Incolliamo l&#8217;URL di inoltro di ngrok che abbiamo copiato al punto 1. Assicuriamoci di aggiungere <code>\/woocommerce-webhook\/new-order<\/code> all&#8217;URL. Questo \u00e8 il nuovo endpoint definito per ricevere il payload del webhook.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li><strong>Segreto<\/strong>: lasciamo questo campo vuoto. Il valore predefinito \u00e8 il segreto del consumatore dell&#8217;utente API corrente. Il segreto genera un hash del webhook consegnato nelle intestazioni della richiesta. Il destinatario pu\u00f2 utilizzare questo segreto per verificare l&#8217;autenticit\u00e0 dei dati in arrivo. Se la firma corrisponde al valore previsto, conferma che i dati sono stati inviati da WooCommerce, garantendo fiducia e sicurezza.<\/li>\n<li><strong>Versione API<\/strong>: WP REST API Integration v3.<\/li>\n<\/ul>\n<figure>\n<p><figure style=\"width: 1198px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-webhook-form.png\" alt=\"Pagina Advanced che mostra il modulo dei dati del webhook. Il modulo contiene i campi Nome, Stato, Argomento, URL di consegna, Segreto e Versione API con un pulsante Salva webhook.\" width=\"1198\" height=\"667\"><figcaption class=\"wp-caption-text\">Pagina Advanced che mostra il modulo dei dati Webhook.<\/figcaption><\/figure><\/figure>\n<ol start=\"7\">\n<li>Clicchiamo su <strong>Salva webhook<\/strong>.<\/li>\n<\/ol>\n<ol start=\"8\">\n<li>Visitiamo il negozio ed effettuiamo un ordine. Dovremmo vedere un&#8217;e-mail come quella qui sotto:<\/li>\n<\/ol>\n<figure>\n<p><figure style=\"width: 1170px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/woo-app-new-order-email.png\" alt=\"E-mail di creazione di un nuovo ordine con l'ID dell'ordine, il nome del cliente, il totale dell'ordine, lo stato dell'ordine, il metodo di pagamento e le voci di riga che specificano il nome, la quantit\u00e0 e il totale.\" width=\"1170\" height=\"655\"><figcaption class=\"wp-caption-text\">Avviso via e-mail per un nuovo ordine e informazioni sull&#8217;inventario.<\/figcaption><\/figure><\/figure>\n<h3>Distribuire tutto su Kinsta<\/h3>\n<p>Con Kinsta, possiamo distribuire non solo il nostro sito web WordPress + WooCommence con l&#8217;<a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/\">Hosting WordPress gestito<\/a>, ma anche la nostra nuova applicazione di reporting con l&#8217;<a href=\"https:\/\/sevalla.com\/application-hosting\/\">Hosting di Applicazioni<\/a>.<\/p>\n<p>I nostri servizi di hosting premium offrono caratteristiche fondamentali, come:<\/p>\n<ul>\n<li><strong>Prestazioni elevate e velocit\u00e0 incredibile<\/strong>: Kinsta ospita i siti e le app sulla rete Premium Tier di Google Cloud Platform con le macchine C2 pi\u00f9 veloci e robuste e con l&#8217;edge cache attraverso il CDN di Cloudflare con 300 PoP.<\/li>\n<li><strong>Distribuzione rapida e senza complicazioni<\/strong>: per un&#8217;esperienza di hosting senza problemi, Kinsta esegue automaticamente la build delle applicazioni e distribuisce i siti WordPress senza bisogno di configurazioni manuali. \u00c8 possibile installare e sviluppare facilmente i propri siti con <a href=\"https:\/\/kinsta.com\/it\/devkinsta\/\">DevKinsta<\/a> e pubblicarli premendo un pulsante, lasciando le impostazioni lato server al nostro team di tecnici specializzati.<\/li>\n<li><strong>Sicurezza<\/strong>: le applicazioni e i siti web vivono dietro due firewall, con protezione e mitigazione DDoS, HTTP\/3 e TLS 1.3. Vengono distribuiti in un container isolato, evitando picchi di traffico da parte di altre applicazioni che interferiscono con l&#8217;ambiente di produzione, nonch\u00e9 la contaminazione da parte di attacchi dannosi provenienti da altri siti.<\/li>\n<\/ul>\n<h2>Riepilogo<\/h2>\n<p>Grazie alla flessibilit\u00e0 di un hosting esterno, abbiamo creato un&#8217;applicazione di reporting avanzata che aggiorna i livelli di inventario rimanenti e fornisce un report completo sulle vendite totali.<\/p>\n<p>Inoltre, fornisce avvisi dettagliati sulle transazioni, offrendo approfondimenti in tempo reale su transazioni specifiche, compresi i dettagli dei prodotti, le quantit\u00e0 e le informazioni sui clienti, in modo da poter gestire in modo proattivo le giacenze e comprendere le tendenze di vendita e i modelli di fatturato.<\/p>\n<p>Siete pronti a dare una svolta alla vostra esperienza WooCommerce? <a href=\"https:\/\/sevalla.com\/pricing\/\">Provate Kinsta<\/a> per implementare una reportistica WooCommerce avanzata e personalizzata.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il plugin WooCommerce per WordPress permette di creare e gestire in modo efficiente una piattaforma di e-commerce, fornendo l&#8217;accesso a funzioni di notifica integrate che avvisano &#8230;<\/p>\n","protected":false},"author":290,"featured_media":74706,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[26232,25852],"class_list":["post-74705","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-api","topic-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Creare un&#039;app di reportistica avanzata per WooCommerce - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Scopri come creare un&#039;applicazione in hosting che generi avvisi via e-mail con dati completi e personalizzati sulle transazioni.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creare un&#039;app di reportistica avanzata per un negozio WooCommerce\" \/>\n<meta property=\"og:description\" content=\"Scopri come creare un&#039;applicazione in hosting che generi avvisi via e-mail con dati completi e personalizzati sulle transazioni.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-23T11:33:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-29T09:56:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marcia Ramos\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Scopri come creare un&#039;applicazione in hosting che generi avvisi via e-mail con dati completi e personalizzati sulle transazioni.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcia Ramos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/\"},\"author\":{\"name\":\"Marcia Ramos\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116\"},\"headline\":\"Creare un&#8217;app di reportistica avanzata per un negozio WooCommerce\",\"datePublished\":\"2023-11-23T11:33:55+00:00\",\"dateModified\":\"2023-11-29T09:56:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/\"},\"wordCount\":2256,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/\",\"name\":\"Creare un'app di reportistica avanzata per WooCommerce - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"datePublished\":\"2023-11-23T11:33:55+00:00\",\"dateModified\":\"2023-11-29T09:56:17+00:00\",\"description\":\"Scopri come creare un'applicazione in hosting che generi avvisi via e-mail con dati completi e personalizzati sulle transazioni.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Creare un&#8217;app di reportistica avanzata per un negozio WooCommerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116\",\"name\":\"Marcia Ramos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g\",\"caption\":\"Marcia Ramos\"},\"description\":\"I'm the Editorial Team Lead at Kinsta. I'm a open source enthusiast and I love coding. With more than 10 years of technical writing and editing for the tech industry, I love collaborating with people to create clear and concise pieces of content and improve workflows.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/marciadiasramos\/\"],\"honorificSuffix\":\"B.Sc.\",\"gender\":\"Female\",\"knowsLanguage\":[\"English\",\"Portuguese\"],\"jobTitle\":\"Editorial Team Lead\",\"worksFor\":\"Kinsta Inc.\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/marciaramos\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Creare un'app di reportistica avanzata per WooCommerce - Kinsta\u00ae","description":"Scopri come creare un'applicazione in hosting che generi avvisi via e-mail con dati completi e personalizzati sulle transazioni.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/","og_locale":"it_IT","og_type":"article","og_title":"Creare un'app di reportistica avanzata per un negozio WooCommerce","og_description":"Scopri come creare un'applicazione in hosting che generi avvisi via e-mail con dati completi e personalizzati sulle transazioni.","og_url":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2023-11-23T11:33:55+00:00","article_modified_time":"2023-11-29T09:56:17+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","type":"image\/jpeg"}],"author":"Marcia Ramos","twitter_card":"summary_large_image","twitter_description":"Scopri come creare un'applicazione in hosting che generi avvisi via e-mail con dati completi e personalizzati sulle transazioni.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","twitter_creator":"@Kinsta_IT","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Marcia Ramos","Tempo di lettura stimato":"13 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/"},"author":{"name":"Marcia Ramos","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116"},"headline":"Creare un&#8217;app di reportistica avanzata per un negozio WooCommerce","datePublished":"2023-11-23T11:33:55+00:00","dateModified":"2023-11-29T09:56:17+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/"},"wordCount":2256,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/","url":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/","name":"Creare un'app di reportistica avanzata per WooCommerce - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","datePublished":"2023-11-23T11:33:55+00:00","dateModified":"2023-11-29T09:56:17+00:00","description":"Scopri come creare un'applicazione in hosting che generi avvisi via e-mail con dati completi e personalizzati sulle transazioni.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/applicazione-reportistica-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/kinsta.com\/it\/argomenti\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"Creare un&#8217;app di reportistica avanzata per un negozio WooCommerce"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116","name":"Marcia Ramos","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0d680db24858fdf61a7e7ce3c1a160f5?s=96&d=mm&r=g","caption":"Marcia Ramos"},"description":"I'm the Editorial Team Lead at Kinsta. I'm a open source enthusiast and I love coding. With more than 10 years of technical writing and editing for the tech industry, I love collaborating with people to create clear and concise pieces of content and improve workflows.","sameAs":["https:\/\/www.linkedin.com\/in\/marciadiasramos\/"],"honorificSuffix":"B.Sc.","gender":"Female","knowsLanguage":["English","Portuguese"],"jobTitle":"Editorial Team Lead","worksFor":"Kinsta Inc.","url":"https:\/\/kinsta.com\/it\/blog\/author\/marciaramos\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/74705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/290"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=74705"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/74705\/revisions"}],"predecessor-version":[{"id":75003,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/74705\/revisions\/75003"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74705\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74705\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74705\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74705\/translations\/fr"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74705\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74705\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74705\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74705\/translations\/nl"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74705\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/74706"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=74705"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=74705"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=74705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}