Sehen Sie sich vor der Veröffentlichung eine Vorschau der Website an

Bevor Sie Ihre neuesten Änderungen veröffentlichen, ist es wichtig, Ihre Website in der Vorschau anzusehen, um genau zu sehen, wie sie für Ihre Besucher aussehen wird. Stellen Sie sich das wie eine letzte Generalprobe vor, damit jedes Element – vom neuesten Blogbeitrag bis zum neuen Kontakt-Button – perfekt und professionell wirkt.

Vorschau-Optionen

Um Ihre Website auf verschiedenen Plattformen anzuzeigen, klicken Sie im Website-Editor auf das Desktop-Symbol und wählen Sie eine der folgenden Anzeigeoptionen:

• Desktop – Die Standardansicht im Editor, die die Website so zeigt, wie sie auf einem normalen Computerbildschirm erscheint.

• Tablet und Mobil – Zeigt, wie sich Ihr Layout automatisch an kleinere Bildschirme und Tablets anpasst.

• App – Vorschau Ihrer Website so, wie sie als installierte App auf den Geräten Ihrer Nutzer erscheint (Android, iOS).

• Neues Fenster – Öffnet eine Live-Vorschau in einem separaten Browser-Tab und liefert die realistischste Darstellung des Besuchererlebnisses.

• Zurück in den Bearbeitungsmodus – Wenn Sie die Überprüfung abgeschlossen haben, klicken Sie auf diese Schaltfläche, um zurück in den Editor zu wechseln.

Mobile Einstellungen

Auch wenn Ihre Website von Natur aus responsiv ist, können Sie mit den Mobilen Einstellungen bestimmte visuelle Elemente für Handgeräte gezielt feinabstimmen:

• Header und Schrift – Passen Sie die Headerhöhe und die Header-Schriftgröße an, damit Ihr Branding klar bleibt, ohne zu viel Platz auf dem Bildschirm einzunehmen.

• Menü-Design – Passen Sie Menütyp und Menüfarbe für das mobile Popup-Menü an, damit es zum Look Ihrer Marke passt.

• Layout und Abstände – Verwenden Sie Textausrichtung, um den Menütext zu positionieren, und Abstand zwischen Seiten, um den vertikalen Abstand zwischen den Navigationslinks zu steuern.

App-Einstellungen

Steuern Sie Aspekte der App-Version der Website 

• App-Startseite – Mit dieser Option legen Sie fest, was Ihre Nutzer sehen, wenn sie die App öffnen. Wählen Sie zwischen der regulären mobilen Startseite, der Kundenzone Ihrer Nutzer oder Ihrem Shop. Sobald Ihre Nutzer auf das App-Symbol auf ihrem Gerät tippen, wird die ausgewählte Option angezeigt.
• Logo auf dem Startbildschirm – Mit dieser Option bestimmen Sie, ob das App-Symbol Ihr Logo anzeigt oder automatisch anhand Ihres Website-Namens erstellt wird.
• Hintergrund des Startbildschirms – Mit dieser Option legen Sie die Hintergrundfarbe Ihrer App-Version fest: Schwarz, Weiß oder die Hauptfarbe der Website. Diese Option ist derzeit nur für Android-Geräte verfügbar. 
• Popup zur Installation für Besucher  – Mit dieser Option informieren Sie Ihre Nutzer darüber, dass sie Ihre Website als App auf ihrem Mobilgerät hinzufügen können. Diese Option ist derzeit nur für Android-Geräte verfügbar. 

Hinweise

• Dynamische Anpassungen – Mit den mobil-spezifischen Einstellungen können Sie Layout-Probleme – z. B. zu große Texte auf kleinen Bildschirmen – beheben, ohne die Desktop-Version Ihrer Website zu beeinflussen.

• Konsistenzprüfung – Die Vorschau „Neues Fenster“ wird vor einem größeren Launch dringend empfohlen, da Sie damit Links und Buttons in einer sauberen Browserumgebung testen können.

• Nutzererlebnis – Achten Sie auf Mobilgeräten besonders auf Menüfarbe und Textausrichtung; ein kontrastreiches, zentriertes Menü ist für Besucher oft leichter mit dem Daumen zu bedienen.