Sincronización de precios de WooCommerce en la vista previa de WhatsApp

Una sincronización de precios de WooCommerce en la vista previa de WhatsApp significa que el número de la tarjeta se toma de tu catálogo en el momento en que se genera la tarjeta, no está incrustado en una imagen que alguien creó una vez. Cuando eso es así, la única pregunta que queda es cuándo vuelve WhatsApp a leer el enlace, y eso es precisamente lo que ninguna tienda puede controlar.

La respuesta corta

Un precio solo puede aparecer en una vista previa si la imagen se genera a partir de datos de producto en vivo. Una imagen destacada estática no tiene ningún precio que mostrar, nunca; una tarjeta diseñada una vez tiene el precio que tenía ese día. WooCommerce no entrega por defecto ninguna imagen etiquetada con el precio, así que la queja de "el precio antiguo en la vista previa" en realidad son dos preguntas:

1. ¿Conoce la tarjeta el precio actual? — es una decisión de diseño, y es la que puedes corregir.
2. ¿Ha vuelto la plataforma a leer la página desde que cambió el precio? — es el reloj de WhatsApp, no el tuyo.

Por qué el precio se queda obsoleto

Solo las tres primeras tienen que ver con la tarjeta. La cuarta tiene que ver con tu capa de caché, y se ve idéntica desde fuera — por eso importa el orden de comprobación en Instant WhatsApp Image Update for WooCommerce.

Qué lee realmente una tarjeta sincronizada

FastOG firma una URL de portada por solicitud, y las props provienen del producto en vivo:

Esa es la diferencia entre "dinámico" y realmente dinámico: los valores no son marcadores de posición que rellenó un diseñador, se leen de tu tienda cada vez que se construye una tarjeta.

Cómo funciona la "sincronización" en ambos sentidos

Catálogo → tarjeta. Todos los valores anteriores se leen en el momento del renderizado. Cambia un precio y el siguiente renderizado mostrará el nuevo; no hay paso de exportación ni archivo que volver a subir.

Tarjeta → caché. Cada valor también viaja dentro de la URL de portada firmada. Así, una edición de precio cambia la URL, lo que significa que la imagen antigua ya no es direccionable, la CDN no tiene nada obsoleto que servir y no hace falta ningún cache-busting. Nada más en esta categoría funciona así, porque un plugin autoalojado indexa su imagen por un nombre de archivo que nunca cambia.

Tarjeta → Facebook. Guardar un producto dispara el webhook nativo product.updated de WooCommerce, y FastOG encola un re-scrape de Meta para el permalink de ese producto, de modo que Facebook sustituye la tarjeta en caché en lugar de esperar semanas. Consulta Force a Facebook Open Graph Cache Refresh.

Tarjeta → WhatsApp. No se puede empujar nada. La tarjeta correcta espera a la siguiente lectura.

El caso límite de la rebaja programada

Una rebaja que empieza a medianoche sin que nadie toque el producto no dispara ningún webhook — un detalle que rompe todos los diseños de "refrescamos al guardar", incluido nuestro ping a Facebook.

Lo que salva la tarjeta es que no se genera por adelantado: la portada se construye bajo petición a partir de los datos actuales del catálogo, así que la primera petición después de medianoche ya muestra el precio rebajado y la insignia. El número obsoleto solo puede sobrevivir en la caché de vista previa de una plataforma, donde se sustituirá según el calendario de esa misma plataforma. Una tarjeta que se renderiza, en lugar de exportarse, es el único tipo que sobrevive a una rebaja que nadie guardó.

Verifica que el número esté sincronizado

El precio es visible en la propia URL de la portada, lo que permite comprobarlo sin un depurador:

# What the page is serving right now
curl -s https://your-store.com/product/example | grep -o 'og:image[^>]*' | head -1

# Open that cover URL in a browser and compare the number against the product page.

