Bantuan
Log masuk

Menggunakan editor penjenamaan dalam Checkout Blocks

Anda boleh menggunakan editor penjenamaan dalam Checkout Blocks, yang dikuasakan oleh Checkout Branding API, untuk menyesuaikan estetika halaman pembayaran dan akaun anda tanpa perlu mengubah suai sebarang kod.

Anda boleh menggunakan editor penjenamaan untuk mengedit warna dan elemen pembayaran bagi sebarang konfigurasi pembayaran. Perubahan yang anda buat pada reka bentuk pembayaran anda menggunakan editor penjenamaan digunakan pada semua halaman pembayaran anda, termasuk halaman penghargaan, halaman status pesanan dan halaman akaun pelanggan baharu.

Untuk melancarkan editor penjenamaan dari pentadbir Shopify anda, klik Aplikasi > Checkout Blocks, kemudian klik Editor penjenamaan.

Pada halaman ini

Sesuaikan warna pembayaran

Dalam bahagian Warna, anda boleh menyesuaikan warna asas pembayaran anda. Anda juga boleh menyesuaikan sehingga 4 skema warna yang terpakai kepada bahagian individu apabila anda mahu membuat editan yang lebih terperinci pada reka bentuk anda. Anda boleh mengedit jenis warna, termasuk warna aksen (untuk elemen interaktif, seperti pautan) dan warna jenama (digunakan untuk elemen seperti butang utama dan sekunder).

Langkah-langkah:

Sesuaikan warna global

  1. Daripada pentadbir Shopify anda, pergi ke Aplikasi > Checkout Blocks.

  2. Klik Editor penjenamaan.

  3. Dalam bahagian Warna, klik Warna global.

  4. Untuk menggantikan sebarang warna pembayaran sedia ada, dalam bahagian Warna global, klik ikon ⊕ dan kemudian pilih warna yang anda mahukan dengan melakukan salah satu tindakan berikut:

    • Gunakan pemilih warna untuk memilih warna.
    • Taipkan kod warna HEX dalam medan yang tersedia.

  5. Klik Simpan.

Sesuaikan skema warna

  1. Daripada pentadbir Shopify anda, pergi ke Aplikasi > Checkout Blocks.

  2. Klik Editor penjenamaan.

  3. Dalam bahagian Warna, klik Skema 1, Skema 2, Skema 3, atau Skema 4 untuk menyesuaikan skema warna tertentu.

  4. Pilih mana-mana komponen berikut yang mahu anda sesuaikan:

    • Warna utama
    • Kawalan borang
    • Butang utama
    • Butang sekunder

  5. Dalam bahagian Asas, klik ikon ⊕ di sebelah jenis warna yang ingin disesuaikan, kemudian pilih warna yang anda mahu dengan melakukan salah satu tindakan berikut:

    • Gunakan pemilih warna untuk memilih warna.
    • Taipkan kod warna HEX dalam medan yang tersedia.

  6. Pilihan: Jika anda mengedit skema untuk Kawalan borang, Butang utama atau Butang sekunder, anda juga boleh menyesuaikan warna untuk tingkah laku interaksi Apabila dipilih atau Apabila dilalukan tetikus. Klik ikon ⊕ di sebelah jenis warna yang ingin disesuaikan, kemudian pilih warna yang anda mahu dengan melakukan salah satu tindakan berikut:

    • Gunakan pemilih warna untuk memilih warna.
    • Taipkan kod warna HEX dalam medan yang tersedia.

  7. Klik Simpan.

Sesuaikan elemen pembayaran

Dalam bahagian Penyesuaian bagi editor penjenamaan, anda boleh mengedit elemen pembayaran anda yang berikut:

  • Favikon: Pilih ikon yang dipaparkan kepada pelanggan dalam tab pelayar semasa pembayaran.
  • Global: Laras jejari penjuru untuk semua elemen (input borang, butang dan kad).
  • Pengepala & logo: Pilih kedudukan pengepala dalam pembayaran, serta sama ada mahu memaparkan jejak tinggalan, pautan troli dan logo.
  • Utama: Gunakan skema reka bentuk pada kawasan kandungan utama pembayaran, termasuk imej latar belakang, lebar sempadan dan skema warna.
  • Ringkasan pesanan: Gunakan skema reka bentuk pada bar sisi pembayaran yang mengandungi ringkasan pesanan pelanggan, termasuk imej latar belakang, lebar sempadan dan skema warna.
  • Pengaki: Pilih lebar pengaki dalam pembayaran, serta sama ada untuk memaparkan dasar kedai.
  • Tipografi: Pilih saiz fon, keluarga fon dan berat fon, saiz, penjarakan huruf dan huruf besar/kecil untuk sehingga 3 tahap pengepala.
  • Butang: Pilih padding, sempadan dan gaya butang utama dan butang sekunder.
  • Borang: Sesuaikan gaya untuk input borang pembayaran, seperti kotak semak, medan teks dan pilihan yang dipilih daripada senarai.
  • Lakaran kecil produk: Laras gaya sempadan dan jejari penjuru untuk imej produk dalam pembayaran.

