DOCS

Checkout design

/

Desain Checkout

Tambahkan logo merek Anda, favicon, dan warna.

Tingkatkan pengalaman checkout Anda dengan sentuhan pribadi dengan menyesuaikan halaman checkout internasional Anda dengan logo, favicon, dan warna merek Anda.

Unggah logo Anda

Untuk mengunggah logo Anda ke halaman checkout:

  1. Pergi ke Dashboard -> Pengaturan -> Checkout -> Tampilan.
  2. Klik Unggah logo baru.
  3. Pilih file dari komputer Anda, lalu klik Buka.

Unggah favicon Anda

Untuk mengunggah favicon Anda ke halaman checkout:

  1. Pergi ke Dashboard -> Pengaturan -> Checkout -> Tampilan.
  2. Klik Unggah favicon baru.
  3. Pilih file dari komputer Anda, lalu klik Buka.

Temukan file favicon untuk disimpan

Jika Anda tidak memiliki file favicon di komputer Anda, ikuti langkah-langkah ini untuk menariknya dari situs web Anda sebelum mengunggahnya ke Dashboard.

  1. Pergi ke situs web Anda.
  2. Klik kanan pada halaman situs web Anda, lalu pilih Lihat sumber halaman dari dropdown.
  3. Temukan favicon dengan mengklik ctrl+f (atau command+f di Mac), lalu mencari kata "favicon."
  4. Klik tautan yang muncul untuk favicon untuk menarik gambar tersebut.
  5. Klik kanan pada gambar dan simpan gambar dalam format ICO.
    1. Jika gambar Anda tidak dapat disimpan dalam format ICO, simpan dalam format saat ini, lalu gunakan program seperti Convertio untuk mengonversi file ke file ICO.

Modifikasi warna

Untuk menyesuaikan warna di halaman checkout Anda:

  1. Pergi ke Dashboard -> Pengaturan -> Checkout -> Tampilan.
  2. Di bawah Warna, klik pada warna yang ingin Anda ubah.
  3. Pilih warna preset atau masukkan kode warna Hex dari warna yang Anda inginkan.

Jika Anda memerlukan bantuan untuk menemukan kode warna Hex dari warna merek Anda, Anda dapat menggunakan ekstensi pemilih warna di browser Anda untuk menarik kode warna hex dari situs web Anda.

Elemen yang dapat Anda sesuaikan warnanya

Anda dapat menyesuaikan halaman checkout untuk memiliki hingga tiga warna:

  • Warna primer (untuk tombol radio, kotak centang, input, tautan)
  • Warna tombol (warna tombol checkout yang Anda tekan untuk melakukan pemesanan)
  • Warna header (warna latar belakang header)

Prabaca desain checkout

  1. Pergi ke Dashboard -> Pengaturan -> Checkout -> Tampilan.
  2. Klik Prabaca langsung di sudut kanan atas halaman.

Memecahkan masalah prabaca langsung tidak ditampilkan

Jika prabaca langsung tidak ditampilkan, ikuti langkah-langkah di bawah ini untuk menghasilkan checkout tiruan. Setelah melakukan ini sekali, prabaca langsung akan berfungsi dengan benar tanpa perlu langkah-langkah di bawah ini pada prabaca selanjutnya.

  1. Pergi ke Dashboard -> Pesanan -> Tiruan checkout.
  2. Klik Hasilkan checkout.

Apakah halaman ini membantu?