Come aggiungere un mega menu a Elementor

In questo post, daremo un'occhiata a due modi per aggiungere un megamenu a un sito Web di Elementor. Potresti aver visto mega menu in altri siti Web e volerlo aggiungere alla tua creazione di Elementor. Queste impostazioni sono la prossima evoluzione di un semplice menu a discesa. Invece di visualizzare i collegamenti, mostrano colonne e righe strutturate popolate con elementi aggiornati dinamicamente.

Uno dei nostri esempi di megamenu preferiti può essere trovato su Stripe.com. Quando passi il mouse su un elemento del menu, invece di un semplice menu a discesa, ti viene presentata una raccolta ben popolata.

Ci piace molto anche il megamenu di Digital Ocean.

A causa della loro vasta gamma di prodotti, non possono semplicemente visualizzare un elenco di tutto. Invece, mostrano i loro prodotti in primo piano, le categorie aggiuntive e terminano con un link "vedi tutti i prodotti" nella parte inferiore del mega menu. è un ottimo modo per fornire molte informazioni in un modo facile da navigare.

Non è solo un design unico, può davvero aiutare i tuoi clienti a navigare attraverso il tuo sito web. Ad esempio, se gestisci un negozio di e-commerce, potresti visualizzare i tuoi prodotti più popolari all'interno del menu per aumentare il tasso di conversione. Se hai un blog, puoi visualizzare i post più recenti in un megamenu a discesa. Le possibilità sono infinite e l'implementazione di questa funzionalità sul tuo sito Web potrebbe aggiungere un tocco professionale (e utile).

Il builder Elementor (sia la versione gratuita che quella a pagamento) non incorpora alcuna funzionalità di "costruzione di menu". Puoi creare menu semplici con menu a discesa di base, ma se vuoi creare layout, è impossibile con l'installazione di base.

Allo stesso tempo, l'editor è molto ben posizionato per creare un megamenu. Hai già colonne, righe, elementi dinamici e altro, il che sarebbe fantastico quando si tratta di creare un megamenu. In questo articolo, daremo un'occhiata a due plug-in che ti consentono di sfruttare la funzionalità fornita con Elementor builder e aggiungere mega menu al tuo sito.

Ecco come aggiungere un mega menu a Elementor.

Metodo 1: JetMenu

Questo è un plug-in autonomo che ti consente di creare mega menu con il builder Elementor. È facile da installare, configurare e implementare. Funziona anche molto bene!

Abbiamo creato dozzine di siti Web client utilizzando questo plug-in ed è davvero l'opzione migliore sul mercato (anche rispetto ai plug-in gratuiti: ne vale sicuramente la pena). Il plug-in costa $ 24,00 da solo (sebbene tutti i JetPlugin vengano forniti in bundle per $ 80).

In sostanza, ti consente di creare layout di mega menu dall'editor di Elementor. Quando passi il mouse su una voce di menu, questa "schermata" svanirà. Per questo motivo, puoi aggiungere qualsiasi elemento accessibile dal builder Elementor (anche elementi inclusi nei ^pacchetti di componenti aggiuntivi di terze parti).

Ciò significa che quando si tratta di creare mega menu con JetMenu, le possibilità sono davvero infinite.

Puoi aggiungere contenuti dinamici e modelli Elementor. Condizioni di visualizzazione, reattività, semplicità le nostre funzionalità standard fornite con il plug-in.

Anche il menu cambia completamente quando si accede da un dispositivo mobile. Ciò garantisce che il tuo sito Web sia facile da navigare su dispositivi mobili e assicura che Google ti classificherà in alto per questo motivo.

Questo è il nostro plug-in di riferimento quando si tratta di incorporare mega menu nei siti Web di Elementor per i clienti. quando il sito web della nostra agenzia è stato creato con Elementor, abbiamo utilizzato questo plugin anche personalmente (mostrava i nostri post più recenti sul blog). Probabilmente puoi dare un'occhiata alla nostra implementazione su Archive.org!

Se stai cercando di ottenere ancora più valore per il tuo dollaro, l'opzione due è un'ottima scelta.

Metodo 2: ThePlus

Esistono molti pacchetti aggiuntivi per Elementor con funzionalità di "mega menu". Tuttavia, la maggior parte di essi è implementata male e faresti meglio a usare JetMenu.

ThePlus è l'unico pacchetto aggiuntivo che implementa correttamente il mega menu. lo sappiamo perché abbiamo ottenuto tutti i principali pacchetti di componenti aggiuntivi e l'abbiamo testato.

il motivo per cui abbiamo detto che questo metodo potrebbe darti più valore per il tuo dollaro è perché non stai semplicemente acquistando un plug-in che aggiunge solo una funzionalità di mega menu al tuo sito Web Elementor. Invece, il mega menu è uno degli 89 singoli elementi forniti con il pacchetto.

Non l'abbiamo utilizzato su nessun sito Web client perché abbiamo un piano illimitato per JetMenu, ma poiché abbiamo accesso a questo pacchetto aggiuntivo, abbiamo pasticciato con la funzionalità megamenu. Funziona molto bene e ti consente di aggiungere modelli ai menu a discesa.

Ciò significa questo: prima crei un modello all'interno di Elementor. Questo modello sarà il menu a discesa, quindi puoi aggiungere link, immagini, prodotti correlati o qualsiasi elemento a tua disposizione. Puoi quindi utilizzare ThePlus per visualizzare questo modello quando passi il mouse su una singola voce di menu.

I componenti aggiuntivi di ThePlus sono di qualità incredibilmente alta e non hanno un enorme impatto sulle prestazioni del tuo sito. Per questo motivo, questo è il nostro pacchetto aggiuntivo consigliato per tutto ciò che è Elementor.

Ecco una guida video completa:

Ci sono un sacco di altri widget che si applicano specificamente ai menu di Elementor. Quando crei un megamenu, puoi usarlo a tuo vantaggio.

Ad esempio, c'è un elemento di menu specifico per dispositivi mobili che puoi utilizzare per creare un primo menu mobile personalizzato, reattivo. Puoi ottenere questa pazza collezione di componenti aggiuntivi per $ 39,00 (è una licenza per un sito), rendendo questo uno dei pacchetti aggiuntivi più preziosi in circolazione.

Conclusione

Questo articolo dovrebbe averti mostrato due modi in cui puoi aggiungere un mega menu al tuo sito Web Elementor. I mega menu hanno un bell'aspetto e migliorano la navigazione del tuo sito web. Se stai cercando di incorporare questa funzione nel tuo sito, questi due plugin sono costruiti per farlo.