{"id":71788,"date":"2023-11-23T12:33:08","date_gmt":"2023-11-23T11:33:08","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=71788&#038;preview=true&#038;preview_id=71788"},"modified":"2023-11-29T10:48:38","modified_gmt":"2023-11-29T09:48:38","slug":"aplicacion-de-informes-woocommerce","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/","title":{"rendered":"Crea una Aplicaci\u00f3n de Informes Avanzados para tu Tienda WooCommerce"},"content":{"rendered":"<p>El <a href=\"https:\/\/kinsta.com\/es\/blog\/tutorial-de-woocommerce\/\">plugin WooCommerce<\/a> para WordPress te permite crear y gestionar eficazmente una plataforma de comercio electr\u00f3nico, proporcion\u00e1ndote acceso a funciones de notificaci\u00f3n integradas que te alertan sobre pedidos nuevos o completados, niveles bajos de existencias y pagos realizados con \u00e9xito. Estas funciones son esenciales, pero s\u00f3lo ofrecen una visi\u00f3n limitada de los valiosos datos que recopila WooCommerce.<\/p>\n<p>Tales restricciones son la naturaleza de los plugins tradicionales que operan en el entorno de WordPress. Por otro lado, las aplicaciones alojadas \u2014 operaciones basadas en web en servidores externos \u2014 son mucho m\u00e1s extensibles.<\/p>\n<p>Al integrarse con las API de WooCommerce y utilizar recursos externos, las aplicaciones alojadas pueden proporcionar informes avanzados, alertas personalizadas y una visi\u00f3n detallada de las transacciones de comercio electr\u00f3nico.<\/p>\n<p>En esta gu\u00eda, aprender\u00e1s a crear una aplicaci\u00f3n alojada que genere alertas por correo electr\u00f3nico con datos exhaustivos de las transacciones, superando las capacidades del complemento est\u00e1ndar.<\/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>Funciones Existentes de Informes y Notificaciones<\/h2>\n<p>Las alertas y actualizaciones de estado integradas de WooCommerce ayudan en la gesti\u00f3n esencial de la tienda, pero pueden no satisfacer todas las demandas empresariales. Por ello, muchos usuarios recurren a plugins de terceros para aumentar sus capacidades de notificaci\u00f3n e informaci\u00f3n.<\/p>\n<p>Algunos de los plugins m\u00e1s populares son:<\/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> \u2014 Proporciona un panel de control intuitivo con m\u00e9tricas e informes clave de la tienda.<\/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> \u2014 Permite personalizar las plantillas de facturas y albaranes \u2014 que se env\u00edan autom\u00e1ticamente a los clientes por correo electr\u00f3nico \u2014 y proporciona un registro de las facturas y albaranes generados.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-google-analytics-integration\/\" target=\"_blank\" rel=\"noopener noreferrer\">WooCommerce Google Analytics Integration<\/a>\u00a0\u2014 Utiliza las herramientas de Google Analytics para generar informes detallados sobre los datos demogr\u00e1ficos de los clientes y las fuentes de tr\u00e1fico.<\/li>\n<\/ul>\n<p>Con estos plugins, WooCommerce ofrece opciones de informes y alertas, como res\u00famenes de pedidos, alertas de existencias bajas, gesti\u00f3n de inventario y anal\u00edticas en profundidad mediante la integraci\u00f3n con herramientas como <a href=\"https:\/\/kinsta.com\/es\/blog\/ga4\/\">Google Analytics<\/a>.<\/p>\n<h2>Las Limitaciones de los Sistemas de Informes Actuales<\/h2>\n<p>Aunque son beneficiosos, los sistemas de informes actuales tienen capacidades limitadas e introducen varias <strong>limitaciones<\/strong>, como:<\/p>\n<ul>\n<li><strong>Personalizaci\u00f3n<\/strong>: Las <a href=\"https:\/\/kinsta.com\/es\/blog\/como-usar-google-analytics\/\">herramientas de informes<\/a> gen\u00e9ricos y los plugins restringen la profundidad y especificidad de los conocimientos que tu empresa puede obtener de los datos. Es posible que necesites m\u00e9tricas especializadas, visualizaciones \u00fanicas, integraci\u00f3n con herramientas anal\u00edticas propias o determinados filtros de datos que no est\u00e1n f\u00e1cilmente disponibles en las herramientas y plugins gen\u00e9ricos de elaboraci\u00f3n de informes.<\/li>\n<li><strong>Escalabilidad<\/strong><strong>:<\/strong> Los sistemas de elaboraci\u00f3n de informes existentes pueden tener <a href=\"https:\/\/kinsta.com\/es\/blog\/escalabilidad-de-woocommerce\/\">problemas de escalabilidad<\/a> al tratar con grandes conjuntos de datos. Un rendimiento lento y los cuellos de botella en el procesamiento de datos pueden impedir un an\u00e1lisis eficaz de los datos, lo que provoca retrasos en la toma de decisiones y en los tiempos de respuesta.<\/li>\n<li><strong>Dependencia de WordPress:<\/strong> Como la integraci\u00f3n con WordPress limita la independencia, la personalizaci\u00f3n y la escalabilidad, puedes enfrentarte a restricciones relacionadas con los recursos del servidor, la compatibilidad de los plugins y las vulnerabilidades de seguridad. Esta integraci\u00f3n tambi\u00e9n puede impedir que tu empresa adopte tecnolog\u00edas y soluciones m\u00e1s avanzadas.<\/li>\n<\/ul>\n<p>En cambio, una aplicaci\u00f3n de informes personalizada puede proporcionar informaci\u00f3n detallada sobre transacciones y clientes. Puedes utilizar estos datos para anticiparte a las tendencias del mercado y optimizar tus ofertas en consecuencia.<\/p>\n<p>Adem\u00e1s, puedes escalar r\u00e1pidamente una aplicaci\u00f3n de informes personalizada para adaptarla a vol\u00famenes de datos cada vez mayores, garantizando operaciones fluidas a medida que crece tu negocio.<\/p>\n<h2>La Aplicaci\u00f3n de Informes Avanzados<\/h2>\n<p>La aplicaci\u00f3n de informes avanzados prevista en esta gu\u00eda tiene las siguientes funciones:<\/p>\n<ul>\n<li>Las alertas detalladas de transacciones se env\u00edan por correo electr\u00f3nico al propietario de la tienda cuando el cliente realiza un nuevo pedido. La aplicaci\u00f3n tambi\u00e9n tiene un panel que muestra una lista de todos los pedidos con sus detalles.<\/li>\n<li>Las actualizaciones de inventario muestran los <a href=\"https:\/\/kinsta.com\/es\/blog\/gestion-inventario-woocommerce\/\">detalles del inventario de la tienda<\/a> en el panel de control. Desde ah\u00ed, puedes seguir f\u00e1cilmente los niveles de existencias de cada producto.<\/li>\n<li>Los informes de ventas totales te permiten analizar las tendencias de los ingresos a lo largo del tiempo.<\/li>\n<\/ul>\n<p>A diferencia de los plugins gen\u00e9ricos o del sistema predeterminado de notificaciones y alertas de WooCommerce, esta aplicaci\u00f3n ofrece alertas detalladas y personalizables sobre el inventario restante y las ventas totales.<\/p>\n<p>El alojamiento de la aplicaci\u00f3n tambi\u00e9n ofrece varias ventajas, como:<\/p>\n<ul>\n<li><strong>Escalabilidad<\/strong><strong>:<\/strong> El alojamiento independiente minimiza los cuellos de botella en el procesamiento de datos, garantizando que puedas ampliar las operaciones sin limitaciones de recursos.<\/li>\n<li><strong>Personalizaci\u00f3n<\/strong>: El alojamiento independiente te permite adaptar la forma en que utilizas los datos recopilados, por ejemplo, integrando servicios de terceros (como motores de an\u00e1lisis predictivo) e implementando t\u00e9cnicas \u00fanicas de visualizaci\u00f3n de datos para alinearte mejor con los requisitos y objetivos de tu empresa.<\/li>\n<li><strong>Autonom\u00eda<\/strong>: Sacar tu aplicaci\u00f3n del entorno WordPress te libera de restricciones como los recursos limitados del servidor y los posibles conflictos entre varios plugins.<\/li>\n<\/ul>\n<h2>C\u00f3mo Desarrollar una Aplicaci\u00f3n de Informes Avanzada<\/h2>\n<p>En esta secci\u00f3n, vamos a crear una aplicaci\u00f3n de informes utilizando Node.js con <a href=\"https:\/\/woocommerce.github.io\/woocommerce-rest-api-docs\/#introduction\" target=\"_blank\" rel=\"noopener noreferrer\">la API REST de WooCommerce<\/a> y <a href=\"https:\/\/woocommerce.com\/document\/webhooks\/\" target=\"_blank\" rel=\"noopener noreferrer\">webhooks<\/a> para recuperar los datos de la tienda.<\/p>\n<p><strong>Requisitos:<\/strong><\/p>\n<ul>\n<li>Una tienda WooCommerce funcionando localmente <a href=\"https:\/\/kinsta.com\/es\/blog\/tutorial-de-woocommerce\/\">con uno o m\u00e1s productos<\/a> configurados.<\/li>\n<li>Una <a href=\"https:\/\/www.mailgun.com\/\">cuenta gratuita de Mailgun<\/a> para enviar correos electr\u00f3nicos.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/es\/blog\/como-instalar-node-js\/\">Node.js<\/a> y <a href=\"https:\/\/ngrok.com\/docs\/getting-started\/\" target=\"_blank\" rel=\"noopener noreferrer\">ngrok<\/a> instalados.<\/li>\n<li>La <a href=\"https:\/\/github.com\/VirtuaCreative\/woocommerce-reporting-app\" target=\"_blank\" rel=\"noopener noreferrer\">plantilla de inicio<\/a> del proyecto.<\/li>\n<li>Un editor de c\u00f3digo.<\/li>\n<\/ul>\n<h3>Configurar la Plantilla de Inicio<\/h3>\n<p>Sigue estos pasos para configurar la plantilla de inicio:<\/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\">Toma nota de tu clave API de Mailgun y de tu dominio sandbox<\/a> y pega sus valores en el archivo <strong>.env<\/strong> junto a sus variables correspondientes. Para la variable <code>MAILGUN_SENDER_EMAIL<\/code>, proporciona como valor el correo electr\u00f3nico que utilizaste para crear la cuenta Mailgun.<\/li>\n<li>En tu panel de administraci\u00f3n de WordPress, selecciona <strong>WooCommerce<\/strong> &gt; <strong>Ajustes<\/strong> &gt; <strong>Avanzado<\/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=\"Pesta\u00f1a Avanzado de WooCommerce mostrando la secci\u00f3n API REST. Hay un bot\u00f3n A\u00f1adir clave, un campo Buscar clave, una lista Acciones masivas y un bot\u00f3n Aplicar. Cada clave tiene una tabla con las columnas Descripci\u00f3n, Clave de consumidor que termina en, Permisos y \u00daltimo acceso.\" width=\"1179\" height=\"668\"><figcaption class=\"wp-caption-text\">Pesta\u00f1a Avanzado de WooCommerce mostrando la secci\u00f3n API REST.<\/figcaption><\/figure><\/figure>\n<ol start=\"3\">\n<li>Haz clic en <strong>A\u00f1adir clave<\/strong> para crear la clave API que autentique las solicitudes de tu aplicaci\u00f3n.<\/li>\n<li>Abre la secci\u00f3n <strong>Detalles de la clave<\/strong> y proporciona una descripci\u00f3n y un usuario, selecciona Permisos de <strong>lectura\/escritura<\/strong> y haz clic en <strong>Generar clave 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=\"Pesta\u00f1a Avanzado de WooCommerce mostrando los detalles de la Clave API.\" width=\"1179\" height=\"671\"><figcaption class=\"wp-caption-text\">Pesta\u00f1a Avanzado de WooCommerce mostrando los detalles de la Clave API.<\/figcaption><\/figure><\/figure>\n<ol start=\"5\">\n<li>Aseg\u00farate de copiar la <strong>Clave de Cliente<\/strong> (Consumer Key) y el <strong>Secreto de Cliente<\/strong> (Consumer Secret) de la p\u00e1gina resultante, ya que no podr\u00e1s volver a verlos.<\/li>\n<li>Abre el archivo <strong>.env<\/strong> y asigna los valores que has copiado en el paso anterior a sus respectivas variables. Proporciona la URL de tu tienda para la variable <code>WOOCOMMERCE_STORE_URL<\/code> (algo as\u00ed como <code>http:\/\/localhost\/mystore\/index.php<\/code>).<\/li>\n<li>Instala todas las dependencias del proyecto ejecutando el siguiente comando en tu terminal:<\/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>Estas dependencias sirven para lo siguiente:<\/p>\n<ul>\n<li><code>express<\/code>: Node.js framework para crear una API.<\/li>\n<li><code>@woocommerce\/woocommerce-rest-api<\/code>: Realiza llamadas de red a la API REST de WooCommerce.<\/li>\n<li><code>dotenv<\/code>: Carga variables de entorno del archivo <strong>.env<\/strong>.<\/li>\n<li><code>ejs<\/code>: Crea plantillas JavaScript.<\/li>\n<li><code>mailgun.js<\/code>: Env\u00eda correos electr\u00f3nicos utilizando Mailgun.<\/li>\n<li><code>nodemon<\/code>: Reinicia el servidor autom\u00e1ticamente cuando se detectan cambios en los archivos.<\/li>\n<\/ul>\n<h3>Implementar las Funciones de la Aplicaci\u00f3n<\/h3>\n<p>La plantilla de inicio contiene el c\u00f3digo para renderizar las plantillas JavaScript incrustadas (EJS) en la carpeta <strong>views<\/strong>. De esta forma, puedes centrarte en la l\u00f3gica del servidor, que obtiene los datos necesarios de las API de WooCommerce y los pasa a las plantillas EJS para que se muestren en la interfaz de usuario (UI).<\/p>\n<p>Para implementar la funcionalidad de la aplicaci\u00f3n, sigue estos pasos:<\/p>\n<ol start=\"1\">\n<li>Crea un archivo llamado <strong>server.js <\/strong>en la carpeta root del proyecto. El archivo act\u00faa como punto de entrada al servidor Express.<\/li>\n<li>Pega el siguiente c\u00f3digo dentro del archivo <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>El c\u00f3digo anterior utiliza Express.js para crear un servidor web. Empieza importando los paquetes necesarios, configurando el cliente WooCommerce para que interact\u00fae con la <a href=\"https:\/\/woo.com\/document\/api-documentation\/\" target=\"_blank\" rel=\"noopener noreferrer\">API REST de WooCommerce<\/a> y configurando la aplicaci\u00f3n para que utilice plantillas EJS.<\/p>\n<p>En primer lugar, defines un endpoint <code>\/<\/code> que puedes utilizar para comprobar si la aplicaci\u00f3n est\u00e1 en funcionamiento. A continuaci\u00f3n, define una ruta <code>\/products<\/code> que recupere todos los productos de la tienda WooCommerce. Si tiene \u00e9xito, esta ruta muestra la plantilla <code>inventory<\/code> con los datos obtenidos.<\/p>\n<p>Observa que el c\u00f3digo tambi\u00e9n pasa el <code>currentPage<\/code> a la plantilla para todas las rutas, y ayuda a identificar las p\u00e1ginas activas en el panel de control.<\/p>\n<ol start=\"3\">\n<li>Ejecuta el comando <code>npm run dev<\/code> y abre <code>http:\/\/localhost:3000\/products<\/code> en tu navegador para ver los resultados:<\/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-store-inventory.png\" alt=\"La p\u00e1gina Inventario de la tienda proporciona una imagen del art\u00edculo, su Nombre, Fecha de creaci\u00f3n, Tipo, Estado, Precio normal, Precio, Ventas totales y Cantidad de existencias.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">P\u00e1gina de Inventario de la Tienda con detalles de los art\u00edculos.<\/figcaption><\/figure><\/figure>\n<p>La p\u00e1gina Inventario de la tienda muestra todos los productos disponibles en la tienda junto con sus detalles. Esta informaci\u00f3n te ayuda a hacer un seguimiento de los productos disponibles y a gestionar el inventario en consecuencia.<\/p>\n<ol start=\"4\">\n<li>Para gestionar los informes de ventas, a\u00f1ade la siguiente ruta al archivo <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       \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>Este c\u00f3digo define un endpoint <code>\/sales<\/code> que recupera el informe mensual de ventas de la API de informes de ventas de WooCommerce. La llamada a la API incluye el par\u00e1metro <code>period<\/code> con el valor <code>month<\/code>, que especifica el informe de ventas del mes actual. Una vez que la solicitud tiene \u00e9xito, el c\u00f3digo muestra la plantilla EJS de ventas con los datos obtenidos.<\/p>\n<ol start=\"5\">\n<li>Navega a <code>http:\/\/localhost:3000\/sales<\/code> en tu navegador para ver los resultados:<\/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-monthly-sales-report.png\" alt=\"P\u00e1gina del Informe Mensual de Ventas con los totales de Ventas, Pedidos, Art\u00edculos Vendidos y Reembolsos. Debajo hay una tabla con las columnas Fecha, Ventas, Pedidos y Art\u00edculos vendidos.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">P\u00e1gina del Informe Mensual de Ventas.<\/figcaption><\/figure><\/figure>\n<p>Esta p\u00e1gina muestra un completo informe de ventas totales, que te ayuda a analizar las tendencias de los ingresos mensuales de tu empresa.<\/p>\n<h3>Implementar la Gesti\u00f3n de Pedidos<\/h3>\n<ol start=\"1\">\n<li>A\u00f1ade la siguiente ruta al archivo <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>Este c\u00f3digo recupera todos los pedidos de la tienda WooCommerce y muestra la plantilla Pedidos con los datos obtenidos.<\/p>\n<ol start=\"2\">\n<li>Navega a <code>http:\/\/localhost:3000\/orders<\/code> en tu navegador para ver los resultados. Esta p\u00e1gina muestra informaci\u00f3n para la gesti\u00f3n de pedidos:<\/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=\"P\u00e1gina Pedidos con una tabla que contiene las columnas Cliente, Divisa, N\u00famero de art\u00edculos, Creado el, Descuento, Gastos de env\u00edo, Total del carrito, Forma de pago y Estado.\" width=\"1176\" height=\"666\"><figcaption class=\"wp-caption-text\">P\u00e1gina de pedidos que muestra los detalles de las transacciones.<\/figcaption><\/figure><\/figure>\n<h3>Personalizar las Alertas para Obtener Informes Completos de las Transacciones<\/h3>\n<p>Para implementar la funcionalidad que te env\u00eda una alerta personalizada por correo electr\u00f3nico cuando un cliente hace un pedido en tu sitio, sigue estos pasos:<\/p>\n<ol start=\"1\">\n<li>Abre una ventana de terminal y ejecuta <code>ngrok http 3000<\/code> para crear un t\u00fanel en la conexi\u00f3n de tu servidor web. Este comando genera un enlace HTTPS que WooCommerce puede utilizar para enviar datos de webhook. Copia el enlace de reenv\u00edo generado.<\/li>\n<li>A\u00f1ade la siguiente ruta al archivo <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>Este c\u00f3digo define una ruta que gestiona los datos entrantes de un webhook de WooCommerce activado cuando un cliente crea un nuevo pedido. Si los datos recibidos contienen una propiedad <code>id<\/code> (que indica un pedido v\u00e1lido), utiliza la API Mailgun para enviar una notificaci\u00f3n por correo electr\u00f3nico a la direcci\u00f3n de correo electr\u00f3nico especificada.<\/p>\n<p>El correo electr\u00f3nico incluye varios detalles del pedido, como el nombre del cliente, el correo electr\u00f3nico, el importe total, el estado, la forma de pago y una lista de los art\u00edculos comprados.<\/p>\n<p>El c\u00f3digo compone el correo electr\u00f3nico utilizando la funci\u00f3n <code>newOrderEMail()<\/code> definida en el archivo <strong>utils\/new-order-email.js <\/strong>, que devuelve una plantilla de correo electr\u00f3nico personalizada. Tras procesar los datos y enviar el correo electr\u00f3nico, el servidor responde con un c\u00f3digo de estado 200, que indica que el webhook se ha recibido correctamente, y un mensaje correspondiente (\u00abWebhook recibido correctamente\u00bb).<\/p>\n<ol start=\"3\">\n<li>A\u00f1ade la siguiente sentencia para importar la funci\u00f3n <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>Ejecuta el comando <code>npm run start<\/code> para iniciar el servidor.<\/li>\n<\/ol>\n<ol start=\"5\">\n<li>En tu panel de administraci\u00f3n de WordPress, selecciona <strong>WooCommerce<\/strong> &gt; <strong>Configuraci\u00f3n<\/strong> &gt; <strong>Avanzado<\/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=\"Pesta\u00f1a Avanzado que muestra la secci\u00f3n Webhooks. Tiene un bot\u00f3n A\u00f1adir webhook, una lista Acciones con un bot\u00f3n Aplicar y una tabla con columnas Nombre, Estado, Tema y URL de entrega. \" width=\"1200\" height=\"668\"><figcaption class=\"wp-caption-text\">La p\u00e1gina Avanzado muestra la secci\u00f3n Webhooks.<\/figcaption><\/figure><\/figure>\n<ol start=\"6\">\n<li>Haz clic en <strong>A\u00f1adir webhook<\/strong> y proporciona la siguiente informaci\u00f3n en el formulario de <strong>datos del webhook <\/strong>:<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Nombre<\/strong>: Alerta de Nuevo Pedido<\/li>\n<li><strong>Estado<\/strong>: Activo<\/li>\n<li><strong>Tema<\/strong>: Pedido Creado<\/li>\n<li><strong>URLde env\u00edo<\/strong>: Pega la URL de reenv\u00edo ngrok que copiaste en el paso 1. Aseg\u00farate de a\u00f1adir <code>\/woocommerce-webhook\/new-order<\/code> a la URL. Este es el nuevo endpoint definido para recibir la carga \u00fatil del webhook.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li><strong>Secreto<\/strong>: D\u00e9jalo en blanco. Por defecto es el secreto de cliente del usuario actual de la API. El secreto genera un hash del webhook entregado en las cabeceras de la solicitud. El receptor puede utilizar este secreto para verificar la autenticidad de los datos entrantes. Si la firma coincide con el valor esperado, confirma que los datos han sido enviados por WooCommerce, proporcionando confianza y seguridad.<\/li>\n<li><strong>Versi\u00f3n de la API<\/strong>: Integraci\u00f3n WP REST API 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=\"P\u00e1gina avanzada que muestra el formulario de datos del Webhook. Tiene los campos Nombre, Estado, Tema, URL de entrega, Secreto y Versi\u00f3n de la API con un bot\u00f3n Guardar webhook.\" width=\"1198\" height=\"667\"><figcaption class=\"wp-caption-text\">P\u00e1gina avanzada que muestra el formulario de datos Webhook.<\/figcaption><\/figure><\/figure>\n<ol start=\"7\">\n<li>Haz clic en <strong>Guardar webhook<\/strong>.<\/li>\n<\/ol>\n<ol start=\"8\">\n<li>Visita tu tienda y realiza un pedido. Deber\u00edas ver un correo electr\u00f3nico como el siguiente:<\/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=\"Correo electr\u00f3nico de Nuevo Pedido Creado con el ID del Pedido, el Nombre del Cliente, el Total del Pedido, el Estado del Pedido, la Forma de Pago y las Partidas especificando su Nombre, Cantidad y Total.\" width=\"1170\" height=\"655\"><figcaption class=\"wp-caption-text\">Alerta por correo electr\u00f3nico de un nuevo pedido e informaci\u00f3n de inventario.<\/figcaption><\/figure><\/figure>\n<h3>Despliega Todo en Kinsta<\/h3>\n<p>Con Kinsta, puedes desplegar no s\u00f3lo tu sitio web WordPress + WooCommence con el <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/\">Alojamiento Administrado de WordPress<\/a>, ya que tambi\u00e9n puedes desplegar tu nueva aplicaci\u00f3n de informes con el <a href=\"https:\/\/sevalla.com\/application-hosting\/\">Alojamiento de Aplicaciones<\/a>.<\/p>\n<p>Nuestros servicios de alojamiento premium ofrecen funciones vitales, como:<\/p>\n<ul>\n<li><strong>Alto rendimiento y velocidad incre\u00edble<\/strong>: Alto rendimiento y velocidad incre\u00edble: Kinsta aloja tus sitios y aplicaciones en la Red de Nivel Premium de Google Cloud Platform con las m\u00e1quinas C2 m\u00e1s r\u00e1pidas y robustas, y con cach\u00e9 en el edge a trav\u00e9s de la CDN de Cloudflare con m\u00e1s de 300 PoPs.<\/li>\n<li><strong>Despliegue r\u00e1pido y sin complicaciones<\/strong>: para una experiencia de alojamiento sin complicaciones, Kinsta crea aplicaciones autom\u00e1ticamente y despliega sitios WordPress sin necesidad de configuraci\u00f3n manual. Puedes instalar y desarrollar f\u00e1cilmente tus sitios con <a href=\"https:\/\/kinsta.com\/es\/devkinsta\/\">DevKinsta<\/a>, y publicarlos con s\u00f3lo pulsar un bot\u00f3n, dejando la configuraci\u00f3n del lado del servidor para nuestro equipo de ingenieros especializados.<\/li>\n<li><strong>Seguridad<\/strong>: Tus aplicaciones y sitios web viven detr\u00e1s de dos cortafuegos, con protecci\u00f3n y mitigaci\u00f3n DDoS, HTTP\/3 y TLS 1.3. Se despliegan en un contenedor aislado, evitando los picos de tr\u00e1fico de otras aplicaciones que interfieren con tu entorno de producci\u00f3n, as\u00ed como la contaminaci\u00f3n por ataques maliciosos desde otros sitios.<\/li>\n<\/ul>\n<h2>Resumen<\/h2>\n<p>Gracias a la flexibilidad del alojamiento externo, has creado una aplicaci\u00f3n de informes avanzada que actualiza los niveles de inventario restantes y proporciona informes completos sobre las ventas totales.<\/p>\n<p>Tambi\u00e9n proporciona alertas detalladas de transacciones, ofreciendo informaci\u00f3n en tiempo real sobre transacciones concretas, incluidos detalles de productos, cantidades e informaci\u00f3n sobre clientes, para que puedas gestionar proactivamente las existencias y comprender las tendencias de ventas y los patrones de ingresos.<\/p>\n<p>\u00bfListo para transformar tu experiencia WooCommerce? <a href=\"https:\/\/sevalla.com\/pricing\/\">Prueba Kinsta<\/a> para implementar informes personalizados avanzados de WooCommerce.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El plugin WooCommerce para WordPress te permite crear y gestionar eficazmente una plataforma de comercio electr\u00f3nico, proporcion\u00e1ndote acceso a funciones de notificaci\u00f3n integradas que te alertan &#8230;<\/p>\n","protected":false},"author":290,"featured_media":71789,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1270,1342],"class_list":["post-71788","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>Crea una Aplicaci\u00f3n de Informes Avanzados para WooCommerce - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Aprende a crear una aplicaci\u00f3n alojada que genere alertas por correo electr\u00f3nico con datos de transacciones completos y personalizados.\" \/>\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\/es\/blog\/aplicacion-de-informes-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crea una Aplicaci\u00f3n de Informes Avanzados para tu Tienda WooCommerce\" \/>\n<meta property=\"og:description\" content=\"Aprende a crear una aplicaci\u00f3n alojada que genere alertas por correo electr\u00f3nico con datos de transacciones completos y personalizados.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-23T11:33:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-29T09:48:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/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=\"Aprende a crear una aplicaci\u00f3n alojada que genere alertas por correo electr\u00f3nico con datos de transacciones completos y personalizados.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcia Ramos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/\"},\"author\":{\"name\":\"Marcia Ramos\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116\"},\"headline\":\"Crea una Aplicaci\u00f3n de Informes Avanzados para tu Tienda WooCommerce\",\"datePublished\":\"2023-11-23T11:33:08+00:00\",\"dateModified\":\"2023-11-29T09:48:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/\"},\"wordCount\":2537,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/\",\"name\":\"Crea una Aplicaci\u00f3n de Informes Avanzados para WooCommerce - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"datePublished\":\"2023-11-23T11:33:08+00:00\",\"dateModified\":\"2023-11-29T09:48:38+00:00\",\"description\":\"Aprende a crear una aplicaci\u00f3n alojada que genere alertas por correo electr\u00f3nico con datos de transacciones completos y personalizados.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Crea una Aplicaci\u00f3n de Informes Avanzados para tu Tienda WooCommerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"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\/es\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116\",\"name\":\"Marcia Ramos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/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\/es\/blog\/author\/marciaramos\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Crea una Aplicaci\u00f3n de Informes Avanzados para WooCommerce - Kinsta\u00ae","description":"Aprende a crear una aplicaci\u00f3n alojada que genere alertas por correo electr\u00f3nico con datos de transacciones completos y personalizados.","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\/es\/blog\/aplicacion-de-informes-woocommerce\/","og_locale":"es_ES","og_type":"article","og_title":"Crea una Aplicaci\u00f3n de Informes Avanzados para tu Tienda WooCommerce","og_description":"Aprende a crear una aplicaci\u00f3n alojada que genere alertas por correo electr\u00f3nico con datos de transacciones completos y personalizados.","og_url":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2023-11-23T11:33:08+00:00","article_modified_time":"2023-11-29T09:48:38+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","type":"image\/jpeg"}],"author":"Marcia Ramos","twitter_card":"summary_large_image","twitter_description":"Aprende a crear una aplicaci\u00f3n alojada que genere alertas por correo electr\u00f3nico con datos de transacciones completos y personalizados.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","twitter_creator":"@Kinsta_ES","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Marcia Ramos","Tiempo de lectura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/"},"author":{"name":"Marcia Ramos","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116"},"headline":"Crea una Aplicaci\u00f3n de Informes Avanzados para tu Tienda WooCommerce","datePublished":"2023-11-23T11:33:08+00:00","dateModified":"2023-11-29T09:48:38+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/"},"wordCount":2537,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/","url":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/","name":"Crea una Aplicaci\u00f3n de Informes Avanzados para WooCommerce - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","datePublished":"2023-11-23T11:33:08+00:00","dateModified":"2023-11-29T09:48:38+00:00","description":"Aprende a crear una aplicaci\u00f3n alojada que genere alertas por correo electr\u00f3nico con datos de transacciones completos y personalizados.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/wordpress-woocommerce-alerts-via-app-hosting.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/aplicacion-de-informes-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/kinsta.com\/es\/secciones\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"Crea una Aplicaci\u00f3n de Informes Avanzados para tu Tienda WooCommerce"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","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\/es\/#\/schema\/person\/72bff0015d3fb3ba3d8a85494dc0b116","name":"Marcia Ramos","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/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\/es\/blog\/author\/marciaramos\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/71788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/290"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=71788"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/71788\/revisions"}],"predecessor-version":[{"id":72071,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/71788\/revisions\/72071"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71788\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71788\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71788\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71788\/translations\/fr"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71788\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71788\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71788\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71788\/translations\/nl"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71788\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/71789"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=71788"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=71788"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=71788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}