Descubre en este tutorial cómo enseñar los ingresos totales de los pagos realizados con Stripe usando un shortcode de WordPress.
Si tú o alguno de tus clientes tiene un negocio online que utilice Stripe como pasarela de pago y es un amante de las Open Metrics, seguro que esto te va a interesar.
En este tutorial vas a aprender cómo mostrar el número de ingresos totales que has conseguido a través de Stripe usando su fantástica API, y mantener ese número siempre actualizado donde tú quieras dentro la web.
Aquí tienes cómo conseguirlo:
Instrucciones para crear un shortcode que muestre el número los ingresos totales de Stripe
1. Crea el shorcode
Añade el siguiente fragmento al final del fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 1957 snippets de esta web,
identifícate o suscríbete aquí.
En este código utilizas la librería de Stripe y la API key secreta guardada por Restrict Content Pro.
Si estás usando otro plugin (Easy Digital Downloads, Gravity Forms…) tendrías que cambiar esa parte y adecuarla al mismo. Si quieres que prepare un tutorial con alguna variación solo tienes que decírmelo.
La API de Stripe no tiene un endpoint de dónde poder obtener el total de ingresos acumulados, así que tienes que obtener todos los cargos realizados correctamente (utilizando un loop con la función autoPagingIterator
), sumarlos y restar las devoluciones.
Esto dependiendo del proyecto puede suponer una petición bastante «pesada», así que dentro del shortcode creas y utilizas un transient, para cachear el resultado durante un día (aunque puedes modificarlo a tu gusto). De esta manera te aseguras de que el resultado se muestra de forma inmediata.
Finalmente, divides la cantidad entre 100 (ya que Stripe trabaja internamente con los importes multiplicados por 100), redondeas la cifra para que no muestre decimales y añades el símbolo de euro (€).
2. Introduce el shortcode donde desees
Por último, solo tienes que escribir [ingresos_stripe]
donde quieras que se visualice.
Puedes utilizar el editor de bloques para crear el diseño que desees e introducir el shortcode para que muestre los ingresos totales. Por ejemplo:

Conclusiones
Ahora ya sabes cómo mostrar los ingresos totales recogidos mediante Stripe y que siempre se mantenga actualizado en cualquier punto de la web mediante un shortcode.
Aunque no vayas a utilizar este snippet para mostrar los datos de forma pública, sí te puede venir bien para crear un dashboard donde agregues todos los datos relevantes de tu negocio.
Además, con pequeñas variaciones puedes conseguir personalizarlo para que se ajuste 100% a tus necesidades.
Ya solo te queda ponerlo en práctica. 😉
Si tienes alguna duda sobre este tutorial, déjala en los comentarios.
¿Sugerencias para próximos snippets? Envíamelas con el formulario de contacto.
Todo ventajas de ser suscriptor.