# Editor (https://webmetic.de/docs/smart-pages/editor)

Im Editor legen Sie fest, welche Texte einer Seite sich je Unternehmen ändern. Links sehen Sie eine Kopie Ihrer Seite, rechts die Seitenleiste für das gewählte Element. Der Editor ändert Ihre Website selbst nicht.

## Bevor Sie beginnen [#bevor-sie-beginnen]

- **Plan**: In jedem Plan können Sie Smart Pages entwerfen, in der Vorschau ansehen und auf der Website testen. Live schalten und die Methode **KI-Text pro Unternehmen** wählen können Sie nur in der Testphase, im Plan Growth und in Enterprise. White-Label-Kunden eines Partners sehen den Tab nicht.
- **Rechte**: Jeder Benutzer Ihres Kontos kann Smart Pages anlegen, bearbeiten, live schalten und löschen, auch ohne Admin-Rechte.
- **Kosten**: Smart Pages kosten keine Credits.
- **Smart Page**: Sie brauchen eine Smart Page für die Seite, die Sie ändern möchten. Wie Sie eine anlegen, steht unter [Erste Smart Page](https://webmetic.de/docs/smart-pages/erste-smart-page).
- **Bildschirm**: Der Editor braucht einen Bildschirm ab 1.024 Pixel Breite. Auf kleineren Bildschirmen sehen Sie nur die Liste Ihrer Smart Pages.

## Editor öffnen [#editor-öffnen]

In einem schmaleren Fenster zeigt der Smart-Pages-Tab nur sein Symbol und den Namen erst, wenn Sie darauf zeigen. Auf dem Smartphone wählen Sie **Smart Pages** in der Auswahlliste oben.

1. Klicken Sie oben auf den Tab [**Smart Pages**](https://app.webmetic.de/?menu=smart_pages).
2. Klicken Sie in der Liste auf Ihre Smart Page. Webmetic öffnet den Editor.

Beim ersten Öffnen legt Webmetic einmal eine Kopie der Seite an, was etwas länger dauert. Die Kopie zeigt die Seite so, wie ein Browser am Desktop sie anzeigt.

## Vorgeschlagene Elemente prüfen [#vorgeschlagene-elemente-prüfen]

Wenn eine Smart Page noch keine Elemente hat, schlägt der Editor beim Öffnen bis zu drei vor:

- die Hauptüberschrift der Seite
- den ersten längeren Absatz danach
- den ersten kurzen Link oder Button, der nicht im Fließtext steht

Der Link oder Button kann auch über der Hauptüberschrift stehen.

Webmetic speichert die Vorschläge sofort und umrandet sie in Mintgrün, personalisierte Elemente in Violett. Solange kein Element gewählt ist, listet die Seitenleiste alle Elemente: personalisierte oben, danach in der Reihenfolge der Seite.

1. Klicken Sie in der Liste auf ein Element. Der Editor hebt es in der Kopie hervor und öffnet es in der Seitenleiste.
2. Wenn ein Vorschlag nicht passt, entfernen Sie ihn wie unter Element entfernen beschrieben.

![Der Editor mit drei vorgeschlagenen Elementen](https://webmetic.de/docs/media/de/light/smart-pages-elemente-erkannt.webp)

## Element hinzufügen [#element-hinzufügen]

1. Zeigen Sie in der Kopie auf einen Text. Wenn er sich wählen lässt, erhält er einen Rahmen und ein Schild mit seiner Art, zum Beispiel H2.
2. Klicken Sie auf den Text. Webmetic fügt das Element sofort hinzu und öffnet es in der Seitenleiste als **Überschrift**, **Text** oder **Button**.

![Der Editor beim Zeigen auf einen Absatz, mit Rahmen und Schild](https://webmetic.de/docs/media/de/light/smart-pages-picker.webp)

Links zählen als **Button**.

Sie können sichtbare Texte mit 2 bis 1.200 Zeichen wählen:

- Überschriften, Absätze, Links und Buttons
- andere Textblöcke, zum Beispiel Listenpunkte

Diese Inhalte können Sie nicht wählen:

- Bilder, Videos und Formularfelder
- Texte in Navigation und Seitenkopf, außer der Hauptüberschrift
- Textblöcke aus nur einem Wort
- lose Textblöcke im Fußbereich, in Formularen und in Popups

Wenn ein Link in einem Absatz liegt, wählt ein Klick auf den Link nur den Link. Um den ganzen Absatz zu wählen, klicken Sie auf den Text neben dem Link.

Ein neuer Text ersetzt das ganze Element durch reinen Text, sodass fett gesetzte Wörter und Links darin verloren gehen. Wählen Sie darum Elemente ohne Links oder Hervorhebungen im Text. Linkziele, Bilder und Layout ändern sich nie.

## Methode wählen [#methode-wählen]

Für jedes Element legen Sie in der Seitenleiste fest, wer den neuen Text schreibt:

- [**KI-Text pro Unternehmen**](https://webmetic.de/docs/smart-pages/ki-text-pro-unternehmen): Die KI schreibt für jedes erkannte Unternehmen eine eigene Fassung. Diese Methode steht für Texte ab 45 Zeichen bereit, nicht für sehr lange Texte, Buttons und Links.
- [**Eigener Text pro Zielgruppe**](https://webmetic.de/docs/smart-pages/zielgruppen): Sie schreiben den Text selbst und wählen, welche Zielgruppe ihn sieht. Diese Methode steht für jedes Element bereit.

Ein Element nutzt nur eine Methode. Wenn Sie die andere Methode speichern, ersetzt sie die bisherige, und der Editor warnt Sie vorher. Wenn Sie von eigenen Texten zurück zu **KI-Text pro Unternehmen** wechseln, erscheinen die früheren KI-Texte wieder.

Besucher, die Webmetic keinem Unternehmen zuordnet, sehen immer das Original.

## Element entfernen [#element-entfernen]

Webmetic löscht ein entferntes Element mit allen Texten, auch mit den gespeicherten KI-Texten. Das lässt sich nicht rückgängig machen.

1. Klicken Sie das Element in der Kopie oder in der Liste an.
2. Klicken Sie in der Kopfzeile der Seitenleiste, neben dem Namen des Elements, auf das Papierkorb-Symbol **Element entfernen**.
3. Bestätigen Sie mit **Element entfernen**. Webmetic speichert die Änderung sofort.

Das Papierkorb-Symbol **Personalisierung entfernen** in der Zeile der Methode darunter entfernt nur die Texte, und das Element bleibt markiert.

## Ebenen ausblenden [#ebenen-ausblenden]

Wenn ein Popup wie eine Messe-Einladung die Kopie verdeckt, können Sie diese Ebene im Editor ausblenden.

1. Klicken Sie auf eine freie Stelle der Ebene, zum Beispiel auf den Rand. Ein Klick auf ihren Text fügt den Text als Element hinzu.
2. Klicken Sie auf **Diese Ebene ausblenden**. Der Editor zeigt den Hinweis **1 Ebene ausgeblendet**.

![Ein Popup in der Kopie mit der Schaltfläche Diese Ebene ausblenden](https://webmetic.de/docs/media/de/light/smart-pages-ebene-ausblenden.webp)

Ausgeblendete Ebenen gelten nur im Editor, während das Popup auf Ihrer Website weiter erscheint. Mit **Wieder einblenden** zeigen Sie alle auf einmal wieder an.

Der Editor blendet Cookie-Banner selbst aus. Seitenkopf und Navigation lassen sich nicht ausblenden.

## Seite als Unternehmen ansehen [#seite-als-unternehmen-ansehen]

Die Auswahl **Vorschau als** zeigt die Seite so, wie ein bestimmtes Unternehmen sie sieht.

1. Klicken Sie oben auf **Vorschau als**.
2. Suchen Sie ein Unternehmen oder wählen Sie es aus der Liste. Die Kopie zeigt die Fassung für dieses Unternehmen.
3. Optional: Klicken Sie auf **Original anzeigen**, um mit dem Original zu vergleichen. Das gewählte Unternehmen bleibt dabei erhalten.

![Die geöffnete Liste Vorschau als mit Unternehmen, die die Website besucht haben](https://webmetic.de/docs/media/de/light/smart-pages-vorschau-als.webp)

Geänderte Elemente tragen ein Schild mit dem Namen der Zielgruppe oder mit KI und dem Namen des Unternehmens.

Die Liste zeigt bis zu 12 Unternehmen, die Ihre Website besucht haben, mit der höchsten Aktivität zuerst. Im Plan Free sind das nur die erkannten Unternehmen, die Sie im Dashboard lesen können. In jedem Plan folgen Beispielunternehmen, damit die Vorschau auch ohne Besuche funktioniert. Der Eintrag **Anonymer Besucher** zeigt das Original, wie es Besucher ohne erkanntes Unternehmen sehen.

Beachten Sie bei der Vorschau:

- Bei der Methode **KI-Text pro Unternehmen** schreibt Webmetic dabei den Text des Unternehmens und speichert ihn. Das Unternehmen liest später denselben Text, sofern die automatische Prüfung ihn nicht verwirft.
- Die Vorschau prüft Kampagne und Gerät nicht. Prüfen Sie beides mit dem Test-Link und UTM-Parametern, wie unter [Testen und live schalten](https://webmetic.de/docs/smart-pages/testen-und-live-schalten) beschrieben.

## Änderungen speichern [#änderungen-speichern]

Webmetic speichert neue und entfernte Elemente, Zielgruppen und ausgeblendete Ebenen sofort. Wenn das Speichern fehlschlägt, zeigt die Leiste oben einen Hinweis, auf den Sie für einen neuen Versuch klicken.

Texte speichert Webmetic nur mit **Text speichern** oder **Personalisierung speichern**. Wenn Sie vorher das Element, die Ansicht oder die Methode wechseln, verwirft der Editor den Entwurf ohne Rückfrage.

Wenn Sie den Editor verlassen, speichert Webmetic Änderungen an Elementen. Wenn die Smart Page live ist, sehen Besucher gespeicherte Änderungen nach kurzer Zeit, ohne dass Sie erneut live schalten.

## Smart Page nach Website-Änderungen neu anlegen [#smart-page-nach-website-änderungen-neu-anlegen]

Webmetic legt die Kopie der Seite einmal an und aktualisiert sie nicht. Wenn Sie einen Text auf Ihrer Website ändern, greift die Smart Page für dieses Element nicht mehr. Das Element zeigt dann den aktuellen Text Ihrer Website, ohne Tausch.

Legen Sie die Smart Page für diese Seite neu an und löschen Sie die alte, sobald die neue live ist.

## Nächste Schritte [#nächste-schritte]

- [KI-Text pro Unternehmen](https://webmetic.de/docs/smart-pages/ki-text-pro-unternehmen): Die KI für jedes erkannte Unternehmen einen eigenen Text schreiben lassen.
- [Zielgruppen](https://webmetic.de/docs/smart-pages/zielgruppen): Eigene Texte für Gruppen von Unternehmen festlegen.
- [Testen und live schalten](https://webmetic.de/docs/smart-pages/testen-und-live-schalten): Die Smart Page auf Ihrer Website testen und live schalten.