Bantuan
Masuk

Kustomisasi checkout umum menggunakan Checkout Blocks

Anda dapat menyesuaikan checkout Anda menggunakan Checkout Blocks dengan berbagai cara. Halaman ini berisi panduan singkat untuk beberapa kustomisasi checkout umum menggunakan Checkout Blocks.

Di halaman ini

Membuat tingkatan diskon pengiriman untuk nilai keranjang tertentu

Jika Anda ingin membuat tingkatan diskon pengiriman, seperti "Diskon pengiriman 50% untuk pesanan di atas $50" dan "bebas biaya kirim untuk pesanan di atas $100", maka Anda dapat membuat beberapa diskon pengiriman otomatis berdasarkan aturan Subtotal keranjang. Diskon pengiriman dengan diskon tertinggi berlaku untuk checkout yang memenuhi kriteria beberapa diskon.

Langkah-langkah:

  1. Dari admin Shopify Anda, buka Aplikasi > Checkout Blocks.

  2. Klik Diskon > Tambah diskon > Potongan biaya pengiriman.

  3. Di bagian Potongan biaya pengiriman, pilih Diskon otomatis, lalu tambahkan pesan diskon Anda (misalnya: Diskon pengiriman 50% untuk pesanan $50+).

  4. Di bagian Konfigurasi diskon, buat set aturan diskon kustom Anda:

    1. Di menu tarik-turun Nilai diskon, pilih Persentase, lalu tambahkan 50%.
    2. Di bagian Aturan diskon , konfigurasikan set aturan Anda:
      1. Klik ⊕ Tambah aturan.
      2. Konfigurasikan aturan Anda menjadi Subtotal keranjang > Lebih besar dari atau sama dengan > 50,00.

  5. Opsional: Anda dapat mengonfigurasi opsi berikut:

    • Opsi pengiriman, untuk menentukan opsi pengiriman mana yang ingin Anda terapkan diskonnya. Saat memilih opsi tertentu, Anda dapat memilih untuk menerapkan ke opsi berdasarkan judul, harga, atau jenis pengiriman.
    • Kombinasi, untuk mengizinkan pelanggan menggabungkan kode diskon dengan diskon produk atau pesanan.
    • Tanggal aktif, untuk menentukan kapan diskon dimulai dan apakah diskon akan berakhir.

  6. Di bagian Ringkasan, tinjau detail diskon Anda untuk memastikan bahwa diskon telah diatur dengan benar.

  7. Klik Simpan.

  8. Dari admin Shopify Anda, kembali ke Aplikasi > Checkout Blocks.

  9. Klik Diskon > Tambah diskon > Potongan biaya pengiriman.

  10. Di bagian Potongan biaya pengiriman, pilih Diskon otomatis, lalu tambahkan pesan diskon Anda (misalnya: Bebas biaya kirim untuk pesanan $100+).

  11. Di bagian Konfigurasi diskon, buat set aturan diskon kustom Anda:

    1. Di menu tarik-turun Nilai diskon, pilih Bebas biaya kirim.
    2. Di bagian Aturan diskon , konfigurasikan set aturan Anda:
      1. Klik ⊕ Tambah aturan.
      2. Konfigurasikan aturan Anda menjadi Subtotal keranjang > Lebih besar dari atau sama dengan > 100,00.

  12. Opsional: Anda dapat mengonfigurasi opsi berikut:

    • Opsi pengiriman, untuk menentukan opsi pengiriman mana yang ingin Anda terapkan diskonnya. Saat memilih opsi tertentu, Anda dapat memilih untuk menerapkan ke opsi berdasarkan judul, harga, atau jenis pengiriman.
    • Kombinasi, untuk mengizinkan pelanggan menggabungkan kode diskon dengan diskon produk atau pesanan.
    • Tanggal aktif, untuk menentukan kapan diskon dimulai dan apakah diskon akan berakhir.

  13. Di bagian Ringkasan, tinjau detail diskon Anda untuk memastikan bahwa diskon telah diatur dengan benar.

  14. Klik Simpan.

Mengubah teks 'ATAU' di bawah metode checkout dipercepat

Anda dapat memindahkan blok ikon pengiriman & pembayaran untuk ditampilkan di bawah garis pemisah ---- ATAU ---- di bawah opsi pembayaran checkout dipercepat, lalu mengubah teks "ATAU" menjadi teks kustom apa pun yang Anda inginkan, seperti "Jenis pembayaran yang diterima" atau "Penyedia pengiriman yang didukung".

Gambar tombol pembayaran dipercepat dan ikon pembayaran tambahan di checkout. Garis pemisah 'ATAU' disorot.

Langkah-langkah:

  1. Buat dan konfigurasikan blok ikon pengiriman & pembayaran di editor checkout dan akun.
  2. Seret dan lepaskan blok Ikon Pengiriman & Pembayaran untuk ditampilkan di bawah bagian Dompet.
  3. Di admin Shopify Anda, buka Toko Online > Tema.
  4. Di tema langsung, klik ... > Edit konten tema default.
  5. Gunakan bilah pencarian untuk mencari istilah alternative.
  6. Di Banner metode pembayaran alternatif checkout, ubah kolom Atau untuk menyertakan teks kustom Anda.
  7. Klik Simpan.

Menampilkan pesan di bawah metode pengiriman tertentu

Anda dapat menggunakan blok konten dinamis untuk menampilkan pesan di bawah metode pengiriman tertentu selama checkout.

