Mobile Nutzer sind längst nicht mehr „die Ausnahme“ – sie sind die Regel. Je nach Branche kommen heute 60–90% der Website-Besucher über Smartphone oder Tablet. Und trotzdem sehen viele WordPress-Websites mobil noch so aus, als wären sie nur „klein skaliert“.
Genau aus diesem Grund habe ich ein eigenes Plugin entwickelt:
BeastBar | Mobile App-Navigation – eine moderne App-Bar für WordPress, die sich anfühlt wie eine echte Mobile App.
Warum ich BeastBar entwickelt habe (und warum normale Menüs oft nicht reichen)
In vielen Kundenprojekten hatte ich immer wieder das gleiche Problem:
- Das Hauptmenü ist mobil zu versteckt (Burger-Menü)
- Wichtige Aktionen wie „Kontakt“, „Shop“, „Warenkorb“ oder „Login“ sind zu viele Klicks entfernt
- Besucher springen ab, weil die Navigation auf dem Handy nervt
- Besonders bei WooCommerce-Shops gehen dadurch Verkäufe verloren
WordPress-Standardmenüs sind auf Desktop okay – aber auf Mobile wirken sie oft wie ein Kompromiss.
Ich wollte eine Lösung, die sich anfühlt wie:
✅ Instagram
✅ Amazon
✅ Lieferando
✅ moderne App-Interfaces
Also habe ich BeastBar gebaut.
Was ist BeastBar genau?
BeastBar ist eine Mobile App-Bar, die unten auf dem Bildschirm sitzt – genau dort, wo der Daumen ohnehin ist.
Du bekommst eine Navigation, die:
- modern aussieht
- super schnell bedienbar ist
- nicht nach WordPress aussieht
- und Besucher intuitiv führt
Das Ergebnis:
mehr Klicks, mehr Conversion, weniger Absprünge.
Die wichtigsten Funktionen (aus echten Kundenprojekten entstanden)
BeastBar ist kein „Deko-Plugin“. Es ist ein Werkzeug, das direkt aus Praxisproblemen entstanden ist.
1) Mobile / Desktop Sichtbarkeit steuerbar
Du kannst einstellen, ob die BeastBar angezeigt wird:
- Überall (Desktop & Mobile)
- Nur Mobile & Tablet (< 1025px)
- Nur Desktop (> 1024px)
Das ist extrem wichtig, weil viele Kunden auf Desktop ein normales Menü wollen – aber auf Mobile eine App-Bar.
2) 3 Design-Varianten (je nach Website-Typ)
Du kannst zwischen 3 Layouts wählen:
- Floating Dock (schwebend)
→ modern, Premium, wie iOS / Apps - Full Width (bodenbündig)
→ perfekt für Shops, klare Struktur - Minimal Pill (kompakt)
→ clean, minimalistisch, unauffällig
3) Individuelle Navigationselemente (inkl. Icons & Labels)
Du kannst beliebig viele Buttons anlegen – mit:
- Icon
- Label
- Link
- Aktionstyp
4) WooCommerce-Integration (Warenkorb & Account)
BeastBar kann automatisch Buttons erzeugen wie:
- Warenkorb
- Profil / Login / Mein Konto
Das spart extrem viel Aufwand – und macht Shops mobil deutlich stärker.
5) Highlight Button (für wichtige Aktionen)
Du kannst einzelne Buttons als Highlight markieren – z.B. für:
- „Jetzt kaufen“
- „Kontakt“
- „Termin buchen“
- „Anrufen“
- „Shop“
Dieser Button wird optisch hervorgehoben und wirkt wie ein „Primary Action“-Button.
6) Styling direkt in Elementor (Farben, Typografie, Blur)
BeastBar ist als Elementor-Widget umgesetzt.
Du kannst direkt steuern:
- Hintergrundfarbe
- Icon-Farbe
- Label-Farbe
- Highlight-Button-Farbe
- Typografie
- Glass-Blur Effekt
Für wen ist BeastBar besonders hilfreich?
BeastBar ist ideal für alle, die mobile Nutzer ernst nehmen.
✅ WooCommerce-Shops
Mehr Verkäufe durch:
- schnellen Zugriff auf Warenkorb
- schnelle Navigation
- bessere Bedienbarkeit
✅ Dienstleister & lokale Unternehmen
Perfekt für:
- Kontakt-Buttons
- Terminbuchung
- Google Maps
- Leistungen
✅ Landingpages & Funnel-Seiten
Wenn du Besucher gezielt führen willst, ist eine App-Bar oft effektiver als ein klassisches Menü.
✅ Blogs & Content-Seiten
Auch hier bringt BeastBar Vorteile:
- schnell zur Startseite
- Kategorien
- Kontakt
- Suche / Login
Warum ich nicht einfach ein fertiges Plugin genommen habe
Es gibt natürlich bereits App-Bar-Plugins – aber fast alle hatten mindestens eins dieser Probleme:
- zu wenig Kontrolle über Layout & Design
- nicht sauber in Elementor integrierbar
- keine sinnvolle WooCommerce-Logik
- schlechte Performance
- unflexibel bei Sichtbarkeit (Desktop/Mobile)
- wirkt billig oder „plugin-typisch“
BeastBar sollte sich wie ein Premium-Feature anfühlen – nicht wie ein Addon.
Fazit: Mobile UX ist kein Extra – sie ist entscheidend
Viele Websites verlieren täglich Kunden, weil mobile Navigation:
- zu langsam
- zu unübersichtlich
- zu umständlich
BeastBar löst genau dieses Problem mit einer Navigation, die sich anfühlt wie eine echte App.
Wenn du deine Website mobil auf das nächste Level bringen willst, ist das genau das richtige Tool.
