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

Bevor Sie Ihre neuesten Änderungen veröffentlichen, ist eine Vorschau Ihrer Website unerlässlich, um genau zu sehen, wie sie für Ihre Besucher aussehen wird. Betrachten Sie es als die letzte Generalprobe, damit jedes Element—vom neuesten Blogbeitrag bis hin zum neuen Kontakt-Button—ausgereift und professionell wirkt.

Vorschauoptionen

Um Ihre Website auf verschiedenen Plattformen zu sehen, 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 normalen Computerbildschirmen erscheint.

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

• App –  Sehen Sie sich die Vorschau Ihrer Website so an, wie sie als installierte App auf den Geräten Ihrer Nutzer angezeigt wird (Android, iOS).

• Neues Fenster – Öffnet eine Live-Vorschau in einem separaten Browser-Tab und bietet die genaueste Darstellung der Besucheransicht.

• Zurück in den Bearbeitungsmodus – Wenn Sie mit der Prüfung fertig sind, klicken Sie auf diese Schaltfläche, um in den Editor zurückzukehren.

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 feinjustieren:

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

• Menü-Design – Passen Sie Menütyp und Menüfarbe für das mobile Pop-up-Menü an, damit es zur Optik Ihrer Marke passt.

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

App-Einstellungen

Steuern Sie Aspekte der App-Version Ihrer Website 

• App-Startseite –  Mit dieser Option legen Sie fest, was Ihre Nutzer sehen, wenn sie die App öffnen. Wählen Sie zwischen der normalen mobilen Startseite, der Client Zone Ihrer Nutzer oder Ihrem Store. Sobald Ihre Nutzer auf das App-Symbol auf ihrem Gerät tippen, wird die ausgewählte Option angezeigt.
• Logo für den Startbildschirm –  Mit dieser Option legen Sie fest, ob das App-Symbol Ihr Logo anzeigen soll oder automatisch eines basierend auf Ihrem Website-Namen generiert wird.
• Hintergrund des Startbildschirms – Mit dieser Option stellen Sie die Hintergrundfarbe Ihrer App-Version ein. Wählen Sie zwischen Schwarz, Weiß oder der Hauptfarbe der Website. Diese Option ist derzeit nur für Android-Geräte verfügbar. 
• Installations-Popup 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ßen Text auf kleinen Bildschirmen—lösen, ohne die Desktop-Version Ihrer Website zu beeinflussen.

• Konsistenzprüfung – Die Vorschau über „Neues Fenster“ wird vor einem größeren Launch ausdrücklich empfohlen, da Sie Links und Buttons in einer sauberen Browser-Umgebung 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.