Sinkronisasi Harga WooCommerce di Pratinjau WhatsApp
Sinkronisasi harga WooCommerce di pratinjau WhatsApp berarti angka pada kartu diambil dari katalog Anda pada saat kartu tersebut dibuat — bukan tertanam dalam gambar yang dibuat sekali. Jika demikian, satu-satunya pertanyaan yang tersisa adalah kapan WhatsApp membaca ulang tautan tersebut, dan itulah satu hal yang tidak dapat dikendalikan oleh toko mana pun.
Jawaban singkat
Harga hanya bisa muncul di pratinjau jika gambar dibuat dari data produk langsung. Gambar unggulan statis tidak pernah punya harga untuk ditampilkan; kartu yang dirancang sekali hanya memuat harga yang berlaku saat itu. WooCommerce tidak menyediakan gambar bertanda harga secara bawaan, jadi keluhan "harga lama di pratinjau" sebenarnya adalah dua pertanyaan:
- Apakah kartu mengetahui harga saat ini? — ini keputusan desain, dan inilah yang bisa Anda perbaiki.
- Apakah platform sudah membaca ulang halaman sejak harga berubah? — ini urusan jam WhatsApp, bukan jam Anda.
Mengapa harga menjadi kedaluwarsa
| Penyebab | Yang Anda lihat | Mengapa terjadi |
|---|---|---|
| Tag menunjuk ke gambar unggulan | Tidak ada harga sama sekali | Foto produk tidak memuat harga |
| Kartu dibuat sekali | Harga dari hari desain | Tidak ada yang meregenerasinya |
| Promo telah berakhir | Coretan untuk diskon yang sudah berakhir | Gambar masih membawa lencana lama |
| Cache halaman menyajikan HTML lama | Kartu lama, lagi | Crawler tidak pernah melihat URL og:image yang baru |
Hanya tiga penyebab pertama yang berkaitan dengan kartu. Penyebab keempat berkaitan dengan lapisan caching Anda, dan tampilannya identik dari luar — itulah sebabnya urutan pemeriksaan dalam Pembaruan Gambar WhatsApp Instan untuk WooCommerce penting.
Yang sebenarnya dibaca oleh kartu yang tersinkronisasi
FastOG menandatangani URL sampul per permintaan, dan prop-nya berasal dari produk yang live:
| Elemen kartu | Sumber | Catatan |
|---|---|---|
| Harga | get_price() |
Pada produk yang didiskon, ini adalah harga jual |
| Harga pembanding ("sebelumnya") | harga reguler | Dikirim hanya saat produk benar-benar sedang diskon — "sebelumnya" yang sama dengan harga saat ini adalah coretan harga yang tidak pernah ada |
| Lencana diskon | status diskon produk | Muncul dan hilang mengikuti diskon |
| Stok | status stok | Mencerminkan katalog pada saat render |
| Foto | gambar utama lebih dulu, lalu galeri | Dikomposisikan di dalam kartu, bukan dipotong oleh platform |
Itulah perbedaan antara "dinamis" dan benar-benar dinamis: nilainya bukan placeholder yang diisi desainer, melainkan dibaca dari toko Anda setiap kali kartu dibuat.
Cara kerja "sync" di kedua arah
Katalog → kartu. Setiap nilai di atas dibaca saat render. Ubah harga dan render berikutnya menampilkan harga baru; tidak ada langkah ekspor dan tidak ada file yang perlu diunggah ulang.
Kartu → cache. Setiap nilai juga ikut di dalam URL sampul yang ditandatangani. Jadi perubahan harga mengubah URL — artinya gambar lama tidak lagi dapat dialamatkan, CDN tidak memiliki apa pun yang basi untuk disajikan, dan tidak perlu cache-busting. Tidak ada hal lain di kategori ini yang bekerja seperti ini, karena plugin yang di-host sendiri mengunci gambarnya pada nama file yang tidak pernah berubah.
Kartu → Facebook. Menyimpan produk memicu webhook bawaan WooCommerce product.updated, dan FastOG mengantrekan scrape ulang Meta untuk permalink produk tersebut, sehingga Facebook mengganti kartu yang di-cache alih-alih menunggu berminggu-minggu. Lihat Paksa Refresh Cache Facebook Open Graph.
Kartu → WhatsApp. Tidak ada yang bisa didorong. Kartu yang benar sudah menunggu untuk pembacaan berikutnya.
Kasus khusus obral terjadwal
Obral yang dimulai tengah malam tanpa ada yang menyentuh produk tidak memicu webhook sama sekali — detail yang merusak setiap desain "kami menyegarkan saat disimpan", termasuk ping Facebook kami.
Yang menyelamatkan kartu adalah karena kartu tersebut tidak dibuat sebelumnya: sampul dibangun sesuai permintaan dari data katalog terkini, sehingga pengambilan pertama setelah tengah malam sudah menampilkan harga obral dan lencananya. Angka yang sudah usang hanya bisa bertahan di cache pratinjau platform, tempat angka itu akan diganti sesuai jadwal platform tersebut sendiri. Kartu yang dirender, bukan diekspor, adalah satu-satunya jenis yang bertahan dari obral yang tidak disimpan siapa pun.
Verifikasi bahwa angka sudah sinkron
Harga terlihat di URL sampul itu sendiri, sehingga hal ini dapat diperiksa tanpa debugger:
# 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.
Jika parameter URL dan kartu yang dirender keduanya membawa harga saat ini, dan halaman produk menampilkan hal yang sama, sisi toko sudah sinkron dan sisa ketidaksesuaian yang ada berasal dari cache platform. Jika URL masih membawa harga lama, cache halaman menyajikan HTML sebelum penyuntingan — bersihkan cache tersebut.
Untuk melihatnya secara menyeluruh, tempelkan URL produk ke See Your Links The Way Buyers Do: alat ini membaca tag secara langsung dan merender sampul dari data produk yang sama, berdampingan dengan apa yang akan ditampilkan platform saat ini.
FAQ
Bagaimana cara menampilkan harga pada pratinjau tautan WhatsApp?
Sajikan og:image yang berisi harga — artinya gambar yang dihasilkan dari katalog Anda, bukan foto statis. WhatsApp merender gambar apa pun yang ditunjuk oleh tag tersebut, pada ukuran 1200×630; harga hanya muncul jika harga itu digambar ke dalam gambar tersebut.
Mengapa pratinjau masih menampilkan harga lama setelah saya mengakhiri promo?
Dua kemungkinan penyebab: gambar yang disajikan halaman tidak berubah (cache halaman, atau gambar statis), atau WhatsApp menampilkan pratinjau yang di-cache dari sebelum perubahan. Periksa dulu URL og:image saat ini — jika harganya juga lama, masalahnya ada di toko; jika sudah terbaru, masalahnya ada di WhatsApp.
Apakah kartu menampilkan harga promo atau harga normal?
Harga promo — itulah yang dilaporkan WooCommerce sebagai harga saat ini — dengan harga normal di sampingnya sebagai compare-at, dan hanya ketika produk benar-benar sedang promo.
Apakah semua paket menggambar harga dan badge promo?
Ya. Field template tidak dibatasi per tingkatan di FastOG: harga, harga compare-at, dan badge stok tersedia di semua paket. Paket dibedakan berdasarkan jenis halaman, kuota item, dan cakupan template, bukan berdasarkan apa yang bisa ditampilkan sebuah cover.
Apakah harga diperbarui untuk tautan yang sudah dibagikan?
Untuk Facebook, FastOG meminta scrape ulang setelah pembaruan produk. Untuk WhatsApp, LinkedIn, dan X, pembacaan berikutnya terjadi sesuai jadwal masing-masing platform; tidak ada jaminan waktu publik maupun API refresh terprogram yang diklaim untuk platform tersebut.
Bagaimana jika saya mengubah harga tetapi tidak mengubah template?
Itu kasus normal dan berhasil: template mendefinisikan tata letak, katalog menyediakan nilainya. Tidak ada yang perlu didesain ulang dan tidak ada gambar yang perlu diekspor ulang.
Apakah tautan yang dibagikan selama promo akan tetap menampilkan harga promo setelah promo berakhir?
Hanya selama pratinjau yang di-cache platform masih bertahan. URL cover berubah mengikuti katalog, sehingga pembacaan segar pertama akan mendapatkan kartu pasca-promo.
Apakah ada paket gratis?
Ya. Tingkatan Community gratis mencakup hingga 100 item di seluruh halaman produk, kategori, toko, dan postingan blog dengan lima template dasar plus template produk Black Friday dan Seasonal Offer. Cover-nya bersih — tidak ada paket yang membawa watermark, termasuk Community. Community dirender di server Community bersama dan dibatasi oleh rate limit toko/IP bukan oleh branding. Paket berbayar menggunakan server khusus yang terpisah dari Community, menaikkan kuota item dan membuka template serta kemampuan tambahan (badge rating dari Starter, pemetaan metafield dari Pro, aturan terbatas dan rendering prioritas dari Scale). Paket berbayar mencakup uji coba 14 hari tanpa memerlukan kartu kredit.
Terkait
Coba gratis — tanpa perlu mendaftar
Pratinjau dan uji gambar OG dinamis dalam hitungan detik.
Buka Penguji Gambar OG Gratis