Si los parámetros de la URL y la tarjeta renderizada llevan ambos el precio actual, y la página del producto muestra lo mismo, el lado de la tienda está sincronizado y cualquier desfase restante es caché de la plataforma. Si la URL todavía lleva el precio antiguo, la caché de la página está sirviendo HTML anterior a la edición: purgala.

Para verlo de principio a fin, pega la URL de un producto en See Your Links The Way Buyers Do: lee las etiquetas en vivo y renderiza una portada a partir de los mismos datos del producto, junto a lo que las plataformas mostrarían hoy.

Preguntas frecuentes

¿Cómo muestro un precio en una vista previa de enlace de WhatsApp?

Sirve un og:image que contenga el precio, es decir, una imagen generada a partir de tu catálogo, no una foto estática. WhatsApp muestra la imagen que indique la etiqueta, a 1200×630; el precio solo aparece si se ha dibujado en esa imagen.

¿Por qué la vista previa sigue mostrando el precio antiguo después de terminar la oferta?

Dos causas probables: la imagen que sirve la página no ha cambiado (caché de página o una imagen estática), o WhatsApp está mostrando una vista previa en caché de antes de la edición. Comprueba primero la URL actual de og:image: si su precio también es antiguo, el problema está en la tienda; si está actualizado, el problema está en WhatsApp.

¿La tarjeta muestra el precio de oferta o el precio normal?

El precio de oferta, que es lo que WooCommerce informa como precio actual, junto con el precio normal como precio de referencia (compare-at), y solo cuando el producto está realmente en oferta.

¿Todos los planes dibujan el precio y la insignia de oferta?

Sí. Los campos de plantilla no están restringidos por nivel en FastOG: el precio, el precio de referencia y las insignias de stock están disponibles en todos los planes. Los planes se diferencian por los tipos de página, el límite de elementos y la variedad de plantillas, no por lo que puede mostrar una portada.

¿Se actualiza el precio en los enlaces que ya se han compartido?

En Facebook, FastOG solicita un nuevo rastreo (re-scrape) tras la actualización del producto. En WhatsApp, LinkedIn y X, la siguiente lectura se produce según el calendario de cada plataforma; no se garantiza ningún plazo público ni se ofrece una API de actualización programática para esas plataformas.

¿Y si cambio el precio pero no la plantilla?

Ese es el caso normal y funciona: la plantilla define el diseño y el catálogo aporta los valores. No hay que rediseñar nada ni volver a exportar ninguna imagen.

¿Un enlace compartido durante la oferta seguirá mostrando el precio de oferta cuando termine?

Solo mientras sobreviva la vista previa en caché de la plataforma. La URL de la portada cambia con el catálogo, así que la primera lectura nueva obtiene la tarjeta posterior a la oferta.

¿Hay un plan gratuito?

Sí. El nivel gratuito Community cubre hasta 100 elementos en páginas de producto, categoría, tienda y entrada de blog, con cinco plantillas base más las plantillas de producto Black Friday y Oferta de temporada. Sus portadas están limpias: ningún plan lleva marca de agua, Community incluido. Community se renderiza en el servidor compartido de Community y está limitado por los límites de tasa de tienda/IP, no por la marca. Los planes de pago usan un servidor dedicado separado de Community, amplían el límite de elementos y desbloquean plantillas y capacidades adicionales (insignias de valoración desde Starter, mapeo de metacampos desde Pro, reglas con ámbito y renderizado prioritario desde Scale). Los planes de pago incluyen una prueba de 14 días sin necesidad de tarjeta de crédito.

Relacionado

• Actualización instantánea de imágenes de WhatsApp para WooCommerce
• Forzar la actualización de la caché de Open Graph de Facebook
• Imágenes OG para páginas de producto
• ¿No aparece la vista previa del enlace de WhatsApp? Corrige la og:image
• Cómo almacenar en caché las imágenes OG
• Integración con WooCommerce: FastOG para WooCommerce