Tambahkan tombol Menu ke menu situs web Anda

Tambahkan tombol ajakan bertindak ke tajuk situs web Anda menggunakan tombol Menu, meningkatkan kemungkinan pengunjung mengklik tombol tersebut.

Tombol ini muncul di tajuk Anda di seluruh situs web Anda. Posisi tombol ini tergantung pada tata letak tajuk yang Anda pilih, sedangkan di ponsel selalu ditampilkan di dalam ikon menu di bawah item menu.

Pixpa memberi Anda opsi untuk menampilkan halaman mana pun yang ingin Anda sorot di header sebagai Tombol Menu. Anda selalu dapat memilih untuk menampilkan atau menyembunyikannya dari header situs web Anda.

Dalam artikel ini:


Tambahkan tombol Menu

  • Klik pada Opsi (3) tab di mana Anda akan melihat opsi untuk menyesuaikan Tombol menu (4).

Atau, Anda dapat menggunakan opsi pencarian Pixpa untuk menavigasi ke bagian tombol Menu.

  • Enter tombol menu (1) di Bilah Pencarian.
  • Anda akan melihat hasil terkait.
  • Klik pada Tombol Menu – Tajuk Situs Web opsi (2) di bawah Tautan Studio. 

Saat mengkliknya, Anda akan melihat halaman di mana Anda bisa mengelola Tombol MenuAnda dapat memilih untuk menampilkan/menyembunyikan tombol menu, menautkannya dengan halaman, dan lainnya.


Opsi Tombol Menu

  1. Tombol Tampilkan – Aktifkan/Nonaktifkan Tombol menu di website.
  2. Tautan - Klik pada Pembuat Tautan ikon ke pilih halaman atau tautan yang ingin Anda hubungkan dengan Tombol Menu.
  3. Label - Tentukan label untuk Tombol Menu.
  4. Ukuran kancing - Pilih Anda Ukuran kancing dari Kecil, Sedang, atau Besar.
  5. Jendela Target – Mengatur jendela sasaran untuk tombol menu untuk membuka di Jendela yang Sama atau Jendela Baru.
  6. Gaya Tombol – Pilih gaya tombol yang akan menjadi default (diatur di Tombol dan Tautan tab bagian Desain), Solid, Outline, atau Text Link.
    • Default: Mengikuti pengaturan tema situs Anda.
    • Padat: Tombol tebal dan terisi.
    • Garis Besar: Latar belakang transparan dengan batas.
    • Tautan Teks: Gaya teks saja sederhana dan bersih (tanpa kotak tombol).
  7. Ikon Tombol – Tambahkan ikon di samping label tombol Anda. Anda dapat memilih dari berbagai opsi ikon.
  8. tata ruang – Kontrol penempatan ikon dalam kaitannya dengan label. Opsi tata letak yang tersedia adalah:
    • Label + Ikon: Teks muncul pertama, diikuti oleh ikon.
    • Ikon + Label: Ikon muncul terlebih dahulu, kemudian teks.
    • Label + Ikon (Lebar): Teks dan ikon disusun dengan lebih banyak bantalan, cocok untuk tombol yang lebih lebar.
    • Ikon + Label (Lebar): Ikon pertama, tata letak bantalan lebih lebar.
  9. Warna Ikon – Pilih warna ikon tombol. Anda dapat mengaturnya ke Teks tombol warna atau Merek warna.


Warna Tombol Menu

Gunakan panel Warna Tombol Menu untuk menyesuaikan tampilan tombol pada navigasi situs Anda. Pengaturan ini memungkinkan kontrol penuh atas warna teks dan warna latar belakang, baik untuk header reguler maupun header transparan atau kustom.

  1. Tentukan Warna – Pilih bagaimana tombol menu mewarisi warnanya.
    • Default: Mewarisi pengaturan tema.
    • Membalikkan: Membalikkan warna teks/latar belakang tombol.
    • Adat: Memungkinkan Anda memilih teks dan warna latar belakang tertentu.
  2. Teks tombol – Jika menggunakan Warna tombol khusus, Anda dapat mengatur warna teks (label) dari sini.
  3. Latar Belakang Tombol – Juga tersedia di bagian Kustom, ini mengatur warna latar belakang tombol. Padukan ini dengan warna teks untuk keterbacaan dan gaya yang maksimal.
  4. Penggantian untuk Header Transparan / Kustom – Jika situs web Anda menggunakan desain header transparan atau kustom, Anda dapat mengaktifkan opsi ini untuk menerapkan serangkaian warna terpisah khusus untuk gaya header tersebut. Anda juga dapat menyesuaikan warna tombol menu untuk setiap halaman.
  5. Tentukan Warna – Pilih bagaimana tombol akan muncul pada header transparan atau kustom.
    • Default: Mewarisi pengaturan tema.
    • Membalikkan: Membalikkan warna teks/latar belakang tombol.
    • Adat: Memungkinkan Anda memilih teks dan warna latar belakang tertentu.
    • Warna Menu Halaman: Menerapkan Warna Elemen yang ditetapkan untuk halaman tertentu sebagai warna tombol, memastikan tombol menu secara otomatis sesuai dengan gaya halaman tersebut.

  6. Teks tombol – Jika menggunakan Warna tombol khusus, Anda dapat mengatur warna teks (label) dari sini.
  7. Latar Belakang Tombol – Juga tersedia di bagian Kustom, ini mengatur warna latar belakang tombol. Padukan ini dengan warna teks untuk keterbacaan dan gaya yang maksimal.


Contoh Tombol Menu di situs web

Silahkan lihat di tombol menu demo di sebuah situs. 


Tidak dapat menemukan yang Anda cari?

Hubungi Pakar Pixpa.

Pixpa Studio baru saja diperbarui. Kami sedang memperbarui semua tangkapan layar artikel bantuan saat ini.