Mencipta Butang Beli
Selepas anda menambah saluran jualan Butang Beli dalam pentadbir Shopify anda, anda boleh mencipta Butang Beli untuk produk atau koleksi.
Selepas anda mencipta Butang Beli, anda menyalin kod yang dijanakan secara automatik dan kemudian tambahkan kod itu pada laman web atau siaran blog tempat yang anda mahu butang tersebut dipaparkan. Sebagai contoh, anda mungkin mahu menambah Butang Beli ke blog Wordpress atau laman web Squarespace anda.
Penampilan Butang Beli tidak boleh diubah selepas anda membenamkannya pada laman web anda. Jika anda mahu menukarnya, maka anda perlu mencipta butang baharu dalam saluran tersebut dan menggantikan kod asal dengan kod baharu.
Pada halaman ini
Menyesuaikan Butang Beli
Anda boleh menyesuaikan penampilan dan kelakuan Butang Beli:
- warnanya
- saiznya
- fonnya
- tindakan yang berlaku apabila butang diklik
- sama ada halaman pembayaran dibuka dalam tetingkap pelayar yang baharu
Semasa anda menyesuaikan butang, anda boleh melihat pratonton perubahan anda. Anda boleh menguji kelakuan Butang Beli dengan mengklik pratonton tersebut.
Gaya reka letak
Anda boleh memilih susun atur Butang Beli.
| Asas | Pilih susun atur ini untuk menambah Butang Beli tanpa sebarang imej produk. Anda mungkin mahu berbuat demikian jika anda sudah memaparkan produk anda di tempat lain dalam talian tetapi hanya mahu menambah butang untuk membuat pembelian. |
| Klasik | Pilih susun atur ini untuk memaparkan imej produk dan harga di sebelah Butang Beli. Susun atur ini berguna untuk pratonton produk yang pantas, seperti dalam siaran blog. |
| Paparan penuh | Pilih susun atur ini untuk memaparkan imej produk, harga dan perihalan di sebelah Butang Beli. Susun atur ini mencontohi halaman butiran produk dalam kedai dalam talian anda. |
Tindakan Butang Beli
Apabila anda mencipta Butang Beli, anda boleh memilih tindakan yang berlaku apabila butang tersebut diklik.
Jika Butang Beli adalah untuk koleksi, maka tindakan itu digunakan pada setiap produk dalam koleksi.
- Tambah produk pada troli menambahkan produk ke dalam troli beli-belah. Pelanggan boleh terus membeli-belah dan menambah produk lain pada troli tersebut.
- Terus ke pembayaran membawa pelanggan terus ke pembayaran anda, tempat mereka boleh membuat pembelian produk tersebut. Pelanggan tidak boleh menambah produk tambahan pada pesanan mereka.
- Buka butiran produk memaparkan butang Lihat produk . Apabila pelanggan mengklik butang tersebut, mereka boleh melihat perihalan produk, memilih mana-mana varian produk yang tersedia dan menambahkan produk pada troli. Jika produk mempunyai berbilang imej produk, imej ini juga akan dipaparkan.
- Pilihan ini tidak tersedia apabila anda memilih susun atur Paparan penuh kerana susun atur Paparan penuh sudah memaparkan semua butiran produk.
Anda juga boleh memilih sama ada pembayaran dibuka dalam tetingkap pelayar yang baharu atau sama ada pembayaran dibuka dalam tab yang sama seperti laman web anda. Kelakuan lalai ialah pembayaran dibuka dalam tetingkap baharu.
Penampilan Butang Beli
- Gaya butang menyertakan bentuk, warna dan tipografi untuk bahagian butang bagi Butang Beli.
- Susun atur Bergantung pada gaya reka letak yang anda pilih, anda boleh menyesuaikan tetapan seperti penjajaran butang, saiz imej, teks butang, fon, warna dan saiz.
- Troli beli-belah menyertakan pilihan teks dan warna untuk troli beli-belah yang terbenam. Anda juga boleh mendayakan dan menyesuaikan label untuk medan Nota pesanan . Anda boleh menggunakan nota pesanan untuk mendapatkan arahan khas daripada pelanggan tentang cara menyediakan dan menghantar pesanan. Medan Maklumat tambahan membolehkan anda menyampaikan mesej kepada pelanggan anda.
- Anda hanya boleh mengedit tetapan untuk troli beli-belah jika anda telah memilih Tambah produk pada troli atau Buka butiran produk sebagai tindakan butang tersebut.
- Tetingkap timbul terperinci menyertakan tetapan untuk tetingkap timbul butiran produk. Anda boleh menyesuaikan teks butang, sama ada ingin menyertakan medan kuantiti atau tidak, warna yang digunakan untuk latar belakang dan label serta fon dan saiz fon bagi label. Anda hanya boleh mengedit tetapan ini jika anda telah memilih Buka butiran produk sebagai tindakan butang.
Cipta Butang Beli untuk produk tunggal
Anda boleh mencipta Butang Beli untuk satu produk. Butang Beli boleh menyertakan satu atau semua varian produk. Apabila anda mencipta Butang Beli, anda memilih gaya reka letak dan menyesuaikan warna, teks dan penampilan butang, serta tindakan yang berlaku apabila pelanggan mengkliknya. Ketahui lebih lanjut tentang menyesuaikan Butang Beli.
Sebelum anda mencipta Butang Beli untuk produk, anda mesti telah menambahkan produk dalam pentadbir Shopify anda dan menjadikannya tersedia kepada saluran jualan Butang Beli.
Langkah-langkah:
Desktop
Daripada pentadbir Shopify anda, pergi ke Saluran jualan > Butang Beli.
Klik Cipta Butang Beli.
Klik Butang Beli Produk.
Pilih produk daripada katalog anda atau gunakan carian untuk mencari produk. Klik Pilih.
Pilihan: sesuaikan Butang Beli.
- Jika produk anda mempunyai varian, pilih Semua varian atau pilih varian yang ingin anda sertakan.
- Pilih gaya reka letak dan tindakan yang berlaku apabila pelanggan mengklik butang tersebut. Anda juga boleh menyesuaikan penampilan butang.
- Secara lalai tingkah laku pembayaran membuka tetingkap baharu tetapi anda boleh memilih untuk membuka pembayaran dalam tab pelayar yang sama seperti laman web anda. Klik Tetapan lanjutan > Ubah hala dalam tab yang sama.
Klik Seterusnya.
Klik Salin kod.
Buka editor HTML untuk laman web yang anda mahu memaparkan Butang Beli. Rujuk Menambahkan kod Butang Beli pada HTML.
Tampal kod dalam HTML di tempat yang anda mahu Butang Beli dipaparkan, kemudian simpan perubahan anda.
Mudah alih
Daripada aplikasi Shopify, ketik ikon
.
Dalam bahagian Saluran jualan, ketik Butang Beli.
Ketik Cipta Butang Beli.
Ketik Butang Beli Produk.
Pilih produk daripada katalog anda atau gunakan carian untuk mencari produk, dan kemudian ketik Pilih.
Pilihan: Ketik Sesuaikan.
- Jika produk anda mempunyai berbilang varian, pilih Semua varian atau pilih varian daripada senarai juntai bawah.
- Pilih gaya reka letak dan tindakan yang berlaku apabila pelanggan mengklik butang tersebut. Anda juga boleh menyesuaikan penampilan butang.
- Secara lalai tingkah laku pembayaran membuka tetingkap baharu tetapi anda boleh memilih untuk membuka pembayaran dalam tab pelayar yang sama seperti laman web anda. Ketik Tetapan lanjutan > Ubah hala dalam tab yang sama.
Ketik Selesai.
Ketik Salin kod.
Buka editor HTML untuk laman web yang anda mahu memaparkan Butang Beli. Rujuk Menambahkan kod Butang Beli pada HTML.
Tampal kod dalam HTML di tempat yang anda mahu Butang Beli dipaparkan, kemudian simpan perubahan anda.
Cipta Butang Beli untuk koleksi
Apabila anda mencipta Butang Beli untuk koleksi, anda sebenarnya mencipta butang untuk setiap produk dalam koleksi tersebut.
Apabila anda mencipta Butang Beli, anda memilih gaya reka letak dan menyesuaikan warna, teks dan penampilan butang, serta tindakan yang berlaku apabila pelanggan mengkliknya. Ketahui lebih lanjut tentang menyesuaikan Butang Beli.
Sebelum anda mencipta Butang Beli untuk koleksi, anda mesti telah:
- Menambahkan produk dalam pentadbir Shopify anda,
- Menjadikan produk tersedia kepada saluran jualan Butang Beli
- Mencipta koleksi tersebut.
Langkah-langkah:
Desktop
Daripada pentadbir Shopify anda, pergi ke Saluran jualan > Butang Beli.
Klik Cipta Butang Beli.
Klik Butang Beli Koleksi.
Pilih koleksi atau, gunakan carian untuk mencari koleksi. Klik Pilih.
Pilihan: sesuaikan Butang Beli.
- Pilih tindakan yang berlaku apabila pelanggan mengklik butang. Anda juga boleh menyesuaikan penampilan butang.
- Secara lalai tingkah laku pembayaran membuka tetingkap baharu tetapi anda boleh memilih untuk membuka pembayaran dalam tab pelayar yang sama seperti laman web anda. Klik Tetapan lanjutan > Ubah hala dalam tab yang sama.
Klik Seterusnya.
Klik Salin kod.
Buka editor HTML untuk laman web yang anda mahu memaparkan Butang Beli. Rujuk Menambahkan kod Butang Beli pada HTML.
Tampal kod dalam HTML di tempat yang anda mahu Butang Beli dipaparkan, kemudian simpan perubahan anda.
Mudah alih
Daripada aplikasi Shopify, ketik ikon
.
Dalam bahagian Saluran jualan, ketik Butang Beli.
Ketik Cipta Butang Beli.
Ketik Butang Beli Koleksi.
Pilih koleksi atau, gunakan carian untuk mencari koleksi, dan kemudian ketik Pilih.
Pilihan: Ketik Sesuaikan.
- Pilih tindakan yang berlaku apabila pelanggan mengklik butang. Anda juga boleh menyesuaikan penampilan butang.
- Secara lalai tingkah laku pembayaran membuka tetingkap baharu tetapi anda boleh memilih untuk membuka pembayaran dalam tab pelayar yang sama seperti laman web anda. Ketik Tetapan lanjutan > Ubah hala dalam tab yang sama.
Ketik Selesai.
Ketik Salin kod.
Buka editor HTML untuk laman web yang anda mahu memaparkan Butang Beli. Rujuk Menambahkan kod Butang Beli pada HTML.
Tampal kod dalam HTML di tempat yang anda mahu Butang Beli dipaparkan, kemudian simpan perubahan anda.