Misalnya, jika Anda menawarkan tarif pengiriman Standar, Ekspres, dan Ekspres Internasional, maka Anda mungkin ingin menampilkan pesan singkat di bawah opsi pengiriman "Internasional" untuk mengklarifikasi bahwa biaya bea masuk tidak termasuk dalam harga pengiriman yang ditampilkan.

Langkah-langkah:

  1. Dari admin Shopify Anda, buka Aplikasi > Checkout Blocks.

  2. Klik Blok, lalu klik Buat blok.

  3. Klik Konten dinamis.

  4. Di bagian Nama blok, ketik nama untuk blok tersebut. Nama ini tidak ditampilkan kepada pelanggan Anda.

  5. Di bagian ID Blok, atur ID sebagai Dinamis atau terapkan nomor ID tertentu. Pelajari selengkapnya tentang ID blok.

  6. Di bagian Aturan tampilan, konfigurasikan aturan tampilan blok Anda agar hanya ditampilkan saat metode pengiriman tertentu disertakan. Dalam contoh ini, aturan dikonfigurasi untuk ditampilkan di bawah Ekspres Internasional:

    1. Klik ⊕ Tambah aturan tampilan.
    2. Di dialog Pilih aturan, pilih Judul metode pengiriman.
    3. Konfigurasikan aturan sebagai Berisi > Internasional.

  7. Di bagian Konten, tambahkan dan sesuaikan konten blok Anda:

    1. Di bagian Item konten, klik ⊕ Tambahkan item konten, lalu pilih Teks.
    2. Di dialog item konten, tambahkan pesan singkat Anda, seperti Bea masuk dan bea cukai tambahan mungkin berlaku., lalu klik Selesai.

  8. Opsional: Di bagian Penerbitan, klik ikon pensil untuk memilih pasar dan halaman checkout tempat blok akan ditampilkan.

  9. Klik Simpan, lalu atur status blok menjadi Aktif.

  10. Di editor checkout dan akun, tambahkan blok dinamis ke bagian Tarif pengiriman checkout.

  11. Klik Simpan.

Menyertakan kolom kustom di slip pengepakan pesanan

Checkout Blocks memungkinkan toko Anda mengumpulkan data pelanggan menggunakan blok kolom kustom dan menyimpan data tersebut ke metafield pesanan.

Langkah-langkah:

  1. Di Checkout Blocks, buat dan konfigurasikan blok kolom kustom. Pastikan blok dikonfigurasi untuk disimpan sebagai Metafield Pesanan.
  2. Di admin Shopify Anda, buka Pengaturan > Pengiriman dan pengantaran.
  3. Di bagian Dokumen, klik Templat slip pengepakan.
  4. Di lokasi dalam templat tempat Anda ingin menampilkan nilai kolom kustom, tambahkan baris kode berikut, dengan mengganti key dengan kunci kolom kustom Anda:
{{ order.metafields.checkoutblocks.key }}
  1. Opsional: Jika ingin menampilkan nilai kolom kustom secara bersyarat, Anda dapat membungkus konten dengan pernyataan if/else Liquid berdasarkan kondisi yang diperlukan.
  2. Klik Simpan.

Anda dapat menggunakan beberapa nilai kunci kolom kustom di templat slip pengepakan. Misalnya, kode ini akan menampilkan nomor purchase order pesanan (metafield yang menggunakan po sebagai kunci) hanya jika pelanggan telah menyetujui persyaratan pesanan (metafield yang menggunakan agree_to_terms sebagai kunci):

{% if order.metafields.checkoutblocks.agree_to_terms %}
    PO #{{ order.metafields.checkoutblocks.po }}
{% endif %}

Menambahkan kolom kustom pada pesanan ke profil pelanggan

Anda dapat menyinkronkan data pesanan yang diambil melalui blok kolom kustom dengan memanfaatkan aplikasi Shopify Flow.

Anda dapat mengunduh contoh file .flow untuk menambahkan nilai metafield birth_date ke profil pelanggan. Sesuaikan nilai templat ini agar cocok dengan kunci kolom kustom yang ingin Anda tambahkan.

Langkah-langkah:

  1. Di Checkout Blocks, buat dan konfigurasikan blok kolom kustom. Pastikan blok dikonfigurasi untuk disimpan sebagai Metafield Pesanan.
  2. Di Shopify Flow, siapkan alur kerja kustom untuk dijalankan saat pesanan dibuat:
    1. Klik Buat alur kerja > Pilih pemicu.
    2. Pilih Shopify > Pesanan dibuat.
    3. Pada pemicu, klik Lalu ⊕ > Kondisi.
    4. Klik Tambahkan variabel, lalu pilih Pesanan > metafield > kunci.
    5. Di kolom Kunci, tambahkan kunci untuk kolom kustom yang ingin Anda tambahkan ke profil pelanggan, seperti birth_date.
    6. Pada kondisi, klik Lalu ⊕ > Tindakan.
    7. Klik Shopify > Perbarui metafield pelanggan.
  3. Di bagian Perbarui metafield pelanggan , masukkan informasi berikut:
    1. Namespace metafield: Metafield yang ingin Anda tambahkan, seperti personal_info.
    2. Kunci: Kunci metafield, seperti dob.
    3. Jenis: Jenis nilai yang ingin Anda sertakan, seperti Tanggal.
    4. Nilai:
{% assign dob_key = "birth_date" %}
{% for metafields_item in order.metafields %}
{% if metafields_item.key == dob_key %}
    {{metafields_item.value}}
{% endif %}
{% endfor %}

Setelah alur kerja Anda selesai, klik Aktifkan alur kerja untuk mengaktifkannya.