---
title: "Wie nutze ich die Live-Vorschau?"
description: "In der Live-Vorschau kannst du alle Änderungen an einer Seite in Echtzeit verfolgen. Wie du sie nutzt, erklären wir dir hier. **Hinweis** Die *Live-Vorschau* wird dir erst angezeigt, wenn du eine Seite mindestens einmal gespeichert hast. [![](https://staging.churchtools.academy/wp-content/uploads/2025/05/Website_Seiten_Seite-bearbeiten_Live-Vorschau.png)](https://staging.churchtools.academy/wp-content/uploads/2025/05/Website_Seiten_Seite-bearbeiten_Live-Vorschau.png) ### (1) Seite…"
url: "https://staging.churchtools.academy/de/help/website-und-finder/seiten-website/wie-nutze-ich-die-live-vorschau/"
updated: "2025-06-06"
category: Website / Seiten
---

# Wie nutze ich die Live-Vorschau?

In der Live-Vorschau kannst du alle Änderungen an einer Seite in Echtzeit verfolgen. Wie du sie nutzt, erklären wir dir hier.

**Hinweis**

Die *Live-Vorschau* wird dir erst angezeigt, wenn du eine Seite mindestens einmal gespeichert hast.

[![](https://staging.churchtools.academy/wp-content/uploads/2025/05/Website_Seiten_Seite-bearbeiten_Live-Vorschau.png)](https://staging.churchtools.academy/wp-content/uploads/2025/05/Website_Seiten_Seite-bearbeiten_Live-Vorschau.png)

### (1) Seite bearbeiten

Den *Bearbeitungsbereich* findest du hier in einer kompakten Ansicht am linken Rand.

### (2) Reiter ausklappen

Hinter den drei Punkten verbirgt sich ein Kontextmenü, in dem du die Reiter findest, die aus Platzgründen nicht angezeigt werden können.

### (3) Fenstergrößen anpassen

Du kannst die Größe des *Bearbeitungsbereiches* und der *Live-Vorschau* flexibel verändern, indem du die Trennlinie dazwischen mit der Schaltfläche hin- und herschiebst.

### (4) Live-Vorschau der Seite

Hier siehst du alle deine Änderungen in Echtzeit.

### (5) Als Pop-up öffnen

Damit öffnest du die *Live-Vorschau* (4) in einem separaten Fenster.

### (6) Ansichtsmodus wechseln

Hier wechselst du die Ansicht der Live-Vorschau. Dabei hast du die Wahl zwischen *Responsiv* (an die Bildschirmgröße angepasst), *Laptop*, *Tablet* und *Mobile*. So kannst du sofort sehen, wie deine Website z. B. auf einem Smartphone aussehen würde.

### (7) Änderungen speichern und veröffentlichen

Diese Buttons kennst du bereits aus der Standardansicht. *Gespeicherte* Änderungen werden erst dann veröffentlicht, wenn du sie aktiv über den Button *Veröffentlichen* live schaltest.