Website-Elemente ausblenden
Cookie-Banner, Store-Badges, Newsletter-Pop-ups, Desktop-Navigation, das „Edit with …“-Badge des Builders. Je eine CSS-Regel in custom.css.
Typische Änderungen nur für die App
App-typisches Layout
Größere Touch-Flächen, Safe-Area-Abstände für fixierte Leisten, eine Bottom-Navigation (oder die native Navigationsleiste von WebViewGold), ausgeblendete Seitentitel, die die App-Leiste schon zeigt.
Verhalten ändern
Externe Links im In-App-Browser öffnen, nach dem Absenden von Formularen successhaptic:// aufrufen, den Web-Checkout für digitale Güter ausblenden und stattdessen den IAP-Button zeigen.
Prompt für Base44
Füge das in Base44 ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.
Prompt zum Einfügen in Base44
Sorg dafür, dass diese App wie eine native App aussieht und sich so verhält, wenn sie in unserem mobilen Wrapper läuft (erkennbar daran, dass navigator.userAgent "WebViewGold" enthält). 1) Füge einen Helper isNativeApp() hinzu und blende damit die Marketing-Leiste oben, die Footer-Links, den Cookie-Hinweis und jedes Element wie „Made with“ aus; gib diesen Elementen außerdem die Klasse web-only. 2) Ersetze auf Bildschirmen schmaler als 768px die Seitenleisten-Navigation im Layout durch eine fixierte Tab-Leiste unten mit den vier wichtigsten Seiten samt Icons und Beschriftungen, mit padding-bottom: env(safe-area-inset-bottom), und ergänze den Seiteninhalt um Abstand nach unten, damit nichts verdeckt wird. 3) Lass das Desktop-Layout für Nutzer im Browser unverändert. 4) Mach Seitenwechsel sofort, ohne komplettes Neuladen.
Mit einer gut optimierten Version Ihrer Web-App können Sie innerhalb von wenigen Minuten eine beeindruckende mobile App erstellen. Zusätzlich dazu ist der Kundenservice sehr nett und hilfsbereit! Ich kann WebViewGold nur empfehlen :-)
Zwei Wege für Base44
Nimm den, der zu deiner Arbeitsweise passt.
Option A: custom.css / custom.js in WebViewGold
Bearbeite die beiden Dateien in den Projekten für Xcode und Android Studio (oder in den Feldern des Cloud Builders). Sie werden in jede Seite injiziert. Kein Deploy deiner Web-App nötig; ein neuer App-Build liefert die Änderung aus.
Option B: die App im Web-Code erkennen
Setze in Config.swift / Config.java einen eigenen User Agent (zum Beispiel mit angehängtem „WebViewGold“), ergänze in deiner Web-App eine Body-Klasse, sobald er erkannt wird, und gestalte
.in-app-Varianten in deinem normalen Stylesheet. Änderungen gehen mit jedem Publish live, ohne App-Update.Beides kombinieren
Nutze die User-Agent-Klasse für Dinge, die sich oft ändern (Navigation, Aktionen), und custom.css für einmalige Aufräumarbeiten an Elementen, die du im Builder nicht so leicht ändern kannst.
Unter Review-Bedingungen prüfen
Öffne die App auf einem iPhone und einem Android-Smartphone, im Hoch- und Querformat, und auf einem iPad: kein Desktop-Header, kein horizontales Scrollen, nichts unter der Notch.
custom.css zum Start
Pass die Selektoren an das Markup deiner Base44-App an:
css
/* Elemente, die nur auf die Website gehören */
#cookie-banner, .newsletter-popup, .app-store-badges, #lovable-badge, a[href*="lovable.dev"] { display: none !important; }
/* Desktop-Navigation und Footer-Links */
header .desktop-nav, footer .link-columns { display: none !important; }
/* Safe Area für fixierte Leisten */
.bottom-bar { padding-bottom: env(safe-area-inset-bottom); }
/* bequeme Touch-Flächen */
button, .btn, a.nav-item { min-height: 44px; }Häufig gestellte Fragen
Ändert eigenes CSS meine Website?
Nein. Es wird nur innerhalb der App injiziert. Besucher in Safari oder Chrome sehen die Seite wie bisher.
Kann ich JavaScript-Bibliotheken injizieren?
Ja, custom.js läuft bei jedem Seitenaufruf in der App. Halte es klein und defensiv: Seiten deiner Web-App können je nach Framework vor oder nach deinem Skript fertig geladen sein.
Brauche ich für CSS-Änderungen eine neue Store-Version?
Für Änderungen in custom.css ja (die Datei wird mit der App ausgeliefert). Wenn du Änderungen sofort live haben willst, nutze stattdessen die User-Agent-Erkennung in deiner Web-App.
Drei Wege, deine App in die Stores zu bringen
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
Selbst machen
$109 pro Plattform, einmalig
Die WebViewGold-Lizenz: ein fertiges Xcode- oder Android-Studio-Projekt. URL einfügen, Name und Icon setzen, Features einschalten, bauen und einreichen. Kostenlose Updates für immer.
Pakete auf der Hauptseite ansehenCloud Builder
$349 pro Lizenz, einmaliges Add-on
Kein Mac, kein Xcode, kein Android Studio: Du konfigurierst im Browser, wir bauen beide Apps in der Cloud und übergeben sie an App Store Connect und die Play Console.
So funktioniert der Cloud Builder Kostenlose Demo ausprobierenFull Service
$698 pro Plattform $798
Schick uns deine URL und dein Icon. Unser Team konfiguriert, baut und liefert deine App innerhalb von 72 Stunden, White-Label, inklusive Quellprojekten. Beide Plattformen für $1,158.
Full-Service-Details Powered by
Winter-Sale-Preise gültig bis 31. Dezember 2026.