Website im Editor bearbeiten
Inhalte sicher bearbeiten
Dieses Tutorial führt dich durch den regulären Editor: Du passt Texte, Links und Bilder an, kontrollierst deine Änderungen und veröffentlichst sie anschließend.
Das Layout und die grundlegende Seitenstruktur bleiben dabei unangetastet.
00:00 Editor öffnen und Überblick
01:17 Texte bearbeiten und formatieren
01:49 Links und Dateien verknüpfen
02:58 Änderungen rückgängig machen
03:19 Bilder austauschen und Alt-Texte pflegen
05:09 Navigation und Dropdown-Menüs bearbeiten
06:05 Buttons und Link-Einstellungen
07:58 Komponenten und globale Änderungen
09:17 Seiten wechseln und SEO-Einstellungen
11:17 Assets verwalten und hochladen
12:47 Mobile und andere Ansichten prüfen
13:41 Änderungen in der Vorschau prüfen
14:16 Staging und Live-Seite verstehen
14:43 Zuerst auf Staging veröffentlichen
15:16 Website live veröffentlichen
15:42 Grenzen des Editors
16:46 Kommentare und Änderungswünsche
Weitere Tutorials
Häufige Fragen
Welche Inhalte kann ich im Website-Editor selbst bearbeiten?
In der Regel kannst du Texte, Bilder, Links, Buttons und CMS-Inhalte bearbeiten. Die grundlegende Seitenstruktur, individuelle Animationen und speziell geschützte Elemente sind bewusst nicht für direkte Änderungen vorgesehen.
Wenn ein Element nicht auswählbar ist, sende uns am besten einen Kommentar direkt an der betreffenden Stelle.
Was ist der Unterschied zwischen Staging und der Live-Website?
Staging ist die Webflow-Testadresse. Dort kannst du veröffentlichte Änderungen inklusive Funktionen und Animationen prüfen, ohne dass sie auf deiner öffentlichen Domain sichtbar sind.
Erst beim Veröffentlichen auf die Production-Domain werden die Änderungen für alle Besucherinnen und Besucher deiner Website live geschaltet.
Wie ändere ich einen Link, Button oder ein Dropdown-Menü?
Wähle das gewünschte Element im Editor aus und öffne die Link-Einstellungen über das Link-Symbol. Dort kannst du eine interne Seite, eine externe URL, eine E-Mail-Adresse, Telefonnummer oder Datei hinterlegen.
Bei Buttons prüfe zusätzlich Standardtext, Hover-Text und Variante. Öffne ein Dropdown über Show Menu, bevor du seinen Inhalt bearbeitest.
In welcher Reihenfolge sollte ich Änderungen veröffentlichen?
Speichere deine Änderungen, prüfe sie in den verschiedenen Geräteansichten und veröffentliche zunächst nur auf Staging. Kontrolliere dort die fertige Seite inklusive Animationen und Links.
Erst wenn alles passt, veröffentlichst du zusätzlich auf der Production-Domain.
Soll ich Alt-Texte für Bilder pflegen?
Ja. Alt-Texte beschreiben ein Bild für Menschen, die es nicht sehen können, und helfen zusätzlich Suchmaschinen beim Verständnis des Inhalts.
Pflege einen allgemeinen Alt-Text direkt beim Asset, wenn das Bild mehrfach verwendet wird. Eine individuelle Beschreibung am Bildelement ist sinnvoll, wenn dasselbe Bild je nach Kontext etwas anderes aussagen soll.
Wie sende ich eine Änderungsanfrage, wenn ich etwas nicht selbst bearbeiten kann?
Nutze im Editor die Kommentarfunktion und klicke direkt auf die betreffende Stelle der Website. Beschreibe dort möglichst konkret, was angepasst werden soll.
Wir sehen die Position im Editor, können Rückfragen stellen und den Kommentar nach der Umsetzung als erledigt markieren.
Warum wirkt eine Änderung in der Navigation auf mehrere Seiten?
Navigationen und andere wiederkehrende Bereiche sind oft als Komponenten angelegt. Eine Änderung darin wird automatisch auf allen Seiten übernommen, auf denen diese Komponente verwendet wird.
Achte deshalb besonders bei Header, Footer und wiederverwendeten Buttons darauf, ob Webflow einen Hinweis auf mehrere Instanzen anzeigt.
Warum kann ich ein Element im Editor nicht auswählen?
Einige Elemente sind technisch komplex, Teil einer geschützten Komponente oder bewusst für Bearbeitungen gesperrt. Das schützt Layout, Animationen und Funktionen der Website.
Hinterlasse einen Kommentar direkt an der Stelle oder kontaktiere uns mit einer kurzen Beschreibung der gewünschten Änderung.
Wie prüfe ich meine Änderungen auf mobilen Geräten?
Wechsle im Editor oben rechts zwischen Desktop, Tablet und den mobilen Ansichten. Prüfe besonders Textumbrüche, Bildausschnitte, Buttons und das geöffnete mobile Menü.
Für die endgültige Kontrolle veröffentlichst du die Änderungen zuerst auf Staging und rufst die Seite anschließend auf einem echten Smartphone auf.