Ikhtisar blok untuk menyesuaikan checkout Anda menggunakan Checkout Blocks

Blok di aplikasi Checkout Blocks, yang dibuat dengan UI extensions, membantu Anda menyesuaikan checkout dengan menyediakan blok yang dapat Anda seret dan lepaskan langsung ke editor checkout dan akun. Beberapa jenis blok menambahkan elemen kustomisasi visual ke checkout Anda, seperti spanduk informasi dan peringatan atau pesan item pesanan. Jenis blok lainnya menambahkan elemen interaktif ke checkout Anda, seperti pemilih varian atau kuantitas untuk item pesanan, atau kotak centang atau kolom teks bagi pelanggan untuk memilih atau memasukkan informasi tambahan.

Checkout Blocks dapat mendukung hingga 30 blok aktif per jenis blok. Anda dapat memiliki hingga 30 kolom kustom, 30 blok konten dinamis, atau jenis blok lainnya sekaligus. Anda dapat membuat lebih dari 30 blok, tetapi hanya 30 blok aktif pertama yang ditampilkan di checkout.

Blok yang ditampilkan di checkout bergantung pada aturan tampilan yang telah Anda terapkan pada blok, urutan prioritas blok, serta apakah ID blok digunakan untuk selalu menampilkan blok tertentu di lokasi tertentu.

Di halaman ini

Blok yang tersedia di Checkout Blocks

Checkout Blocks mendukung beberapa jenis blok. Jenis blok bergantung pada jenis konten yang ingin Anda tambahkan ke checkout, apakah Anda ingin menambahkan aturan tampilan kondisional, dan ke halaman mana Anda ingin menambahkan blok.

Beberapa blok tidak dapat ditambahkan ke halaman checkout tertentu karena fungsi blok itu sendiri. Misalnya, blok kolom kustom mengandalkan pelanggan untuk memasukkan informasi tambahan, seperti menambahkan catatan kustom atau mencentang kotak. Informasi ini harus diambil sebelum pesanan selesai, jadi kolom kustom tidak dapat ditambahkan ke halaman pasca pembelian, seperti halaman terima kasih atau halaman status pesanan.

Tabel yang mencantumkan blok yang tersedia di Checkout Blocks, beserta halaman checkout yang mendukungnya dan deskripsi singkat untuk setiap blok.
Blok	Halaman yang didukung	Deskripsi
Pemblokir alamat	Checkout	Blokir checkout berdasarkan aturan format alamat.
Kolom kustom	Checkout	Sertakan kolom kustom di checkout, seperti kotak centang persetujuan persyaratan atau kolom pesan hadiah.
Konten dinamis	Checkout Terima kasih Status pesanan	Tampilkan konten seperti teks, spanduk, dan tombol berdasarkan aturan bersyarat yang Anda tetapkan. Blok ini tersedia bagi penjual di paket Basic Shopify atau yang lebih tinggi, dan hanya dapat ditempatkan di halaman Terima kasih dan Status pesanan. Penempatan di halaman checkout memerlukan Shopify Plus.
Edit item pesanan	Checkout Terima kasih Status pesanan	Izinkan pelanggan mengedit item pesanan di ringkasan pesanan checkout, seperti menyertakan pemilih varian atau kuantitas. Juga berfungsi sebagai wadah untuk konten item pesanan.
Konten item pesanan	Checkout Terima kasih Status pesanan	Tampilkan pesan khusus item pesanan, seperti `Penjualan final`.
Ikon Pengiriman & Pembayaran	Checkout	Tampilkan ikon untuk metode pengiriman dan pembayaran yang didukung.
Konten statis	Checkout Terima kasih Status pesanan	Berbeda dengan blok konten dinamis, konten ini ditampilkan ke semua pelanggan dan mendukung teks serta spanduk. Blok ini tersedia bagi penjual di paket Basic Shopify atau yang lebih tinggi, dan hanya dapat ditempatkan di halaman Terima kasih dan Status pesanan. Penempatan di halaman checkout memerlukan Shopify Plus.

Pelajari selengkapnya tentang membuat blok.

Analitik blok

Setiap blok aktif memiliki analitik Tampilan yang ditampilkan di bagian atas halaman detail blok di aplikasi Checkout Blocks. Analitik ini melacak jumlah berapa kali blok tersebut telah ditampilkan di checkout.

Secara default, blok menampilkan analitik untuk Hari Ini, tetapi Anda dapat mengeklik menu tarik-turun tanggal dan menggunakan pemilih tanggal untuk meninjau analitik untuk hari atau rentang tanggal tertentu.

Untuk mengatur ulang analitik blok, klik > Atur ulang analitik. Tindakan ini tidak dapat dibatalkan.

Aturan tampilan untuk blok

Banyak jenis blok, seperti konten dinamis dan kolom kustom, memungkinkan Anda mengatur kondisi yang menentukan keadaan yang harus dipenuhi agar blok checkout Anda ditampilkan di checkout. Anda dapat mengatur beberapa aturan tampilan per blok, dan Anda juga dapat menentukan apakah semua aturan harus dipenuhi atau salah satu aturan harus dipenuhi untuk menampilkan blok tersebut.

Sintaksis aturan tampilan bervariasi tergantung pada jenis blok yang Anda buat, tetapi secara umum, aturan dibuat menggunakan elemen berikut secara berurutan, jika berlaku:

Kategori aturan, seperti Jenis produk atau Total keranjang.
Operator logis, seperti Adalah atau Bukan, atau Lebih besar dari, Berisi, atau Berakhir dengan.
Parameter yang menentukan nilai spesifik yang Anda inginkan, seperti Gaun atau 50.00.

