Pesanan online di situs Anda sendiri
Widget “Pesanan online” menambahkan penerimaan pesanan ke situs yang sudah Anda miliki. Tidak perlu memindahkan atau menata ulang apa pun: widget membaca halaman situs Anda, memasang tombol “Tambah ke keranjang” di halaman tersebut, dan menjalankan keranjang serta checkout di atas tata letak Anda.
Lokasi: Marketing → “Situs saya” → kartu “Pesanan online” → ikon roda gigi. Kode pemasangan sama untuk semua widget, lihat Situs saya.
Empat mode kerja#
| Mode | Yang dilihat pengunjung | Kapan dipilih |
|---|---|---|
| Toko sendiri | Tombol “Pesan”; saat diklik, toko Anda terbuka dengan menu dan keranjang di atas halaman | Situs profil, halaman tujuan, blog — tidak ada produk di halaman |
| Di atas situs | Tombol “Tambah ke keranjang” kami langsung di tata letak Anda — di kartu produk dan katalog, keranjang di sudut layar | Situs sudah memiliki katalog produk, tetapi belum menerima pesanan (atau penerimaannya tidak nyaman) |
| Ganti tombol | Sama, ditambah tombol “beli” bawaan dan keranjang situs disembunyikan | Anda ingin semua pesanan hanya melalui kami |
| Intersepsi penuh | Situs tampak tidak tersentuh: tombol tetap bawaan, tetapi saat ditekan produk masuk ke keranjang kami, membuka keranjang situs membuka keranjang kami, dan penghitung serta jumlah menampilkan angka kami | Toko sudah tertata rapi — tampilannya tidak ingin diubah, tetapi pesanan dan harga harus milik kami |
Pemindaian situs#
Semua mode, kecuali “toko sendiri”, bekerja berdasarkan peta situs: di mana pada halaman Anda terdapat nama produk, harga, gambar, tombol pembelian bawaan, dan keranjang bawaan.
Peta dibangun oleh pemindai: tentukan alamat dan tekan “Pindai situs” — biasanya 1–3 menit. Di dalamnya:
- Preset platform — kumpulan selektor siap pakai tersedia untuk delapan platform: WooCommerce, Shopify, Magento, PrestaShop, Bitrix, InSales, Tilda, OpenCart. Pemindai juga mengenali Ecwid, Squarespace, dan Wix dari sidik jarinya, tetapi tidak ada preset untuk keduanya — peta dibangun dengan analisis AI;
- Analisis AI atas tata letak — untuk situs buatan sendiri dan tema nonstandar;
- Pemeriksaan setiap selektor yang ditemukan pada halaman nyata; data dicocokkan dengan markup mikro produk. Selektor yang belum diperiksa tidak masuk ke peta — lebih baik tombolnya lebih sedikit daripada tombol di tempat yang salah.
Hasilnya terlihat: platform yang teridentifikasi, jumlah halaman yang dipindai, contoh produk yang dikenali, dan secara terpisah — halaman produk serta kartu katalog. Peta diterapkan dengan tombol dan disimpan bersama pengaturan widget. Situs berubah — cukup pindai ulang.
Penempatan tombol dan tampilan#
Diatur pada tata letak dengan pratinjau langsung — halaman produk dan katalog yang umum:
- Tombol di halaman produk: di bawah harga, di samping tombol bawaan situs, melayang di bagian bawah layar, atau dimatikan (skenario utama “intersepsi penuh” — tidak ada tombol sendiri, pengunjung menekan tombol bawaan);
- Tombol di kartu katalog: di atas kartu, di bawah kartu, atau dimatikan;
- Tombol keranjang: salah satu dari empat sudut layar;
- Warna tombol dan teks (“Tambah ke keranjang”, “Pesan”, teks sendiri) — label dapat ditentukan terpisah untuk setiap bahasa situs Anda.
Harga sendiri#
Tombol terpisah: widget menghitung ulang harga situs Anda menjadi harga sendiri dan menampilkannya kepada pengunjung — di halaman produk, katalog, dan keranjang.
- Aturan dasar untuk semua produk: persentase, markup dalam mata uang, batasan “tidak lebih rendah / tidak lebih tinggi”, dan pembulatan (ke bilangan bulat, ekor …9, sen .99, puluhan bulat …0, kelipatan 10/50/100).
- Penimpaan titik berdasarkan alamat halaman, nama, atau SKU: harga sendiri, aturan sendiri, nama lain di keranjang, atau “ditarik dari penjualan” — maka tombol tidak dipasang.
- Opsi tampilan: harga lama dicoret di samping harga baru, label seperti “harga promo”, label mata uang sendiri, tempat tambahan dengan harga (panel lengket, blok “produk serupa”). Penggambaran ulang harga langsung di markup situs juga dapat dimatikan: pengunjung melihat harga situs, tetapi yang masuk ke keranjang adalah harga Anda.
- Di akun tersedia pratinjau “sebelum → sesudah” pada contoh harga dari situs Anda.
⚠️ Penimpaan bersifat visual: backend situs Anda tidak mengetahui harga baru. Karena itu, harga sendiri masuk akal bersama intersepsi pesanan — jika tidak, pengunjung yang menekan tombol bawaan yang masih ada akan membuat pesanan dengan harga lama di luar Anda. Dalam mode “Intersepsi penuh”, harga sendiri aktif secara default, dan panel admin memperingatkan jika Anda mengaktifkannya tanpa intersepsi.
Apa yang terjadi setelah pesanan#
Pengunjung menambahkan produk ke keranjang, membukanya, dan membuat pesanan — nama, telepon, pengiriman atau pengambilan sendiri dengan alamat, komentar. Pesanan masuk ke bagian “Pesanan” di akun, setara dengan pesanan toko, kasir, dan agregator: status, notifikasi, pencetakan, dan pengiriman ke dapur yang sama. Tidak ada “kotak masuk widget” terpisah. Setiap baris pesanan disertai tautan ke halaman situs Anda tempat produk dimasukkan ke keranjang — operator dapat melihat apa yang dipesan.
Semua hal lain tentang pesanan online diatur di tempat yang sama, di modal widget: tersusun sebagai akordeon dengan bagian “Widget di situs Anda”, “Penerimaan pesanan”, “Pengiriman dan pengambilan sendiri”, “Pembayaran”, “Checkout”, dan “Fiskalisasi struk” — formulir yang sama seperti di bagian akun terkait, dikumpulkan di satu tempat.
Tombol “Beri tahu saya saat tersedia”#
Tag kedua yang terpisah dari Widget yang sama — untuk halaman produk yang sudah habis terjual di situs Anda. Tamu menekan tombol, meninggalkan email, mengonfirmasinya melalui tautan di email, dan menerima satu email saat produk kembali tersedia; di email konfirmasi, di samping “konfirmasi” ada juga “tolak”. Notifikasi dikirim oleh mekanisme yang sama dengan Langganan “beri tahu saya saat tersedia” di Toko kami — tidak ada mekanisme kedua yang dibuat.
Cara menghubungkan: di jendela pengaturan Pesanan online, buka kartu “🔔 Beri tahu saya saat tersedia”, pilih produk dan, jika ada, varian dari katalog Anda yang sudah dipublikasikan — generator akan menyusun kodenya. Di halaman produk, tempatkan tombol dengan atribut data-cenaly-stock="<товар>" (contoh siap pakai ada di kartu yang sama) dan sisipkan sekali tag stock/v1.js. Pemicunya berbobot kurang dari satu kilobyte dan hanya bisa melakukan satu hal — menunggu klik; formulir Langganan, kamus, dan pengiriman datang sebagai file terpisah setelah tindakan tamu.
Yang penting diketahui:
- Produk dihubungkan secara manual. Kami tidak mencocokkan katalog pihak lain dan tidak membaca stok dari halaman pihak lain: “kembali tersedia” berarti tersedia di katalog Anda pada kami, sama seperti yang dilihat Toko kami. Produk yang tidak ada di katalog Cabang yang sudah dipublikasikan tidak akan diterima oleh tombol ini.
- Langganan dikonfirmasi melalui email (double opt-in): sebelum klik tautan di email, email tentang ketersediaan tidak dikirim.
- Langganan tidak mereservasi produk. Notifikasi dikirim saat produk kembali tersedia di katalog kami. Di versi saat ini, satu email dihitung sekali untuk satu produk: Langganan ulang ke varian lain dari produk yang sama tidak menggantikan varian yang sudah dipilih.
- Dengan CSP ketat hanya dengan nonce, formulir Langganan saat ini belum bisa terbuka tanpa izin tambahan untuk skrip CDN atau kebijakan
'strict-dynamic'yang sesuai: detailnya ada di “Situs saya”. - Ini bukan satu tag terpadu. Tombol “Beri tahu saya saat tersedia” tidak diangkat oleh pemuat terpadu “Situs saya” — tombol ini punya tag sendiri dan markup sendiri di halaman, karena hanya dipasang di tempat Anda menaruhnya.
Batasan#
- Pemindai membaca HTML sisi server. Jika katalog sepenuhnya digambar oleh JavaScript, halaman produk mungkin tidak ditemukan — dalam hal ini mode “Toko sendiri” yang berfungsi.
- Produk di keranjang diambil dari halaman situs Anda, bukan dari katalog di Akun: nama dan harga dibaca Widget dari halaman itu sendiri (dan jika perlu dihitung ulang menurut aturan harga Anda). Memindahkan katalog ke kami untuk ini tidak diperlukan — tetapi stok di Akun juga tidak dikurangi oleh Pesanan semacam itu.
- Di keranjang Widget, Anda dapat memilih pembayaran saat penerimaan atau pembayaran online, jika untuk Cabang tersebut telah dikonfigurasi penyedia yang didukung. Setelah Pesanan dibuat, tamu beralih ke halaman penyedia; Widget sendiri tidak menerima data kartu. Jika pembayaran gagal disiapkan, Anda dapat mengulanginya untuk Pesanan yang sudah dibuat.
- Dalam mode “Ganti tombol”, tombol asli disembunyikan secara visual; jika di situs ada jalur lain menuju checkout (misalnya tautan langsung ke keranjang pihak lain), jalur itu harus dihapus sendiri — atau beralih ke mode “Intersepsi penuh”, yang mengambil alih peralihan semacam itu.
Pemecahan masalah#
Tombol “Ke keranjang” tidak ada di situs.
- Tag tidak ditemukan — tekan “Periksa pemasangan” di bagian “Situs saya”. “Kode tidak ada” — tag belum disisipkan atau tidak ada di semua halaman templat; “kode Cabang lain” — di tag ada
data-domainmilik pihak lain. Tag disisipkan oleh Google Tag Manager — pemeriksaan tidak akan melihatnya, periksa situs dengan mata Anda sendiri. - Perubahan belum sampai — file Widget disajikan melalui CDN dengan cache 5 menit: tunggu dan muat ulang halaman dengan membersihkan cache.
- Peta situs belum dibuat atau belum diterapkan — dalam mode selain “Toko sendiri”, tombol dipasang menurut peta: pindai situs dan terapkan hasilnya.
- Pemindai tidak menemukan halaman produk — ia membaca HTML sisi server; jika katalog sepenuhnya digambar oleh JavaScript, beralihlah ke mode “Toko sendiri”.
- Tombol di halaman produk dimatikan di pengaturan penempatan — memang begitu yang dimaksud dalam skenario “intersepsi penuh”, di mana tamu menekan tombol asli situs.
Tombol keranjang hilang. Periksa sudut layar yang dipilih di pengaturan penempatan; jika tombol ganda diaktifkan dan di kipasnya ada item “Pesan”, tombol Widget sendiri memang sengaja dimatikan.
Tombol terpasang di tempat yang salah atau hilang setelah situs diperbarui. Markup berubah — tekan “Pindai ulang”: pengaturan penempatan akan tetap tersimpan.
Harga di halaman tidak berubah. Penggambaran ulang harga langsung di markup situs dapat dimatikan melalui pengaturan — maka tamu melihat harga situs, sedangkan yang masuk ke keranjang adalah harga Anda. Periksa juga bahwa aturan harga diaktifkan dan tidak ada penimpaan khusus untuk produk tersebut.
Tamu membuat Pesanan di situs, tetapi Pesanan tidak ada di Akun. Kemungkinan besar Pesanan melewati kami — melalui tombol asli yang masih tersisa atau tautan langsung ke keranjang situs. Ini diatasi dengan mode “Ganti tombol” atau “Intersepsi penuh”.
Harga di Pesanan tidak sesuai. Penulisan ulang harga bersifat visual: backend situs Anda tidak mengetahuinya. Harga sendiri sebaiknya diaktifkan hanya bersama intersepsi Pesanan — jika tidak, sebagian Pesanan akan dibuat dengan harga lama di luar kendali Anda.
Bagian terkait#
- Situs saya — kode pemasangan dan Widget lainnya
- Pesanan — apa yang terjadi dengan Pesanan selanjutnya
- Toko online — jika Anda memerlukan Toko yang lengkap
Pertanyaan umum#
Apakah katalog perlu dipindahkan ke platform Anda? Tidak. Widget bekerja dengan produk langsung di halaman situs Anda — nama dan harga dibacanya dari sana. Katalog di Akun diperlukan jika Anda ingin pencatatan stok, analitik per Item, dan Toko kami: pemindahan dapat dilakukan melalui impor berdasarkan alamat situs atau berkas — lihat Impor katalog AI dan Toko online.
Bagaimana jika situs berubah? Klik “Pindai ulang” — peta akan diperbarui, pengaturan penempatan tetap tersimpan.
Apakah Widget akan merusak tata letak? Tombol disisipkan ke lokasi yang ditemukan pada markup Anda, tampilannya dapat diatur; keranjang dan checkout terbuka di atas halaman dan tidak mengubah tata letak Anda.