Langkah-langkah:

  1. Daripada pentadbir Shopify anda, pergi ke Aplikasi > Checkout Blocks.

  2. Klik Editor penjenamaan.

  3. Dalam bahagian Penyesuaian, klik mana-mana elemen yang ingin disesuaikan, seperti Pengepala & logo.

  4. Menggunakan pilihan penyesuaian yang tersedia, laras elemen pembayaran mengikut keutamaan anda.

  5. Klik Simpan.

Tukar konfigurasi pembayaran

Apabila anda membuka penyunting penjenamaan, anda sedang mengedit konfigurasi pembayaran yang Aktif pada masa ini secara lalai. Walau bagaimanapun, anda boleh mengubah konfigurasi pembayaran yang ingin anda edit menggunakan penyunting penjenamaan serta mencipta konfigurasi pembayaran baharu.

Ketahui lebih lanjut tentang mengurus konfigurasi pembayaran aktif dan draf anda.

Langkah-langkah:

  1. Daripada pentadbir Shopify anda, pergi ke Aplikasi > Checkout Blocks.

  2. Klik Editor penjenamaan.

  3. Klik nama konfigurasi pembayaran semasa untuk membuka menu juntai bawah yang mengandungi senarai konfigurasi aktif serta sebarang konfigurasi draf, kemudian pilih konfigurasi pembayaran yang ingin anda sesuaikan:

    • Pilih konfigurasi sedia ada yang ingin anda edit.
    • Klik ⊕ Cipta konfigurasi baharu untuk dialihkan ke tetapan Pembayaran pentadbir Shopify anda.

Pratonton pembayaran anda

Anda boleh mempratonton perubahan yang dibuat dalam editor penjenamaan pada bila-bila masa dengan memilih konfigurasi pembayaran yang ingin dipratonton, kemudian mengklik Pratonton. Editor pembayaran dan akaun dilancarkan dalam tab berasingan berserta semua perubahan anda yang telah digunakan supaya anda boleh mempratonton cara perubahan tersebut dipaparkan dalam pembayaran.

Langkah-langkah:

  1. Daripada pentadbir Shopify anda, pergi ke Aplikasi > Checkout Blocks.

  2. Klik Editor penjenamaan.

  3. Buat sebarang penyesuaian pada warna konfigurasi pembayaran anda atau elemen pembayaran yang ingin anda laras.

  4. Klik Pratonton.

Mengeksport dan mengimport konfigurasi pembayaran

Anda boleh mengeksport dan mengimport konfigurasi pembayaran menggunakan fail JSON.

Eksport konfigurasi pembayaran:

  1. Daripada pentadbir Shopify anda, pergi ke Aplikasi > Checkout Blocks.

  2. Klik Editor penjenamaan.

  3. Pilih konfigurasi pembayaran yang mempunyai penyesuaian yang digunakan padanya menggunakan editor penjenamaan.

  4. Klik Lagi tindakan > Eksport konfigurasi.

Konfigurasi pembayaran dimuat turun sebagai .json ke peranti setempat anda.

Import konfigurasi pembayaran:

  1. Daripada pentadbir Shopify anda, pergi ke Aplikasi > Checkout Blocks.

  2. Klik Editor penjenamaan.

  3. Pilih konfigurasi pembayaran yang ingin anda gunakan profil penjenamaan yang diimport itu.

  4. Klik Lagi tindakan > Import konfigurasi.

  5. Dalam dialog Import penjenamaan pembayaran, muat naik fail JSON penjenamaan anda:

    1. Klik Tambah fail.
    2. Pilih fail JSON yang sesuai daripada peranti anda.
    3. Klik Import dan teruskan.

  6. Semak konfigurasi penyesuaian yang dipramuat. Ubah suai mengikut keperluan.

  7. Klik Simpan.

Tetapkan semula gaya pembayaran anda kepada lalai

Apabila anda mengedit warna atau elemen pembayaran menggunakan editor penjenamaan, anda boleh menetapkan semula nilai tertentu kembali kepada nilai lalai dengan mengklik Tetapkan semula di sebelah warna atau elemen yang telah anda ubah.

Pada bila-bila masa, anda boleh menetapkan semula keseluruhan penjenamaan konfigurasi pembayaran anda kepada nilai lalai Shopify. Menetapkan semula konfigurasi pembayaran akan mengosongkan semua penyesuaian di seluruh semua halaman editor penjenamaan. Tindakan ini tidak boleh dibatalkan.

Langkah-langkah:

  1. Daripada pentadbir Shopify anda, pergi ke Aplikasi > Checkout Blocks.

  2. Klik Editor penjenamaan.

  3. Pilih konfigurasi pembayaran yang ingin ditetapkan semula.

  4. Klik Tetapkan semula kepada lalai.

  5. Dalam dialog Tetapkan semula kepada gaya lalai?, klik Teruskan.