Misalnya, untuk menampilkan banner kepada pelanggan yang berbelanja banyak guna meminta mereka membuat akun, Anda dapat membuat blok dengan aturan tampilan berikut:

Hanya tampilkan saat: Semua aturan terpenuhi
Total keranjang > Lebih besar dari atau sama dengan > USD > 100.00
Pelanggan login > Salah

Sesuai dengan rangkaian aturan tampilan ini, banner Anda hanya ditampilkan saat pelanggan telah membelanjakan 100 USD atau lebih, dan mereka belum login ke akun pelanggan. Banner tidak ditampilkan saat pelanggan sudah login, dan juga tidak ditampilkan saat pelanggan tidak berbelanja hingga ambang batas 100 USD.

ID Blok

Beberapa jenis blok, seperti kolom kustom atau konten dinamis, memiliki opsi untuk menentukan ID Blok. ID blok 0 dipilih secara default.

ID blok memungkinkan Anda untuk menambahkan blok yang berbeda dari jenis yang sama di berbagai bagian checkout. Anda dapat menganggap blok checkout di editor sebagai placeholder, yang dapat memuat beberapa kemungkinan blok, tergantung pada aturan tampilan apa pun yang Anda konfigurasikan di dalam blok. Anda dapat menambahkan hingga 10 'placeholder' blok yang berbeda di setiap halaman checkout.

Contoh 1: Gunakan ID blok yang berbeda untuk menentukan lokasi yang berbeda untuk blok yang berbeda dari jenis yang sama.

Anda ingin menampilkan kotak centang wajib di area konten utama, tetapi dengan catatan hadiah opsional di sidebar. Kedua blok tersebut menggunakan jenis blok kolom kustom, sehingga Anda dapat menambahkan blok Kolom kustom dua kali di editor checkout dan akun, lalu menempatkan setiap blok di tempat Anda ingin menampilkannya. Namun, Anda harus dapat mengatur blok tertentu mana yang ditempatkan di lokasi mana.

Kotak centang wajib dapat diatur untuk memiliki ID blok 1, dan catatan hadiah opsional dapat diatur untuk memiliki ID blok 2. Di editor checkout dan akun, Anda kemudian dapat mengatur blok Kolom kustom di area konten utama untuk menggunakan ID blok 1 guna menampilkan kotak centang wajib, dan blok Kolom kustom di sidebar untuk menggunakan ID blok 2 guna menampilkan catatan hadiah opsional.

Contoh 2: Gunakan ID blok yang sama untuk menentukan satu lokasi untuk blok berjenis sama dengan aturan tampilan yang berbeda.

Anda menawarkan 3 diskon pengiriman otomatis:

diskon 10% untuk pesanan di atas $25 USD
diskon 25% untuk pesanan di atas $50 USD
bebas biaya kirim untuk pesanan di atas $100 USD

Untuk mendorong pelanggan agar menambahkan lebih banyak item ke keranjang mereka sebelum menyelesaikan pesanan, Anda ingin menambahkan banner dinamis di bagian Metode pengiriman pada halaman checkout, yang meminta pelanggan untuk menambahkan lebih banyak item ke keranjang berdasarkan diskon pengiriman yang paling dekat untuk mereka dapatkan.

Anda dapat menyiapkan 3 blok konten dinamis yang semuanya memiliki ID blok yang sama, misalnya 6:

Tabel tiga contoh blok konten dinamis serta aturan tampilan dan konten yang berlaku.
Nama blok	Aturan Tampilan	Konten banner
Tingkat Pengiriman 1	Total keranjang > Kurang dari > $25,00	"Keranjang Anda memenuhi syarat untuk mendapatkan diskon pengiriman 10% jika Anda berbelanja $25 atau lebih."
Tingkat Pengiriman 2	Total keranjang > Kurang dari > $50,00	"Keranjang Anda memenuhi syarat untuk mendapatkan diskon pengiriman 25% jika Anda berbelanja $50 atau lebih."
Tingkat Pengiriman 3	Total keranjang > Kurang dari > $100,00	"Keranjang Anda memenuhi syarat untuk mendapatkan bebas biaya kirim jika Anda berbelanja $100 atau lebih."

Pastikan blok Tingkat Pengiriman 1 memiliki prioritas pengurutan tertinggi, dan blok Tingkat Pengiriman 3 memiliki prioritas pengurutan terendah. Dalam hal ini, saat pelanggan berbelanja kurang dari $25 USD, meskipun kondisi tampilan untuk ketiga blok secara teknis telah terpenuhi, blok Tingkat 1 akan ditampilkan dengan pesan yang paling sesuai. Saat pelanggan berbelanja lebih dari $25 USD tetapi kurang dari $50 USD, blok Tingkat 2 akan ditampilkan pada prioritas yang lebih tinggi, meskipun kondisi untuk blok Tingkat 3 juga telah terpenuhi secara teknis.

Terakhir, di editor checkout dan akun, Anda dapat menambahkan satu blok konten dinamis dengan ID blok 6 ke bagian Tarif pengiriman, dan blok yang paling sesuai dari 3 kemungkinan blok konten dinamis yang Anda buat akan ditampilkan di ruang 'penampung' tersebut selama checkout. Saat pelanggan berbelanja senilai $100 USD atau lebih, tidak ada konten dinamis yang ditampilkan di area checkout tersebut karena tidak ada aturan tampilan yang terpenuhi untuk blok konten dinamis dengan ID blok 6.