{"id":67111,"date":"2023-11-23T12:39:16","date_gmt":"2023-11-23T11:39:16","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=67111&#038;preview=true&#038;preview_id=67111"},"modified":"2023-11-29T10:46:23","modified_gmt":"2023-11-29T09:46:23","slug":"woocommerce-reporting-anwendung","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/","title":{"rendered":"Erstelle eine erweiterte Reporting Anwendung f\u00fcr deinen WooCommerce Shop"},"content":{"rendered":"<p>Mit dem <a href=\"https:\/\/kinsta.com\/de\/blog\/woocommerce-tutorial\/\">WooCommerce-Plugin<\/a> f\u00fcr WordPress kannst du eine E-Commerce-Plattform effizient erstellen und verwalten. Es bietet Zugang zu integrierten Benachrichtigungsfunktionen, die dich \u00fcber neue oder abgeschlossene Bestellungen, niedrige Lagerbest\u00e4nde und erfolgreiche Zahlungen informieren. Diese Funktionen sind unerl\u00e4sslich, bieten aber nur einen begrenzten Einblick in die wertvollen Daten, die WooCommerce sammelt.<\/p>\n<p>Solche Einschr\u00e4nkungen liegen in der Natur herk\u00f6mmlicher Plugins, die in der WordPress-Umgebung arbeiten. Gehostete Anwendungen &#8211; webbasierte Operationen auf externen Servern &#8211; sind dagegen viel flexibler.<\/p>\n<p>Durch die Integration mit WooCommerce-APIs und die Nutzung externer Ressourcen k\u00f6nnen gehostete Anwendungen erweiterte Berichte, individuelle Warnmeldungen und detaillierte Einblicke in E-Commerce-Transaktionen liefern.<\/p>\n<p>In diesem Leitfaden erf\u00e4hrst du, wie du eine gehostete Anwendung erstellst, die E-Mail-Benachrichtigungen mit umfassenden Transaktionsdaten generiert, die \u00fcber die M\u00f6glichkeiten des Standard-Plugins hinausgehen.<\/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>Vorhandene Berichts- und Benachrichtigungsfunktionen<\/h2>\n<p>Die in WooCommerce integrierten Benachrichtigungen und Statusaktualisierungen helfen bei der Verwaltung des Stores, erf\u00fcllen aber nicht alle Anforderungen. Daher greifen viele Nutzer auf Plugins von Drittanbietern zur\u00fcck, um ihre Benachrichtigungs- und Berichtsfunktionen zu erweitern.<\/p>\n<p>Einige der beliebtesten Plugins sind:<\/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> &#8211; Bietet ein intuitives Dashboard mit wichtigen Kennzahlen und Berichten.<\/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> &#8211; Erm\u00f6glicht die Anpassung von Rechnungs- und Lieferscheinvorlagen, die automatisch per E-Mail an die Kunden verschickt werden, und bietet eine Aufzeichnung der erstellten Rechnungen und Lieferscheine.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-google-analytics-integration\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce Google Analytics-Integration<\/a> &#8211; Nutzt die Google Analytics-Tools, um detaillierte Berichte \u00fcber demografische Daten der Kunden und Traffic-Quellen zu erstellen.<\/li>\n<\/ul>\n<p>Mit diesen Plugins bietet WooCommerce Berichts- und Warnoptionen, wie z. B. Bestellzusammenfassungen, Warnungen bei niedrigem Lagerbestand, Bestandsverwaltung und detaillierte Analysen durch die Integration mit Tools wie <a href=\"https:\/\/kinsta.com\/de\/blog\/ga4\/\">Google Analytics<\/a>.<\/p>\n<h2>Die Grenzen der aktuellen Reporting-Systeme<\/h2>\n<p>Die aktuellen Berichtssysteme sind zwar n\u00fctzlich, haben aber nur begrenzte M\u00f6glichkeiten und bringen einige <strong>Einschr\u00e4nkungen<\/strong> mit sich, wie z. B:<\/p>\n<ul>\n<li><strong>Anpassungsm\u00f6glichkeiten<\/strong>: Allgemeine <a href=\"https:\/\/kinsta.com\/de\/blog\/verwendung-von-google-analytics\/\">Reporting-Tools<\/a> und Plugins schr\u00e4nken die Tiefe und Spezifit\u00e4t der Erkenntnisse ein, die dein Unternehmen aus den Daten gewinnen kann. M\u00f6glicherweise ben\u00f6tigst du spezielle Kennzahlen, einzigartige Visualisierungen, die Integration mit propriet\u00e4ren Analysetools oder bestimmte Datenfilter, die in allgemeinen Reporting-Tools und Plugins nicht ohne Weiteres verf\u00fcgbar sind.<\/li>\n<li><strong>Skalierbarkeit<\/strong><strong>:<\/strong> Bestehende Berichtssysteme k\u00f6nnen bei gro\u00dfen Datenmengen <a href=\"https:\/\/kinsta.com\/de\/blog\/skalierbarkeit-woocommerce\/\">Probleme mit der Skalierbarkeit<\/a> haben. Langsame Leistung und Engp\u00e4sse bei der Datenverarbeitung k\u00f6nnen eine effiziente Datenanalyse behindern und zu Verz\u00f6gerungen bei der Entscheidungsfindung und den Reaktionszeiten f\u00fchren.<\/li>\n<li><strong>Abh\u00e4ngigkeit von WordPress<\/strong><strong>:<\/strong> Da die Integration in WordPress die Unabh\u00e4ngigkeit, Anpassbarkeit und Skalierbarkeit einschr\u00e4nkt, kann es zu Einschr\u00e4nkungen bei den Serverressourcen, der Kompatibilit\u00e4t von Plugins und Sicherheitsl\u00fccken kommen. Diese Integration kann dein Unternehmen auch daran hindern, fortschrittlichere Technologien und L\u00f6sungen einzuf\u00fchren.<\/li>\n<\/ul>\n<p>Im Gegensatz dazu kann eine ma\u00dfgeschneiderte Reporting-Anwendung detaillierte Transaktions- und Kundeninformationen liefern. Mit diesen Daten kannst du Markttrends vorhersehen und dein Angebot entsprechend optimieren.<\/p>\n<p>Au\u00dferdem kannst du eine benutzerdefinierte Reporting-Anwendung schnell skalieren, um das wachsende Datenvolumen zu bew\u00e4ltigen und einen reibungslosen Betrieb zu gew\u00e4hrleisten, wenn dein Unternehmen w\u00e4chst.<\/p>\n<h2>Die erweiterte Reporting-Anwendung<\/h2>\n<p>Die in diesem Leitfaden vorgestellte Anwendung f\u00fcr erweiterte Berichte hat folgende Funktionen:<\/p>\n<ul>\n<li>Detaillierte Transaktionswarnungen werden per E-Mail an den Store-Betreiber gesendet, wenn ein Kunde eine neue Bestellung aufgibt. Die Anwendung verf\u00fcgt au\u00dferdem \u00fcber ein Dashboard, das eine Liste aller Bestellungen mit ihren Details anzeigt.<\/li>\n<li>Bestandsaktualisierungen zeigen die <a href=\"https:\/\/kinsta.com\/de\/blog\/woocommerce-bestandsverwaltung\/\">Details des Store-Inventars<\/a> auf dem Dashboard an. Von dort aus kannst du die Lagerbest\u00e4nde der einzelnen Produkte leicht verfolgen.<\/li>\n<li>Mit den Berichten zum Gesamtumsatz kannst du die Umsatzentwicklung im Laufe der Zeit analysieren.<\/li>\n<\/ul>\n<p>Im Gegensatz zu generischen Plugins oder dem standardm\u00e4\u00dfigen Benachrichtigungssystem von WooCommerce bietet diese Anwendung detaillierte und anpassbare Benachrichtigungen \u00fcber den verbleibenden Bestand und den Gesamtumsatz.<\/p>\n<p>Das Hosting der Anwendung bietet au\u00dferdem mehrere Vorteile, wie z. B.:<\/p>\n<ul>\n<li><strong>Skalierbarkeit<\/strong><strong>:<\/strong> Unabh\u00e4ngiges Hosting minimiert Engp\u00e4sse bei der Datenverarbeitung und stellt sicher, dass du deinen Betrieb ohne Ressourcenbeschr\u00e4nkungen erweitern kannst.<\/li>\n<li><strong>Anpassbarkeit<\/strong>: Durch unabh\u00e4ngiges Hosting kannst du die Nutzung der gesammelten Daten individuell anpassen, z. B. durch die Integration von Drittanbieterdiensten (wie Predictive Analytics Engines) und die Implementierung einzigartiger Datenvisualisierungstechniken, die besser auf die Anforderungen und Ziele deines Unternehmens abgestimmt sind.<\/li>\n<li><strong>Eigenst\u00e4ndigkeit<\/strong>: Wenn du deine Anwendung aus der WordPress-Umgebung herausnimmst, bist du von Einschr\u00e4nkungen wie begrenzten Serverressourcen und m\u00f6glichen Konflikten zwischen verschiedenen Plugins befreit.<\/li>\n<\/ul>\n<h2>So entwickelst du eine erweiterte Reporting-Anwendung<\/h2>\n<p>In diesem Abschnitt bauen wir eine Reporting-Anwendung mit Node.js, der <a href=\"https:\/\/woocommerce.github.io\/woocommerce-rest-api-docs\/#introduction\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce REST API<\/a> und <a href=\"https:\/\/woocommerce.com\/document\/webhooks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Webhooks<\/a> zum Abrufen der Shopdaten.<\/p>\n<p><strong>Voraussetzungen:<\/strong><\/p>\n<ul>\n<li>Ein lokal betriebener WooCommerce-Shop <a href=\"https:\/\/kinsta.com\/de\/blog\/woocommerce-tutorial\/\">mit einem oder mehreren Produkten<\/a>.<\/li>\n<li>Ein kostenloses <a href=\"https:\/\/www.mailgun.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mailgun-Konto<\/a>, um E-Mails zu versenden.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/so-installierst-du-node-js\/\">Node.js<\/a> und <a href=\"https:\/\/ngrok.com\/docs\/getting-started\/\" target=\"_blank\" rel=\"noopener noreferrer\">ngrok<\/a> sind installiert.<\/li>\n<li>Die <a href=\"https:\/\/github.com\/VirtuaCreative\/woocommerce-reporting-app\" target=\"_blank\" rel=\"noopener noreferrer\">Startvorlage<\/a> f\u00fcr das Projekt.<\/li>\n<li>Ein Code-Editor.<\/li>\n<\/ul>\n<h3>Konfiguriere die Startvorlage<\/h3>\n<p>Befolge diese Schritte, um die Startvorlage zu konfigurieren:<\/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\">Notiere dir deinen Mailgun-API-Schl\u00fcssel und deine Sandbox-Dom\u00e4ne<\/a> und f\u00fcge ihre Werte neben den entsprechenden Variablen in die <strong>.env-Datei<\/strong> ein. F\u00fcr die Variable <code>MAILGUN_SENDER_EMAIL<\/code> gibst du als Wert die E-Mail an, die du zur Erstellung des Mailgun-Kontos verwendet hast.<\/li>\n<li>W\u00e4hle in deinem WordPress-Admin-Dashboard <strong>WooCommerce<\/strong> &gt; <strong>Einstellungen<\/strong> &gt; <strong>Erweitert<\/strong> &gt; <strong>REST 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-rest-api.png\" alt=\"Die Registerkarte \"Erweitert\" von WooCommerce zeigt den Abschnitt \"REST API\". Es gibt eine Schaltfl\u00e4che Schl\u00fcssel hinzuf\u00fcgen, ein Feld Schl\u00fcssel suchen, eine Liste mit Massenaktionen und eine Schaltfl\u00e4che Anwenden. Jeder Schl\u00fcssel hat eine Tabelle mit den Spalten Beschreibung, Verbraucherschl\u00fcssel mit der Endung in, Berechtigungen und letzter Zugriff.\" width=\"1179\" height=\"668\"><figcaption class=\"wp-caption-text\">Die Registerkarte Erweitert von WooCommerce zeigt den Abschnitt REST API<\/figcaption><\/figure><\/figure>\n<ol start=\"3\">\n<li>Klicke auf <strong>Schl\u00fcssel hinzuf\u00fcgen<\/strong>, um den API-Schl\u00fcssel zu erstellen, mit dem du die Anfragen deiner Anwendung authentifizieren kannst.<\/li>\n<li>\u00d6ffne den Abschnitt <strong>Schl\u00fcsseldetails<\/strong> und gib eine Beschreibung und einen Benutzer an, w\u00e4hle <strong>Lese-\/Schreibrechte<\/strong> und klicke auf <strong>API-Schl\u00fcssel generieren<\/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=\"Auf der Registerkarte \"Erweitert\" von WooCommerce findest du den Abschnitt \"Schl\u00fcsseldetails\" mit den Feldern \"Beschreibung\" und \"Benutzer\" sowie eine Liste der Berechtigungen.\" width=\"1179\" height=\"671\"><figcaption class=\"wp-caption-text\">Die Registerkarte &#8222;Erweitert&#8220; von WooCommerce zeigt die Details des API-Schl\u00fcssels<\/figcaption><\/figure><\/figure>\n<ol start=\"5\">\n<li>Achte darauf, dass du den <strong>Kunden-Schl\u00fcssel<\/strong>\u00a0und das <strong>Kunden-Secret<\/strong>\u00a0von der resultierenden Seite kopierst, da du sie nicht mehr sehen kannst.<\/li>\n<li>\u00d6ffne die <strong>.env-Datei<\/strong> und weise die Werte, die du im vorherigen Schritt kopiert hast, den entsprechenden Variablen zu. Gib die URL deines Stores f\u00fcr die Variable <code>WOOCOMMERCE_STORE_URL<\/code> an (z. B. <code>http:\/\/localhost\/mystore\/index.php<\/code>).<\/li>\n<li>Installiere alle Projektabh\u00e4ngigkeiten, indem du den folgenden Befehl in deinem Terminal ausf\u00fchrst:<\/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>Diese Abh\u00e4ngigkeiten dienen den folgenden Zwecken:<\/p>\n<ul>\n<li><code>express<\/code>: Node.js-Framework, um eine API zu erstellen.<\/li>\n<li><code>@woocommerce\/woocommerce-rest-api<\/code>: Netzwerkaufrufe an die WooCommerce REST API.<\/li>\n<li><code>dotenv<\/code>: L\u00e4dt Umgebungsvariablen aus der <strong>.env-Datei<\/strong>.<\/li>\n<li><code>ejs<\/code>: Erzeugt JavaScript-Vorlagen.<\/li>\n<li><code>mailgun.js<\/code>: Versendet E-Mails mit Mailgun.<\/li>\n<li><code>nodemon<\/code>: Startet den Server automatisch neu, wenn Datei\u00e4nderungen erkannt werden.<\/li>\n<\/ul>\n<h3>Anwendungsfunktionen implementieren<\/h3>\n<p>Die Startvorlage enth\u00e4lt den Code f\u00fcr die Darstellung der eingebetteten JavaScript (EJS)-Vorlagen im Ordner <strong>views<\/strong>. So kannst du dich auf die Serverlogik konzentrieren, die die erforderlichen Daten von den WooCommerce-APIs abruft und sie an die EJS-Vorlagen zur Anzeige auf der Benutzeroberfl\u00e4che (UI) weitergibt.<\/p>\n<p>Um die Funktionen der Anwendung zu implementieren, befolge diese Schritte:<\/p>\n<ol start=\"1\">\n<li>Erstelle eine Datei namens <strong>server.js <\/strong>im Stammordner des Projekts. Diese Datei dient als Einstiegspunkt in den Express-Server.<\/li>\n<li>F\u00fcge den folgenden Code in die Datei <strong>server.js <\/strong>ein:<\/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>Der obige Code verwendet Express.js, um einen Webserver zu erstellen. Du beginnst damit, die erforderlichen Pakete zu importieren, den WooCommerce-Client so zu konfigurieren, dass er mit der <a href=\"https:\/\/woo.com\/document\/api-documentation\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce-REST-API<\/a> interagiert, und die Anwendung so einzustellen, dass sie EJS-Vorlagen verwendet.<\/p>\n<p>Zuerst definierst du einen <code>\/<\/code> Endpunkt, mit dem du \u00fcberpr\u00fcfen kannst, ob die Anwendung l\u00e4uft. Dann definierst du eine <code>\/products<\/code> Route, die alle Produkte aus dem WooCommerce Store abruft. Bei Erfolg rendert diese Route die Vorlage <code>inventory<\/code> mit den abgerufenen Daten.<\/p>\n<p>Beachte, dass der Code auch die <code>currentPage<\/code> an die Vorlage f\u00fcr alle Routen weitergibt und hilft, die aktiven Seiten auf dem Dashboard zu identifizieren.<\/p>\n<ol start=\"3\">\n<li>F\u00fchre den Befehl <code>npm run dev<\/code> aus und \u00f6ffne <code>http:\/\/localhost:3000\/products<\/code> in deinem Browser, um die Ergebnisse zu sehen:<\/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=\"Auf der Seite Store-Inventar findest du ein Bild des Artikels, seinen Namen, das Erstellungsdatum, den Typ, den Status, den regul\u00e4ren Preis, den Preis, den Gesamtumsatz und die Bestandsmenge.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">Die Seite mit dem Store-Inventar und den Artikeldetails<\/figcaption><\/figure>\n<p>Auf der Seite mit dem Store-Inventar werden alle im Store verf\u00fcgbaren Produkte mit ihren Details angezeigt. Diese Informationen helfen dir, den \u00dcberblick \u00fcber die verf\u00fcgbaren Produkte zu behalten und den Bestand entsprechend zu verwalten.<\/figure>\n<ol start=\"4\">\n<li>Um Verkaufsberichte zu erstellen, f\u00fcgst du die folgende Route in die Datei <strong>server.js<\/strong> ein:<\/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       \t\tperiod: \"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>Dieser Code definiert einen <code>\/sales<\/code> Endpunkt, der den monatlichen Umsatzbericht von der WooCommerce-API f\u00fcr Umsatzberichte abruft. Der API-Aufruf enth\u00e4lt den Parameter <code>period<\/code> mit dem Wert <code>month<\/code>, der den Verkaufsbericht des aktuellen Monats angibt. Sobald die Anfrage erfolgreich war, rendert der Code die EJS-Vorlage mit den abgerufenen Daten.<\/p>\n<ol start=\"5\">\n<li>Navigiere in deinem Browser zu <code>http:\/\/localhost:3000\/sales<\/code>, um die Ergebnisse zu sehen:<\/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=\"Monatliche Umsatzberichtsseite mit den Summen der Verk\u00e4ufe, Bestellungen, verkauften Artikel und Erstattungen. Darunter befindet sich eine Tabelle mit den Spalten Datum, Verk\u00e4ufe, Bestellungen und verkaufte Artikel.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">Seite &#8222;Monatlicher Umsatzbericht&#8220;<\/figcaption><\/figure>\n<p>Auf dieser Seite wird ein umfassender Gesamtumsatzbericht angezeigt, der dir hilft, die monatlichen Umsatztrends deines Unternehmens zu analysieren.<\/figure>\n<h3>Auftragsmanagement implementieren<\/h3>\n<ol start=\"1\">\n<li>F\u00fcge die folgende Route in die Datei <strong>server.js<\/strong> ein.<\/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>Dieser Code ruft alle Bestellungen aus dem WooCommerce-Shop ab und rendert die Vorlage Bestellungen mit den abgerufenen Daten.<\/p>\n<ol start=\"2\">\n<li>Navigiere in deinem Browser zu <code>http:\/\/localhost:3000\/orders<\/code>, um die Ergebnisse zu sehen. Auf dieser Seite werden Informationen zur Auftragsverwaltung angezeigt:<\/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=\"Bestellungsseite mit einer Tabelle, die die Spalten Kunde, W\u00e4hrung, Anzahl der Artikel, Erstellt am, Rabatt, Versandgeb\u00fchr, Gesamtwarenkorb, Zahlungsmethode und Status enth\u00e4lt.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">Bestellungsseite mit Transaktionsdetails<\/figcaption><\/figure><\/figure>\n<h3>Anpassen von Warnmeldungen f\u00fcr umfassende Transaktionsberichte<\/h3>\n<p>Um die Funktion zu implementieren, die dir eine benutzerdefinierte E-Mail-Benachrichtigung sendet, wenn ein Kunde auf deiner Website bestellt, befolge diese Schritte:<\/p>\n<ol start=\"1\">\n<li>\u00d6ffne ein Terminalfenster und f\u00fchre <code>ngrok http 3000<\/code> aus, um die Verbindung deines Webservers zu tunneln. Dieser Befehl generiert einen HTTPS-Link, den WooCommerce zum Senden von Webhook-Daten verwenden kann. Kopiere den generierten Weiterleitungslink.<\/li>\n<li>F\u00fcge die folgende Route in die Datei <strong>server.js <\/strong>ein:<\/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>Dieser Code definiert eine Route, die eingehende Daten von einem WooCommerce-Webhook verarbeitet, der ausgel\u00f6st wird, wenn ein Kunde eine neue Bestellung aufgibt. Wenn die empfangenen Daten die Eigenschaft <code>id<\/code> enthalten (was auf eine g\u00fcltige Bestellung hinweist), wird \u00fcber die Mailgun-API eine E-Mail-Benachrichtigung an die angegebene E-Mail-Adresse gesendet.<\/p>\n<p>Die E-Mail enth\u00e4lt verschiedene Bestelldetails wie Kundenname, E-Mail, Gesamtbetrag, Status, Zahlungsmethode und eine Liste der gekauften Artikel.<\/p>\n<p>Der Code stellt die E-Mail mithilfe der Funktion <code>newOrderEMail()<\/code> zusammen, die in der Datei <strong>utils\/new-order-email.js <\/strong>definiert ist und eine benutzerdefinierte E-Mail-Vorlage zur\u00fcckgibt. Nach der Verarbeitung der Daten und dem Versenden der E-Mail antwortet der Server mit einem Statuscode 200, der den erfolgreichen Empfang des Webhooks und eine entsprechende Nachricht (&#8222;Webhook erfolgreich empfangen&#8220;) anzeigt.<\/p>\n<ol start=\"3\">\n<li>F\u00fcge die folgende Anweisung hinzu, um die Funktion <code>newOrderEmail()<\/code> zu importieren:<\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">const { newOrderEmail } = require('.\/utils\/new-order-email');<\/code><\/pre>\n<ol start=\"4\">\n<li>F\u00fchre den Befehl <code>npm run start<\/code> aus, um den Server zu starten.<\/li>\n<\/ol>\n<ol start=\"5\">\n<li>W\u00e4hle in deinem WordPress-Admin-Dashboard <strong>WooCommerce<\/strong> &gt; <strong>Einstellungen<\/strong> &gt; <strong>Erweitert<\/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=\"Die Registerkarte \"Erweitert\" zeigt den Abschnitt \"Webhooks\". Er enth\u00e4lt eine Schaltfl\u00e4che Webhook hinzuf\u00fcgen, eine Liste mit Aktionen und eine Schaltfl\u00e4che Anwenden sowie eine Tabelle mit den Spalten Name, Status, Thema und Liefer-URL. \" width=\"1200\" height=\"668\"><figcaption class=\"wp-caption-text\">Die Seite &#8222;Erweitert&#8220; zeigt den Bereich &#8222;Webhooks&#8220;<\/figcaption><\/figure><\/figure>\n<ol start=\"6\">\n<li>Klicke auf <strong>Webhook hinzuf\u00fcgen<\/strong> und gib die folgenden Informationen in das <strong>Webhook-Datenformular <\/strong>ein:<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Name<\/strong>: Neuer Bestellungsalarm<\/li>\n<li><strong>Status<\/strong>: Aktiv<\/li>\n<li><strong>Thema<\/strong>: Bestellung erstellt<\/li>\n<li><strong>Weiterleitungs-URL<\/strong>: F\u00fcge die ngrok-Weiterleitungs-URL ein, die du in Schritt 1 kopiert hast. Achte darauf, dass du <code>\/woocommerce-webhook\/new-order<\/code> an die URL anh\u00e4ngst. Dies ist der neu definierte Endpunkt f\u00fcr den Empfang des Webhook-Payloads.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li><strong>Secret<\/strong>: Lass dieses Feld leer. Es ist standardm\u00e4\u00dfig das Kunden-Secret des aktuellen API-Benutzers. Das Secret generiert einen Hash des gelieferten Webhooks in den Anfrage-Headern. Der Empf\u00e4nger kann dieses Secret verwenden, um die Authentizit\u00e4t der eingehenden Daten zu \u00fcberpr\u00fcfen. Wenn die Signatur mit dem erwarteten Wert \u00fcbereinstimmt, best\u00e4tigt sie, dass die Daten von WooCommerce gesendet wurden, und sorgt so f\u00fcr Vertrauen und Sicherheit.<\/li>\n<li><strong>API-Version<\/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=\"Die erweiterte Seite zeigt das Webhook-Datenformular. Es enth\u00e4lt die Felder Name, Status, Thema, Zustell-URL, Geheimnis und API-Version sowie eine Schaltfl\u00e4che Webhook speichern.\" width=\"1198\" height=\"667\"><figcaption class=\"wp-caption-text\">Die erweiterte Seite zeigt das Webhook-Datenformular<\/figcaption><\/figure><\/figure>\n<ol start=\"7\">\n<li>Klicke auf <strong>Webhook speichern<\/strong>.<\/li>\n<\/ol>\n<ol start=\"8\">\n<li>Besuche deinen Store und gib eine Bestellung auf. Du solltest eine E-Mail wie die folgende sehen:<\/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=\"Neue Bestellung Erstellt E-Mail mit der Bestell-ID, dem Kundennamen, der Bestellsumme, dem Bestellstatus, der Zahlungsmethode und den Positionen mit Namen, Menge und Summe.\" width=\"1170\" height=\"655\"><figcaption class=\"wp-caption-text\">E-Mail-Benachrichtigung f\u00fcr eine neue Bestellung und Bestandsinformationen<\/figcaption><\/figure><\/figure>\n<h3>Alles auf Kinsta bereitstellen<\/h3>\n<p>Mit Kinsta kannst du nicht nur deine WordPress + WooCommence Website mit <a href=\"https:\/\/kinsta.com\/de\/wordpress-hosting\/\">Managed WordPress Hosting<\/a> bereitstellen, sondern auch deine neue Berichtsanwendung mit <a href=\"https:\/\/sevalla.com\/application-hosting\/\">Anwendungs-Hosting<\/a>.<\/p>\n<p>Unsere Premium-Hosting-Dienste bieten wichtige Funktionen, wie z. B.:<\/p>\n<ul>\n<li><strong>Hohe Leistung und unglaubliche Geschwindigkeit<\/strong>: Kinsta hostet deine Websites und Anwendungen auf dem Premium Tier Network von Google Cloud Platform mit den schnellsten und robustesten C2-Maschinen und Edge-Caching \u00fcber das CDN von Cloudflare mit 300+ PoPs.<\/li>\n<li><strong>Schnelle und unkomplizierte Bereitstellung<\/strong>: F\u00fcr ein unbeschwertes Hosting-Erlebnis baut Kinsta Anwendungen automatisch auf und stellt WordPress-Websites bereit, ohne dass du sie manuell konfigurieren musst. Du kannst deine Websites ganz einfach mit <a href=\"https:\/\/kinsta.com\/de\/devkinsta\/\">DevKinsta<\/a> installieren und entwickeln und sie per Knopfdruck ver\u00f6ffentlichen, w\u00e4hrend die serverseitigen Einstellungen unserem spezialisierten Technikteam \u00fcberlassen bleiben.<\/li>\n<li><strong>Sicherheit<\/strong>: Deine Anwendungen und Websites befinden sich hinter zwei Firewalls, mit DDoS-Schutz und -Abwehr, HTTP\/3 und TLS 1.3. Sie sind in einem isolierten Container untergebracht, um Traffic-Spitzen durch andere Anwendungen, die deine Produktionsumgebung st\u00f6ren, sowie b\u00f6sartige Angriffe von anderen Websites zu vermeiden.<\/li>\n<\/ul>\n<h2>Zusammenfassung<\/h2>\n<p>Dank der Flexibilit\u00e4t des externen Hostings hast du eine fortschrittliche Reporting-Anwendung erstellt, die die verbleibenden Lagerbest\u00e4nde aktualisiert und umfassende Berichte \u00fcber den Gesamtumsatz liefert.<\/p>\n<p>Au\u00dferdem bietet sie detaillierte Transaktionswarnungen, die in Echtzeit Einblicke in bestimmte Transaktionen geben, einschlie\u00dflich Produktdetails, Mengen und Kundeninformationen, damit du proaktiv den Bestand verwalten und Verkaufstrends und Umsatzmuster verstehen kannst.<\/p>\n<p>Bist du bereit, dein WooCommerce-Erlebnis zu ver\u00e4ndern? <a href=\"https:\/\/sevalla.com\/pricing\/\">Teste Kinsta<\/a>, um fortschrittliche, individuelle WooCommerce-Berichte zu erstellen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mit dem WooCommerce-Plugin f\u00fcr WordPress kannst du eine E-Commerce-Plattform effizient erstellen und verwalten. Es bietet Zugang zu integrierten Benachrichtigungsfunktionen, die dich \u00fcber neue oder abgeschlossene Bestellungen, &#8230;<\/p>\n","protected":false},"author":290,"featured_media":67112,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[925,996],"class_list":["post-67111","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>Erstelle eine erweiterte Reporting Anwendung f\u00fcr WooCommerce - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Erfahre, wie du eine gehostete Anwendung erstellst, die E-Mail-Warnungen mit umfassenden und individuellen Transaktionsdaten generiert.\" \/>\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\/de\/blog\/woocommerce-reporting-anwendung\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Erstelle eine erweiterte Reporting Anwendung f\u00fcr deinen WooCommerce Shop\" \/>\n<meta property=\"og:description\" content=\"Erfahre, wie du eine gehostete Anwendung erstellst, die E-Mail-Warnungen mit umfassenden und individuellen Transaktionsdaten generiert.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-23T11:39:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-29T09:46:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/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=\"Erfahre, wie du eine gehostete Anwendung erstellst, die E-Mail-Warnungen mit umfassenden und individuellen Transaktionsdaten generiert.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcia Ramos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"12\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/\"},\"author\":{\"name\":\"Marcia Ramos\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116\"},\"headline\":\"Erstelle eine erweiterte Reporting Anwendung f\u00fcr deinen WooCommerce Shop\",\"datePublished\":\"2023-11-23T11:39:16+00:00\",\"dateModified\":\"2023-11-29T09:46:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/\"},\"wordCount\":2091,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting-6.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/\",\"name\":\"Erstelle eine erweiterte Reporting Anwendung f\u00fcr WooCommerce - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting-6.jpg\",\"datePublished\":\"2023-11-23T11:39:16+00:00\",\"dateModified\":\"2023-11-29T09:46:23+00:00\",\"description\":\"Erfahre, wie du eine gehostete Anwendung erstellst, die E-Mail-Warnungen mit umfassenden und individuellen Transaktionsdaten generiert.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting-6.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting-6.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Erstelle eine erweiterte Reporting Anwendung f\u00fcr deinen WooCommerce Shop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"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\/de\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116\",\"name\":\"Marcia Ramos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/marciaramos\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Erstelle eine erweiterte Reporting Anwendung f\u00fcr WooCommerce - Kinsta\u00ae","description":"Erfahre, wie du eine gehostete Anwendung erstellst, die E-Mail-Warnungen mit umfassenden und individuellen Transaktionsdaten generiert.","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\/de\/blog\/woocommerce-reporting-anwendung\/","og_locale":"de_DE","og_type":"article","og_title":"Erstelle eine erweiterte Reporting Anwendung f\u00fcr deinen WooCommerce Shop","og_description":"Erfahre, wie du eine gehostete Anwendung erstellst, die E-Mail-Warnungen mit umfassenden und individuellen Transaktionsdaten generiert.","og_url":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2023-11-23T11:39:16+00:00","article_modified_time":"2023-11-29T09:46:23+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","type":"image\/jpeg"}],"author":"Marcia Ramos","twitter_card":"summary_large_image","twitter_description":"Erfahre, wie du eine gehostete Anwendung erstellst, die E-Mail-Warnungen mit umfassenden und individuellen Transaktionsdaten generiert.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Marcia Ramos","Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/"},"author":{"name":"Marcia Ramos","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116"},"headline":"Erstelle eine erweiterte Reporting Anwendung f\u00fcr deinen WooCommerce Shop","datePublished":"2023-11-23T11:39:16+00:00","dateModified":"2023-11-29T09:46:23+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/"},"wordCount":2091,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting-6.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/","url":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/","name":"Erstelle eine erweiterte Reporting Anwendung f\u00fcr WooCommerce - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting-6.jpg","datePublished":"2023-11-23T11:39:16+00:00","dateModified":"2023-11-29T09:46:23+00:00","description":"Erfahre, wie du eine gehostete Anwendung erstellst, die E-Mail-Warnungen mit umfassenden und individuellen Transaktionsdaten generiert.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting-6.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting-6.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/woocommerce-reporting-anwendung\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/kinsta.com\/de\/thema\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"Erstelle eine erweiterte Reporting Anwendung f\u00fcr deinen WooCommerce Shop"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","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\/de\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116","name":"Marcia Ramos","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/marciaramos\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/67111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/290"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=67111"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/67111\/revisions"}],"predecessor-version":[{"id":67431,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/67111\/revisions\/67431"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67111\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67111\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67111\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67111\/translations\/fr"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67111\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67111\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67111\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67111\/translations\/nl"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67111\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/67112"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=67111"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=67111"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=67111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}