Der folgende Artikel hilft Ihnen dabei: Machen Sie die Navigation mühelos mit der neuen „Mega Menu Builder“-App von Shift4Shop!
Die Navigation ist der entscheidende Faktor für die Benutzererfahrung Ihres Online-Shops, denn ihre Qualität entscheidet über den Abschluss oder Misserfolg eines Verkaufs. Natürlich möchten Sie sicherstellen, dass es für Kunden so einfach wie möglich ist, auf Ihrer Website zu navigieren und genau die Produkte zu finden, die sie kaufen möchten. Um die Arbeit richtig zu erledigen, muss ein gutes Menü Kategorien und Unterkategorien enthalten, die richtig und auf eine für das Auge ansprechende Weise organisiert sind. Wenn Ihr Shop im Allgemeinen über eine angemessene Anzahl an Kategorien, Unterkategorien und Produkttypen verfügt, ist ein Dropdown-Menü wahrscheinlich Ihre erste Anlaufstelle, um alles kompakt zu organisieren.
Aber normale Dropdown-Menüs sind nicht perfekt. In der Regel handelt es sich dabei um lange Kategorienlisten, die Benutzer häufig dazu zwingen, nach unten zu scrollen, um alle darin enthaltenen Optionen anzuzeigen. Sie neigen dazu, unattraktiv zu wirken und beeinträchtigen den Gesamteindruck Ihrer Website, den Sie so lange perfektioniert und gestaltet haben. Wir bei Shift4Shop wissen, wie wichtig die Navigation für Online-Shop-Besitzer ist, und freuen uns daher, Ihnen mitteilen zu können, dass wir eine Anwendung entwickelt haben, die Ihnen bei der Erstellung eines erweiterten Navigationsmenüs für Ihre Website hilft: Der Mega-Menü-Builder.
Die Mega Menu Builder-Anwendung von Shift4Shop
Mega-Menüs sind ein attraktiv und funktional Lösung für das Website-Navigationsproblem. Mega-Menüs wirken wie ein verbessertes Dropdown-Menü und sind erweitert und enthalten ein viel größeres Spektrum an Navigationsfunktionen und -möglichkeiten. Anstelle einer langen Liste textbasierter Kategorien ist ein Mega-Menü dynamisch und visuell Straßenkarte von allem auf Ihrer Website, so gestaltet, dass Kunden leicht navigieren können. Durch die Organisation von Kategorien und Unterkategorien in einem visuellen Fluss, durch den Kunden mühelos navigieren können, und durch die Implementierung grafischer Elemente, die die Suche erleichtern, vermeiden Sie frustriertes Scrollen oder Verwirrung, indem Sie dies auf Ihrer Website aktivieren.
Da das Mega-Menü alle Ihre Kategorien und Unterkategorien gleichzeitig anzeigen kann, ist alles auf einmal sichtbar, ohne dass Ihr Kunde durch lange Listen scrollen muss. Erweiterte Navigationsfelder werden angezeigt als Flyouts aus den Hauptkategorien, die angezeigt werden, wenn Ihr Kunde mit der Maus darauf klickt oder mit der Maus darüber fährt. Dies sorgt für eine reibungslose Navigation auf Ihrer Website, sodass Ihre kaufwilligen Kunden leichter finden, wonach sie suchen, was wiederum die Wahrscheinlichkeit erhöht, dass sie einen Kauf tätigen.
Mit dem neuen Mega Menu Builder von Shift4Shop ist das Hinzufügen eines Mega-Menüs zu Ihrem Online-Shop genauso mühelos wie für Ihre Kunden, nach der Aktivierung auf Ihrer Website zu navigieren. Es ist so einfach wie das Klicken auf ein paar Schaltflächen und voilà: Ihr vollständig angepasstes Mega-Menü ist live auf Ihrer Website. Keine Sorge, es sind keine fortgeschrittenen Programmierkenntnisse erforderlich. Der Mega Menu Builder wurde entwickelt, um den Prozess für jeden einfach und selbsterklärend zu gestalten, unabhängig von Ihren Programmierkenntnissen.
Arten von Mega-Menüs
Mit dem neuen Mega Menu Builder haben Sie drei Optionen für Navigationsmenüs zur Auswahl: das Baummenü, das Spaltenmenü und das Registerkartenmenü.
Baummenü
Mit dem Baummenü können Sie benutzerdefinierte Menükategoriebäume einbinden, die Flyouts öffnen, um weitere verschachtelte Menüoptionen anzuzeigen, wenn ein Kunde mit der Maus über die einzelnen Menüoptionen fährt. Ein Baummenü ermöglicht es Ihnen, bis zu drei Ebenen von Menüzweigen für Ihre Auswahl an Unterkategorien, Produkten usw. zu verschachteln.
Spaltenmenü
Durch die Aktivierung des Spaltenmenüs können Sie große anklickbare Fotos einfügen, die zur Angabe von Kategorien, Produkten, Bestsellern oder was auch immer Sie in Ihre Navigation aufnehmen möchten, verwendet werden können. Jedes Bild hat unten eine Kopfzeile, die im Text angibt, um welche Menüoption es sich handelt. Sie können diesen Kopfzeilenabschnitt auch leer lassen, wenn Sie dies wünschen.
Menü mit Registerkarten
Das Tab-Menü ist definitiv der Hingucker von allen und vereint das Baummenü und das Spaltenmenü in einem wirklich Mega-Menü. Auf der linken Seite können Sie allgemeine Kategoriebaummenüs aktivieren, die als Stamm der Zweige dieses Menüs dienen. Wenn Sie auf diese Menüoptionen klicken, wird rechts ein ausklappbares Spaltenmenü angezeigt, in dem Sie die Möglichkeit haben, sowohl eine Spalte mit kleineren Bildern zur Angabe von Produkten, Unterkategorien oder was auch immer Sie benötigen, als auch eine größere Spalte einzufügen Menü mit Bildern in voller Größe, um dieselbe Funktion auszuführen.
So verwenden Sie den Mega Menu Builder
In vier einfachen Schritten können Sie ein Mega-Menü erstellen und es auf Ihrer Website zum Laufen bringen. So fangen Sie an:
Schritt 1: Kaufen und aktivieren Sie das Modul
Nach dem Kauf der App im Shift4Shop-App-Store, können Sie das Mega Menu Builder-Modul auf der Admin-Seite Ihres Shift4Shop-Shops aktivieren. Dieser Schritt ist wichtig, da er notwendig ist, damit der Mega-Menü-Code in die Datei „frame.HTML“ Ihrer Website eingefügt werden kann.
Schritt 2: Bearbeiten Sie das Mega Menu Builder-Modul
Sobald das Modul aktiviert ist, können Sie es finden, indem Sie nach „Mega-Menü“ suchen und dann auf die Schaltfläche „Einstellungen“ klicken.
Von hier aus können Sie das Mega-Menü-Thema (hell oder dunkel), den HEX-Code der Navigationshintergrundfarbe, die Textfarbe der Navigation über HEX-Code und die Breite der Mega-Menü-Navigationsleiste auswählen. Bezüglich der Breite können Sie wählen, ob sich die Navigationsleiste über die gesamte Breite des Bildschirms erstrecken soll oder ob sie nur innerhalb des Header-Containers bleiben soll. Diese Option ist besonders nützlich, wenn Sie einen Header in voller Breite haben.
Schritt 3: Fügen Sie den Mega Menu Builder-Code zur Frame-Datei Ihrer Site hinzu
Zu diesem Zeitpunkt muss der Code des Mega-Menüs zum Code Ihrer Website hinzugefügt werden. Keine Sorge, hier ist keine Programmierung von Ihnen erforderlich. Sie müssen lediglich zum Abschnitt „Wie verwende ich das Mega-Menü?“ navigieren. Kopieren Sie den Code im Abschnitt des Moduls und fügen Sie ihn in Ihr aktuelles Theme ein Frame.HTML Datei. In diesem Abschnitt gibt es eine Schaltfläche, auf die Sie klicken können, um Ihre Datei „frame.HTML“ direkt zu bearbeiten, sodass das Einfügen dieses Codes für Sie schnell und einfach ist.
Schritt 4: Starten Sie den Mega Menu Builder
Sobald Sie mit der Anpassung der Ästhetik Ihres Menüs fertig sind, können Sie den Menü-Builder starten, indem Sie oben rechts auf der Seite auf die Schaltfläche „Menü-Builder starten“ klicken. Sie werden zum Builder weitergeleitet, der die Farb- und Breiteneinstellungen widerspiegelt, die Sie zuvor als Vorschauversion Ihres Menüs ausgewählt haben. Von hier aus können Sie Ihr Menü ganz einfach bearbeiten, indem Sie mit der Maus über Menüelemente fahren und auf die Bearbeitungsoption klicken. Sie können Menüoptionen hinzufügen, indem Sie auf die Schaltfläche „Hinzufügen+“ klicken.
Während Sie Ihr Menü bearbeiten, ist der Builder so konzipiert, dass er genau wiedergibt, wie Ihr Menü im Frontend Ihrer Live-Site aussehen wird, sobald das neue Menü aktiviert ist. Auf diese Weise müssen Sie nicht rätseln, wie das Endprodukt Ihrer Anpassungen am Ende aussehen wird.
Navigation muss nicht unattraktiv sein, um effektiv zu sein, und Mega-Menüs sind der Beweis dafür. Mit einem neuen, benutzerdefinierten Mega-Menü in Ihrem Online-Shop werden Sie in kürzester Zeit eine Umsatzsteigerung und ein verbessertes Benutzererlebnis feststellen. Diese neue Anwendung wird mit unserem neuesten Shift4Shop-Versionsupdate gestartet und für jeden Händler in unserem App Store verfügbar sein. Um die Mega Menu Builder-Anwendung auf Ihrer Website aktivieren zu können, können Sie entweder 14,99 $ monatlich oder eine einmalige Gebühr von 249 $ zahlen. Besuche die Shift4Shop-App-Store für mehr Informationen.
