Descubre en este tutorial cómo enseñar un número de productos de otra web que se actualice automáticamente usando la API REST de WooCommerce en un shortcode personalizado.
A raíz del tutorial en el que te explicaba cómo mostrar las entradas de otra web mediante un shortcode usando la API REST de WordPress, una suscriptora me preguntó si se podía conseguir lo mismo pero para los productos de WooCommerce.
Así que vamos a ver cómo puedes acceder a esta información, en este caso usando la API REST de WooCommerce.
Instrucciones para generar un shortcode que muestre el número de productos de otra web usando la API REST de WooCommerce
1. Activa y crea las claves de la API REST de WooCommerce
A diferencia de la API REST de WordPress, la de WooCommerce está desactivada por defecto. Así que el primer paso es activarla y crear las credenciales que te den acceso a la misma.
Para ello ve a la instalación de WordPress de donde quieres obtener el número de productos y en WooCommerce > Ajustes > Avanzado > API REST haz clic en el botón «Crea una nueva clave de API».
A continuación rellena los tres campos y pulsa en «Generar clave de API»
En la siguiente pantalla podrás ver las claves de cliente (pública y secreta). Asegúrate de copiarlas y guardarlas a buen recaudo porque no volverán mostrarse.
Además, las vas a utilizar en el siguiente paso.
2. Crea el shortcode
Una vez has creado las claves para acceder a través de la API REST de WooCommerce ya tienes la información necesaria para crear el shortcode.
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2057 snippets de esta web,
identifícate o suscríbete aquí.
Con este snippet muestras el número de productos totales de una web accediendo mediante la API REST de WooCommerce.
Concretamente obtienes el valor de x-wp-total que está en la cabecera usando la función wp_remote_retrieve_header.
Este es solo un ejemplo, ya sabes que puedes adecuarlo a tu gusto.
Acuérdate de cambiar el valor de las siguientes variables por las de tu caso:
- $consumer_key
- $consumer_secret
- $website_url
También puedes concatenar el texto que quieras a continuación del número de productos. Por ejemplo, con algo así: return $product_number . ' productos totales';
3. Introduce el shortcode donde desees
La ventaja de los shortcodes es que puedes insertarlos en cualquier punto de la web.
Solo tendrás que escribir [numero_productos_externos] donde deseas que se visualice.
Importante:
- Si estás utilizando el editor clásico, utiliza la pestaña de HTML para introducir el shortcode.
- En caso de que ya estés usando el nuevo editor de bloques (Gutenberg) puedes añadirlo al bloque normal de párrafo, el de HTML o el de shortcode. Todos ellos renderizarán de forma correcta el contenido.
Conclusiones
Ahora ya sabes cómo insertar un número de productos de WooCommerce de otra web que siempre se mantenga actualizado en cualquier punto de la web gracias a la API REST de WooCommerce y un shortcode.
Además, has visto que con pequeñas variaciones puedes conseguir personalizarlo para que se ajuste a tus necesidades.
Ya solo te queda ponerlo en práctica. 😉
¿Alguna duda? Te leo en los comentarios.
Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉
