Cara Menambahkan Menu Mega ke Elementor

Dalam posting ini, kita akan melihat dua cara untuk menambahkan megamenu ke situs web Elementor. Anda mungkin pernah melihat menu mega di situs web lain dan ingin menambahkannya ke kreasi Elementor Anda sendiri. Pengaturan ini adalah evolusi selanjutnya dari menu tarik-turun sederhana. Alih-alih menampilkan tautan, mereka menampilkan kolom dan baris terstruktur yang diisi dengan elemen yang diperbarui secara dinamis.

Salah satu contoh megamenu favorit kami dapat ditemukan di Stripe.com. Saat Anda mengarahkan kursor ke elemen menu, alih-alih dropdown sederhana, Anda akan disajikan dengan koleksi yang terisi dengan baik.

Kami juga sangat menyukai megamenu di Digital Ocean.

Karena jajaran produk mereka yang besar, mereka tidak bisa begitu saja menampilkan daftar semuanya. Sebagai gantinya, mereka menunjukkan produk unggulan mereka, kategori tambahan, dan diakhiri dengan tautan "lihat semua produk" di bagian bawah menu mega. ini adalah cara yang bagus untuk memberikan banyak informasi dengan cara yang mudah dinavigasi.

Ini bukan hanya desain yang unik, itu benar-benar dapat membantu pelanggan Anda menavigasi situs web Anda. Misalnya, jika Anda menjalankan toko e-niaga, Anda dapat menampilkan produk paling populer di dalam menu untuk meningkatkan rasio konversi Anda. Jika Anda memiliki blog, Anda dapat menampilkan posting terbaru di megamenu dropdown. Kemungkinannya tidak terbatas, dan menerapkan fitur ini di situs web Anda dapat menambahkan sentuhan profesional (dan bermanfaat).

Pembuat Elementor (baik versi gratis maupun berbayar) tidak menyertakan fungsi "pembuatan menu" apa pun. Anda dapat membuat menu sederhana dengan dropdown dasar, tetapi jika Anda ingin membangun tata letak, itu tidak mungkin dengan instalasi dasar.

Pada saat yang sama, editor memiliki posisi yang sangat baik untuk membuat megamenu. Anda sudah memiliki kolom, baris, elemen dinamis, dan banyak lagi yang akan sangat bagus saat membangun megamenu. Dalam artikel ini, kita akan melihat dua plugin yang memungkinkan Anda memanfaatkan fungsionalitas yang disertakan dengan pembuat Elementor, dan menambahkan menu mega ke situs Anda.

Berikut cara menambahkan menu mega ke Elementor.

Metode 1: JetMenu

Ini adalah plugin mandiri yang memungkinkan Anda membuat menu mega dengan pembuat Elementor. Sangat mudah untuk menginstal, mengkonfigurasi, dan mengimplementasikan. Ini juga bekerja dengan sangat baik!

Kami telah membuat lusinan situs web klien menggunakan plugin ini, dan ini benar-benar pilihan terbaik di pasar (bahkan dibandingkan dengan plugin gratis - waktu yang Anda hemat dengan ini pasti sepadan). Biaya pluginnya sendiri adalah $24,00 (meskipun semua JetPlugins datang sebagai bundel seharga $80).

Pada dasarnya, ini memungkinkan Anda untuk membuat tata letak menu mega dari editor Elementor. Saat mengarahkan kursor ke item menu, "layar" ini akan memudar. Karena itu, Anda dapat menambahkan elemen apa pun yang dapat diakses dari pembuat Elemen (bahkan elemen yang disertakan dalam paket addon pihak ke- ³ ).

Artinya, dalam hal membuat menu mega dengan JetMenu, kemungkinannya benar-benar tidak terbatas.

Anda dapat menambahkan konten dinamis, serta template Elementor. Kondisi tampilan, daya tanggap, kesederhanaan fungsi standar kami yang disertakan bersama plugin.

Menu juga berubah total saat mengaksesnya dari perangkat seluler. Ini memastikan bahwa situs web Anda mudah dinavigasi di seluler, dan memastikan bahwa Google akan memberi Anda peringkat tinggi karenanya.

Ini adalah plugin kami untuk memasukkan menu mega ke situs web Elementor untuk klien. ketika situs web agensi kami dibuat dengan Elementor, kami juga menggunakan plugin ini secara pribadi (Ini menampilkan posting blog terbaru kami). Anda mungkin dapat melihat implementasi kami di Archive.org!

Jika Anda ingin mendapatkan lebih banyak nilai untuk dolar Anda, opsi dua adalah pilihan yang bagus.

Metode 2: ThePlus

Ada banyak paket tambahan untuk Elementor yang memiliki kemampuan "menu mega". Namun, kebanyakan dari mereka diimplementasikan dengan buruk dan Anda akan lebih baik menggunakan JetMenu.

ThePlus adalah satu paket tambahan yang mengimplementasikan menu mega dengan benar. kami tahu ini karena kami mendapatkan semua paket addon utama, dan mengujinya.

alasan kami mengatakan bahwa metode ini dapat memberi Anda lebih banyak nilai untuk dolar Anda adalah karena Anda tidak hanya membeli plugin yang hanya menambahkan fungsionalitas menu mega ke situs web Elementor Anda. Sebaliknya, menu mega adalah salah satu dari 89 elemen individual yang disertakan dengan paket.

Kami belum pernah menggunakan ini di situs web klien mana pun karena kami memiliki paket tak terbatas untuk JetMenu, tetapi karena kami memiliki akses ke paket addon ini, kami mengacaukan kemampuan megamenu. Ini bekerja dengan sangat baik, dan memungkinkan Anda untuk menambahkan template ke menu dropdown.

Artinya adalah ini: Anda terlebih dahulu membuat template di dalam Elementor. Template ini akan menjadi menu dropdown, sehingga Anda dapat menambahkan tautan, gambar, produk terkait, atau elemen apa pun yang tersedia untuk Anda. Anda kemudian menggunakan ThePlus untuk membuat tampilan template ini saat mengarahkan kursor ke item menu individual.

Add-on ThePlus sangat berkualitas tinggi dan tidak memiliki dampak kinerja yang besar di situs Anda. Karena itu, ini adalah paket tambahan yang kami rekomendasikan untuk semua hal Elementor.

Berikut panduan video lengkapnya:

Ada banyak widget lain yang berlaku khusus untuk menu Elementor. Saat membuat megamenu, Anda dapat menggunakan ini untuk keuntungan Anda.

Misalnya, ada elemen menu khusus seluler yang dapat Anda gunakan untuk membuat menu pertama seluler yang disesuaikan dan responsif. Anda bisa mendapatkan koleksi pengaya yang gila ini seharga $ 39,00 (itu adalah lisensi satu situs), menjadikannya salah satu paket pengaya paling berharga di luar sana.

Kesimpulan

Artikel ini seharusnya menunjukkan kepada Anda dua cara untuk menambahkan menu mega ke situs web Elementor Anda. Menu mega terlihat bagus, dan meningkatkan navigasi situs web Anda. Jika Anda ingin memasukkan fitur ini di situs Anda, kedua plugin ini dibuat untuk melakukannya.