Cara mengatur tampilan toko: Home (Bagian notifikasi dan header)

Terdapat beberapa bagian pada Home yang dapat diatur seperti notifikasi, header, konten dan footer. Pada artikel ini khususnya akan membahas bagian notifikasi dan juga header.

Notifikasi

Pada notifikasi kita dapat memberikan pengumuman maupun memberikan pop-up ketika customer baru masuk ke toko online-mu.

Pengumuman

Ketika kamu mempunyai informasi tambahan, seperti diskon maupun produk baru, pengumuman dapat menjadi salah satu alternatif tempat memberikan informasi. Pengumuman ini akan muncul di bagian header dan dapat kamu atur warna latar, warna teks hingga link.

Sebagai contoh di sini kamu ingin menginformasikan diskon untuk produk-produk tertentu.

Jika kamu ingin pengumuman hanya muncul di halaman awal website atau home, kamu dapat memberikan ceklis pada “tampilkan hanya di home”.

Tips: Jika kamu menggunakan warna yang cenderung gelap pada tampilan latar maka kamu dapat menggunakan warna teks yang cenderung terang untuk memberikan sorotan yang lebih pada teks, begitupun sebaliknya.

Pop-up

Seperti halnya pengumuman, fitur pop-up dapat menjadi salah satu opsi alternatif bagaimana kamu dapat memberitahu adanya produk baru maupun diskon. Terdapat dua tipe pop-up yaitu pop-up kustom dan pop-up gambar.

Contoh penggunaan pop-up kustom dan pop-up gambar.

Untuk pengaturan pop-up kamu perlu mengatur:

1. Jenis Pop-up
   1.  Pop-up kustom ⇒ Pop-up berupa teks.
   2. Pop-up gambar ⇒ Pop-up berupa gambar.
2. Saluran ⇒ Alamat tujuan yang diinginkan ketika klik pop-up.
3. Tombol ⇒ Judul pada tombol.
4. Opsi menyembunyikan pop-up:
   1. Customer tidak menyembunyikan pop-up => Customer dapat melihat pop-up secara terus menerus ketika customer me-refresh kembali pada homepage.
   2. Sembunyikan untuk hari ini => Customer dapat memberikan checklist pada pop-up sehingga pop-up tidak akan muncul kembali pada customer di hari ini.
   3. Sembunyikan selama 7 hari ⇒ Customer dapat memberikan checklist pada pop-up sehingga pop-up tidak akan muncul kembali pada customer selama 7 hari.

Header

Header adalah salah satu elemen yang penting dalam mengatur tampilan toko karena umumnya pada header terdapat identitas toko seperti nama maupun logo brand.

Dalam mengatur header kita bisa mengatur tampilan logo toko, font, posisi logo, hingga ukuran logo dan juga mengatur warna header menjadi transparan yang di mana jika diaktifkan, gambar yang digunakan sebagai banner tumpang tindih terhadap menu.

Disarankan jika mengaktifkan warna header menjadi transparan, kamu juga pastikan menu terbaca sehingga pembeli tidak kesulitan ketika membaca menu.

Kita juga bisa mengatur warna icon dan teks, serta mengatur urutan icon header dengan men-drag ke atas dan bawah.