Blok konten dinamis

Blok Konten dinamis memungkinkan Anda menampilkan berbagai jenis konten secara dinamis di checkout saat kondisi tertentu terpenuhi.

Misalnya, jika Anda menjalankan kampanye untuk menyumbangkan sebagian dari semua penjualan kaus ke badan amal, Anda dapat membuat banner khusus Terima kasih atas dukungan Anda yang hanya ditampilkan di checkout saat pelanggan membeli kaus.

Item konten yang didukung untuk blok konten dinamis

Blok konten dinamis mendukung jenis item konten berikut:

  • Akordion
  • Banner
  • Manfaat
  • Tombol
  • Pemisah
  • Judul
  • Gambar
  • Pemberi spasi
  • Teks

Anda dapat menambahkan beberapa item konten dalam satu blok konten dinamis.

Blok konten dinamis juga mendukung daftar terbatas pemformatan Markdown saat menulis teks:

  • Judul H1, H2, dan H3
  • Tebal, miring, dan coretan
  • Gambar
  • Pemisah baris
  • Tautan
  • Daftar berurutan dan tidak berurutan
  • Garis horizontal

Untuk menambahkan personalisasi ke konten, Anda juga dapat menggunakan variabel Liquid.

Membuat blok konten dinamis

Anda dapat membuat dan mengonfigurasi blok konten dinamis di aplikasi Checkout Blocks. Setelah membuat blok konten dinamis, Anda harus menambahkannya ke checkout.

Langkah-langkah:

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

  2. Klik Blok, lalu klik Buat blok.

  3. Klik Konten dinamis.

  4. Pilih templat untuk kolom yang ingin Anda gunakan. Jika Anda tidak ingin kolom atau pengaturan apa pun terisi sebelumnya, pilih Templat kosong.

  5. Di bagian Nama blok, masukkan nama untuk blok. Nama ini tidak ditampilkan kepada pelanggan Anda.

  6. Di bagian ID Blok, gunakan menu tarik-turun untuk menerapkan nomor ID tertentu. Pelajari selengkapnya tentang ID blok.

  7. Di bagian Aturan tampilan, konfigurasikan aturan tampilan blok Anda:

    • Untuk menampilkan blok ke semua pelanggan, biarkan bagian Aturan tampilan kosong.
    • Untuk membuat aturan tampilan, klik ⊕ Tambahkan aturan tampilan, lalu konfigurasikan aturan Anda. Tambahkan aturan tampilan sebanyak yang diperlukan.
  8. Di bagian Konten, tambahkan dan sesuaikan konten blok Anda:

    1. Opsional: Di kolom Header bagian, klik Tambahkan judul (opsional) untuk menambahkan header ke blok Anda.
    2. Di bagian Item konten, klik ⊕ Tambahkan item konten, lalu pilih item konten yang ingin Anda tambahkan.
    3. Di dialog item konten, konfigurasikan detail dan gaya item konten Anda, lalu klik Selesai.
    4. Opsional: Tambahkan lebih banyak item konten dan sesuaikan sesuai kebutuhan.
  9. Opsional: Di bagian Gaya, klik Sesuaikan desain untuk menyesuaikan gaya dan ukuran wadah serta kolom blok.

  10. Opsional: Di bagian Penerbitan, klik ikon pensil untuk memilih pasar dan halaman checkout tempat Anda ingin blok ditampilkan.

  11. Klik Simpan.

Secara default, blok Anda disimpan sebagai Draf. Jika Anda siap menerbitkan blok, di bagian Status, pilih Aktif dari menu tarik-turun.

Tambahkan blok konten dinamis ke checkout

Anda dapat menambahkan blok konten dinamis yang sudah ada ke checkout. Blok harus diatur ke Aktif agar dapat ditampilkan di checkout.

Jika Anda ingin melihat pratinjau blok di editor checkout dan akun, salin ID pratinjau unik blok tersebut dari aplikasi Checkout Blocks.

Langkah-langkah:

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

  2. Klik Blok.

  3. Klik blok konten dinamis yang ingin Anda tambahkan ke checkout.

  4. Klik Tindakan lainnya ⌄ > Tambahkan ke checkout.

  5. Opsional: Di bagian ID blok pratinjau, klik ikon papan klip untuk menyalin ID pratinjau unik blok tersebut.

  6. Pilih konfigurasi checkout yang diinginkan, lalu klik Buka editor.

  7. Di editor checkout dan akun, tambahkan blok konten dinamis ke checkout Anda:

    1. Buka halaman checkout tempat Anda ingin menambahkan blok.
    2. Klik ⊕ Tambahkan blok di bagian tempat Anda ingin menambahkan blok.
    3. Klik opsi Konten dinamis Checkout Blocks.
    4. Konfigurasikan detail blok checkout, dan pilih ID blok yang sesuai.
    5. Opsional: Gunakan kolom ID blok pratinjau (Untuk tujuan pengujian) dan ID pratinjau blok untuk melihat pratinjau cara blok ditampilkan di checkout.
    6. Opsional: Seret dan lepaskan blok dinamis untuk mengubah lokasi di halaman checkout tempat Anda ingin blok ditampilkan.
  8. Klik Simpan.