--- title: "Website direkt auf der Seite bearbeiten | Briks" url: https://briks.dev/de/features/visual-editor description: "Alles auf Ihrer Seite anklicken: Texte, Bilder, Farben, Abstände und Abschnitte je Bildschirmgröße ändern. Veröffentlicht in einer halben Minute, kostenlos." last_updated: 2026-10-08 --- Kostenpflichtige Pläne # Ändern Sie Ihre Website direkt auf der Seite Mit dem Visual Editor ändern Sie Ihre Briks-Website direkt auf der Seite, in jedem bezahlten Plan. Öffnen Sie ihn in einem Projekt, klicken Sie auf die Wörter, das Bild oder den Abschnitt, den Sie ändern möchten, und stellen Sie es im Panel ein, wie bei einem Design-Tool. Jede Änderung wird in den eigenen Code Ihrer Website geschrieben, und Ihre eigenen Änderungen werden ohne Credits veröffentlicht. ## So funktioniert es 1. **Auf der Seite anklicken** Wählen Sie etwas auf einer beliebigen Seite Ihrer Website aus oder suchen Sie es in Layers. Doppelklicken Sie auf Text, um direkt dort zu tippen. 2. **Für jeden Bildschirm einzeln ändern** Texte, Links, Bilder, Farben, Abstände, Schrift und Abschnitte, für Smartphones, Tablets und Desktops, direkt auf der Seite sichtbar. 3. **Veröffentlichen** Ihre Änderungen gehen in etwa einer halben Minute als neue Version live, ohne dass etwas berechnet wird. ## Was Sie ändern können Wörter, ob in einer Überschrift, in einem Eintrag einer Liste, in einem an mehreren Stellen verwendeten Baustein oder in den Angaben Ihrer Website wie der E-Mail-Adresse, die sich dann überall ändert, wo sie erscheint. Links und das Ziel einer Schaltfläche. Bilder und Videos, ersetzt aus Ihrer Medienbibliothek. Das Aussehen von allem, in den Bereichen des Panels: Layout, Abstand innen und außen, Schrift, Farbe, Linien, Ecken, Schatten und Deckkraft. Die Farben sind die Ihrer Website und erscheinen in den Farben, die sie malen, und das Panel zeigt Ihnen, wie gut Text auf seinem Hintergrund lesbar ist. Abschnitte und Listen. Auf der Startseite verschieben Sie einen Abschnitt nach oben oder unten, kopieren oder verbergen ihn; auf anderen Seiten verschieben oder entfernen Sie ihn. Verschieben, kopieren oder entfernen Sie einen Eintrag einer Liste, etwa eine Karte, einen Tarif oder eine Frage. Die ganze Website, über den Tab Site: Farben, Schriften für Überschriften und Text, Ecken, heller oder dunkler Modus, Breite des Inhalts und Abstand zwischen den Abschnitten. ## Smartphones, Tablets und Desktops Wechseln Sie die Breite, um die Seite so zu sehen, wie ein Smartphone, ein Tablet oder ein Desktop sie zeigt. Eine Änderung gilt ab der Breite, die Sie ansehen, aufwärts. Eine kleinere Überschrift für Smartphones lässt also den Desktop unverändert, und alles kann für jede Breite gezeigt oder verborgen werden. Hover und Fokus haben eigene Einstellungen, sodass eine Schaltfläche die Farbe wechseln kann, wenn jemand darauf zeigt. ## Abschnitte, Ebenen und Seiten Fügen Sie zwischen zwei beliebigen Abschnitten einen neuen ein: einen fertig gestalteten in den eigenen Farben Ihrer Website, kostenlos, einen leeren zum Füllen oder Generate with AI, das vor dem Bau die üblichen Credit-Kosten anzeigt. Mit Quick Edit bearbeiten Sie jedes Wort und jedes Bild eines Abschnitts in einem Formular. Layers listet die Seite Abschnitt für Abschnitt auf, sodass sich alles leicht finden und auswählen lässt. Klicken Sie mit rechts auf etwas, auf der Seite oder in Layers, für das Menü: bearbeiten, ersetzen, duplizieren, auf dem Handy ausblenden, verschieben oder entfernen. Im Seitenbereich fügen Sie Seiten hinzu, benennen sie um, duplizieren und löschen sie, legen ihre Reihenfolge im Menü fest und geben jeder Seite eigene Such- und Teilen-Einstellungen. ## Nichts ändert sich, bis Sie veröffentlichen Jede Änderung erscheint sofort auf der Seite und wartet in einem Entwurf auf dem Server. So übersteht sie ein Neuladen, einen geschlossenen Tab oder ein anderes Gerät. Alle, die am Projekt arbeiten, bearbeiten denselben Entwurf. Mit Undo und Redo gehen Sie Schritt für Schritt durch die Änderungen, die Liste der Änderungen nennt jede einzelne und lässt Sie jede davon verwerfen, und Discard setzt die Seite so zurück, wie sie war. Publish schreibt die Änderungen in den Code Ihrer Website und veröffentlicht sie als neue Version, meist in etwa einer halben Minute. Eine Änderung, die der Code nicht aufnehmen kann, wird mit Begründung abgelehnt, und dann wird nichts veröffentlicht. History listet jede gespeicherte Version der Website auf, wer sie angefragt hat und wann, zeigt jede so, wie sie aussah, und stellt eine mit einem Klick wieder her. ## Kommentare und wer sonst gerade bearbeitet Heften Sie einen Kommentar an eine beliebige Stelle der Seite, antworten Sie in einem Thread und nennen Sie mit @ ein Teammitglied, um es zu informieren. Alle im Workspace können kommentieren, auch ein Viewer, und ein Editor oder höher markiert einen Thread als erledigt. Gesichter in der Leiste des Editors zeigen, wer das Projekt noch geöffnet hat, auf welcher Seite jeder ist und was jeder ausgewählt hat, auf der Seite in seiner Farbe umrandet. ## KI fragen, nur wenn Sie wollen Formulieren Sie Texte um, kürzen oder verlängern Sie sie oder ändern Sie ihren Ton, und lassen Sie den Alt-Text eines Bildes schreiben. Jede Schaltfläche zeigt ihren Preis, bis zu 0.2 Credits für Texte und bis zu 0.1 für Alt-Texte, und Sie behalten das Ergebnis oder verwerfen es, bevor etwas geschrieben wird. Ask AI an einem Abschnitt gibt ihm ein neues Design, behebt sein Layout oder führt jede Anfrage aus, die Sie zum gewählten Teil eintippen. Es ist eine normale Änderung im Studio, mit den üblichen Kosten vorab, und Versions macht sie rückgängig. Check liest die Seite in der Breite, die Sie gerade sehen, und findet Bilder ohne Alt-Text, schwer lesbare Wörter, Überschriften in falscher Reihenfolge und Links ohne Namen. Er nutzt kein KI-Modell und kostet nichts. ## Wenn Sie den Builder brauchen Was der Editor nicht kann, etwa ein neues Element oder ein anderes Layout, geht vom Bedienfeld aus zum gewählten Element an den Builder. Das ist eine normale Änderung im Studio und verbraucht Credits. ## Visual Editor in der Praxis Drei Beispielunternehmen und wie jedes davon es nutzen würde. Wo eine Website zu sehen ist, ist es ein Muster, das Briks für ein Beispielunternehmen erstellt hat, kein Kunde. 1. Bäckerei **Neue Öffnungszeiten, und die Sommerkarte zuerst** Eine Bäckerei ändert die Samstagszeiten in den Angaben ihrer Website, sodass Fußzeile und Kontaktbereich beide folgen, schiebt ihre Sommerkarte über ihre Geschichte und veröffentlicht beides auf einmal. 2. Fitnessstudio **Eine kleinere Überschrift auf Smartphones** Die Überschrift eines Fitnessstudios bricht auf dem Smartphone in vier Zeilen um. Der Inhaber wechselt zu Phone, verkleinert dort die Größe um zwei Stufen, und die Überschrift am Desktop bleibt, wie sie war. 3. Töpferei **Eine weitere Klasse** Eine Töpferei kopiert eine Kurskarte, tippt Namen und Preis des neuen Kurses in die Kopie, veröffentlicht und ersetzt danach das Foto der Kopie aus ihrer Medienbibliothek. ## Was Sie bekommen - Texte, Links, Bilder, Farben, Abstände und Schrift - Einstellungen für Smartphones, Tablets, Desktops, Hover und Fokus - Abschnitte und Listeneinträge verschieben, kopieren, ausblenden oder entfernen - Farben, Schriften und Ecken der Website an einem Ort - Abschnitte hinzufügen, Seiten verwalten, ein Rechtsklick-Menü für alles - Ein gemeinsamer Entwurf, Verlauf und Rückgängig - An die Seite geheftete Kommentare und wer sonst gerade bearbeitet - In etwa einer halben Minute als Version veröffentlicht - Eigene Änderungen verbrauchen keine Credits; bei KI sehen Sie zuerst den Preis ### Gut zu wissen - Der Visual Editor ist in bezahlten Tarifen enthalten, für alle im Workspace, die dessen Projekte ändern dürfen. - Eine Website, die der Editor noch nicht lesen kann, ist nach der nächsten Veröffentlichung bereit. ## Fragen zu der Visual Editor ### Verbraucht der Visual Editor Credits? Nicht für Änderungen, die Sie selbst vornehmen: Diese und ihre Veröffentlichung verbrauchen keine. Texte umschreiben, Alt-Texte, Ask AI und Generate with AI verbrauchen Credits, und jedes zeigt vorher seinen Preis. ### Kann mein Team die Seite kommentieren? Ja. Alle im Workspace können einen Kommentar an alles auf einer Seite heften und in einem Thread antworten; wer mit @ genannt wird, erfährt es. ### Wer kann ihn nutzen? Alle in einem Workspace mit bezahltem Plan, die dessen Projekte ändern dürfen: jede Rolle außer Viewer. ### Kann ich das Aussehen nur auf Smartphones ändern? Ja. Stellen Sie die Breite auf Phone um und ändern Sie es dort; Tablets und Desktops behalten ihre eigenen Einstellungen. ### Was, wenn ich es mir anders überlege? Vor dem Veröffentlichen können Sie jede Änderung rückgängig machen, wiederholen oder verwerfen. Nach dem Veröffentlichen stellen Sie die frühere Version über History im Editor oder im Studio wieder her. ### Kann ich alle meine Seiten bearbeiten? Ja. Wählen Sie oben im Editor eine beliebige Seite Ihrer Website aus der Liste. ## Verwandte Funktionen - [In jedem Plan **Änderungen in einfachen Worten** Im Studio-Chat jede Änderung anfragen, etwa dunklerer Header oder neue Öffnungszeiten. Briks baut und veröffentlicht, jede ist eine Version zum Zurücknehmen. So funktioniert es](https://briks.dev/de/features/changes-in-plain-words) - [In jedem Plan **Versionen und Rückgängigmachen** Jeder Build und jede Änderung wird als Version gespeichert. Im Studio rückgängig machen, wiederholen oder wiederherstellen, die Website geht wie zuvor live. So funktioniert es](https://briks.dev/de/features/versions-and-undo) - [In jedem Plan **Medienbibliothek** Jedes hochgeladene Bild und Video liegt in einer Bibliothek Ihres Workspace, bereit für das Eingabefeld jedes Projekts. Der Speicher wächst mit Ihrem Plan. So funktioniert es](https://briks.dev/de/features/media-library) [Alle 32 Funktionen ansehen](https://briks.dev/de/features) ## Probieren Sie es an Ihrem eigenen Geschäft aus Beschreiben Sie es in einem Satz, und Briks baut es. Starten Sie kostenlos mit den Credits, die Sie bei der Anmeldung erhalten.