DOCS

Float placement untuk Hello

Tempatkan widget Hello di salah satu sudut, atau atur offset piksel yang tepat untuk desktop dan seluler.

Hello dapat mengambang di salah satu dari empat sudut halaman, atau pada jarak khusus dari sudut tersebut. Anda mengonfigurasinya secara terpisah untuk desktop dan seluler di Dashboard, sehingga widget dapat berada di posisi yang paling sesuai dengan tata letak toko online Anda.

Sebelum memulai 

Pastikan Hello sudah terpasang di situs Anda dan Anda dapat membuka pengaturan Hello di Dashboard.

  1. Buka Dashboard -> Settings -> Hello.
  2. Temukan pengaturan tampilan yang menentukan di mana Hello muncul di halaman.

Pilih sudut 

Mulailah dengan memilih sudut yang akan digunakan Hello untuk setiap jenis perangkat:

  • Desktop location — Pilih posisi terbaik agar Hello muncul di perangkat desktop.
  • Mobile location — Pilih posisi terbaik agar Hello muncul di perangkat seluler.

Kontrol ini menetapkan sudut dasar. Jika Anda membiarkan float placement pada Default, Hello menggunakan inset standar untuk sudut tersebut.

Desktop float placement dan Mobile float placement 

Di samping setiap kontrol lokasi, Dashboard menyediakan Desktop float placement dan Mobile float placement untuk viewport tersebut. Masing-masing memiliki dua mode:

Default

Default mempertahankan inset standar untuk sudut yang dipilih. Anda tidak perlu memasukkan offset piksel. Gunakan mode ini jika jarak sudut standar sudah cukup.

Custom

Custom memungkinkan Anda mengatur jarak piksel berupa bilangan bulat yang tepat dari tepi sudut yang dipilih. Label kolom offset mengikuti sudut yang aktif (misalnya, jarak dari tepi bawah dan dari tepi kanan untuk penempatan di kanan bawah).

Untuk menyimpan penempatan Custom:

  1. Atur Desktop location atau Mobile location ke sudut yang Anda inginkan.
  2. Atur Desktop float placement atau Mobile float placement ke Custom.
  3. Masukkan offset piksel berupa bilangan bulat untuk kedua tepi.
  4. Klik Save.

Float placement Custom memerlukan offset piksel berupa bilangan bulat untuk kedua tepi. Jika salah satu offset kosong atau bukan bilangan bulat, Dashboard tidak akan menyimpan penempatan Custom tersebut. Membiarkan mode pada Default tidak memerlukan kolom offset.

Offset nol dan negatif diperbolehkan jika Anda memasukkannya. Hello menerapkan nilai yang Anda simpan; Dashboard tidak mengubahnya menjadi nilai minimum atau maksimum untuk Anda.

Desktop dan seluler bersifat independen 

Konfigurasikan desktop dan seluler secara terpisah. Mengatur penempatan Custom di desktop tidak mengubah seluler, dan menghapus Custom pada satu viewport tidak menghapus viewport lainnya.

Setelah Anda menyimpan:

  • Hello yang mengambang muncul di sudut dan inset yang dikonfigurasi untuk viewport tersebut.
  • Pesan peek tetap membentang dari sisi yang sesuai dengan penempatan (kiri atau kanan).

Penempatan Custom dan anchor halaman 

Jika Anda mengatur float placement Custom untuk suatu viewport, Hello mengambang pada inset piksel tersebut untuk viewport itu. Hello tidak tetap berada secara inline pada elemen anchor di halaman.

Float placement Default hanya berarti Hello menggunakan inset standar untuk sudut yang dipilih. Pengaturan ini tidak dengan sendirinya mengaktifkan atau menonaktifkan anchoring inline. Penempatan inline merupakan hal integrasi yang terpisah: di Dashboard, konfigurasikan Hello anchor element di bawah Behavior jika Anda ingin Hello terpasang pada suatu elemen halaman (biasanya di desktop). Biarkan float placement pada Default jika Anda menginginkan inset sudut standar dan tidak menggunakan offset Custom.

Opsional: API 

Sebagian besar merchant mengonfigurasi float placement di Dashboard. Jika Anda mengelola pengaturan Hello melalui API, override penempatan opsional untuk desktop dan seluler dapat mencakup anchor sudut serta offset piksel horizontal dan vertikal. Jika override tersebut diatur, Hello yang mengambang akan mematuhinya dengan cara yang sama seperti penempatan Custom di Dashboard. Utamakan Dashboard untuk perubahan sehari-hari, kecuali integrasi Anda sudah memperbarui pengaturan Hello melalui API.

Pesan demo

Apakah halaman ini bermanfaat?