Hat dir ein AI-Tool wie Claude einen Funnel als HTML-Datei gebaut? Dann musst du ihn nicht in Perspective neu aufbauen. Importiere einfach deine HTML-Datei in Perspective. Daraus wird ein AI Funnel, den du wie jeden anderen bearbeiten, veröffentlichen und tracken kannst.
Perspective packt deine Datei in die eigene Seitenstruktur und verbindet das Tracking damit. Dein Design und deine Texte bleiben dabei, wie sie sind. Deine Datei muss in sich geschlossen sein. Das heißt: Das Styling und alle Skripte stehen direkt in der HTML-Datei.
TL;DR
Lade jeweils eine .html- oder .htm-Datei hoch, maximal 1 MB. Nutze dafür den + Button, entweder auf dem Bildschirm Neuer Funnel oder im AI Chat eines Funnels, den du schon bearbeitest.
Perspective packt deine Seite in die eigene Seitenstruktur und verbindet das Tracking. Dein Design und deine Texte bleiben unverändert.
Aus einer Datei können mehrere Funnel-Seiten entstehen. Danach kannst du im AI Chat weiter bearbeiten, das HTML der Seite direkt im Code-Modus ändern oder eine frühere Version aus dem Versionsverlauf wiederherstellen.
ℹ️ Der Import einer HTML-Datei ist ein Feature des AI Funnel Editors. Im klassischen Editor (Drag-and-drop) ist er nicht verfügbar.
Wie importiere ich eine HTML-Datei als neuen Funnel?
Klicke auf Neuer Funnel. Klicke dann unter dem Prompt-Feld auf den +-Button und wähle HTML importieren. Du kannst deine Datei auch direkt auf dieses Menü ziehen.
Wähle eine .html- oder .htm-Datei aus, maximal 1 MB. Sie erscheint über dem Prompt-Feld als kleine Karte. Die Karte zeigt den Titel deiner Seite und ein HTML-Badge. Mit dem X auf der Karte kannst du die Datei wieder entfernen.
Klicke auf Absenden. Perspective liest deine Datei und beginnt, daraus den Funnel zu bauen.
Dein neuer Funnel übernimmt den Namen aus dem Titel deiner Seite. Sobald er fertig ist, öffnet er sich im AI Funnel Editor.
Wie importiere ich eine HTML-Datei in einen Funnel, den ich gerade bearbeite?
Öffne deinen Funnel, wechsle zum Tab AI Chat und klicke auf +.
Klicke auf HTML importieren und wähle die Datei aus, die du hochladen möchtest.
Deine Datei ersetzt den Funnel, den du gerade geöffnet hast. Eine hochgeladene Datei wird nämlich immer als kompletter Funnel behandelt und nicht als Seite, die hinzugefügt wird.
ℹ️ Bilder, die auf deinem eigenen Computer gespeichert sind, werden nicht mit der HTML-Datei hochgeladen. Füge sie deiner Media Library hinzu und platziere sie danach im Funnel.
Separate CSS- und JavaScript-Dateien werden nicht unterstützt. Styling und Skripte müssen direkt in der HTML-Datei stehen.
Was passiert nach dem Import einer HTML-Datei?
Der AI Chat veröffentlicht eine Zusammenfassung dessen, was er gemacht hat. Darin nennt er die Funnel-Seiten, die er erstellt hat. Außerdem listet er auf, was er in der Verknüpfung korrigiert hat. Zum Beispiel zwei Formulare, die dieselbe Tracking-ID hatten, oder eine Antwort, die eine Seite übersprungen hat, obwohl sie dort hätte vorbeikommen sollen.
Perspective kann eine HTML-Datei in mehrere Funnel-Seiten aufteilen. Eine lange Seite mit mehreren Schritten muss also nicht eine einzelne Seite bleiben.
Dein Design und deine Texte bleiben, wie sie sind. Ab hier kannst du den importierten HTML-Funnel weiter bearbeiten.
Wie bearbeite ich einen Funnel oder eine Seite, die als HTML-Datei importiert wurde?
Ein importierter Funnel verhält sich wie jeder andere AI Funnel. Du hast drei Möglichkeiten, ihn zu ändern.
Elemente im AI Funnel Editor bearbeiten
Wechsle mit dem Schalter in der Leiste unten in den Bearbeitungsmodus. Klicke dann auf das Element, das du ändern möchtest. Für dieses Element erscheint eine Toolbar. Dort kannst du den Text und sein Styling ändern, ein Bild aus deiner Mediathek austauschen, den Platzhalter eines Eingabefelds ändern oder das Ziel eines Buttons oder Links neu festlegen.
Der Testmodus zeigt deinen Funnel so, wie ihn ein Besucher sieht. So kannst du durchklicken und prüfen, ob die importierten Seiten noch richtig ineinander übergehen.
Mehr zum AI Funnel Editor und seinen Modi findest du hier.
Elemente im AI Chat bearbeiten
Du kannst deinen Funnel auch im AI Chat bearbeiten. Schreibe in den AI Chat, was du in deinem Funnel ändern möchtest. Die AI nimmt die Änderungen dann in deinem Funnel vor. Das geht schneller, wenn eine Änderung mehrere der importierten Seiten gleichzeitig betrifft.
Du kannst auch zuerst ein Element im Bearbeitungsmodus auswählen. Es wird als Kontext an den Chat übergeben. So kannst du einfach sagen, was du ändern möchtest, und musst nicht beschreiben, welchen Teil der Seite du meinst.
ℹ️ Änderungen, die du direkt im AI Funnel Editor machst, verbrauchen keine AI Credits. Änderungen über den AI Chat verbrauchen AI Credits.
Das HTML direkt bearbeiten
Öffne den Code-Modus im AI Funnel Editor. Dort wird das komplette HTML deiner Seite mit Zeilennummern angezeigt, und du kannst es direkt bearbeiten.
Weil du deine eigene Datei importiert hast, ist das der Code, den du hochgeladen hast. Perspective hat seine Seitenstruktur und das Tracking darum gelegt. Das ist der schnellste Weg für eine kleine, genaue Änderung, zum Beispiel an einem Klassennamen oder einem Tracking-Snippet. Das der AI zu beschreiben würde länger dauern, als die Änderung einfach selbst zu machen.
Möchtest du nach dem Bearbeiten zur früheren Version deines HTML-Funnels zurück? Dann nutze den Versionsverlauf auf der linken Seite. Es listet jede Version des Funnels auf, die neueste zuerst, mit Datum, Uhrzeit und der Quelle der Version, zum Beispiel AI Chat. Öffne die Version, die du brauchst, und stelle sie wieder her.
FAQ
Kann ich mehrere HTML-Dateien gleichzeitig importieren?
Kann ich mehrere HTML-Dateien gleichzeitig importieren?
Nein, über Import HTML kannst du eine .html- oder .htm-Datei pro Upload auswählen. Die separate Option Upload file im selben Menü akzeptiert mehrere Dateien gleichzeitig, auch Bilder und PDFs, aber die bekommt die AI als Kontext und werden nicht als Funnel importiert.
Wie groß darf meine HTML-Datei sein?
Wie groß darf meine HTML-Datei sein?
Du kannst eine .html- oder .htm-Datei mit bis zu 1 MB auf einmal importieren. Wenn deine Seite größer ist, entferne vor dem Import alles, was sie nicht braucht, zum Beispiel ungenutzte Styles oder große eingebettete Bilder, und füge sie danach aus deiner Mediathek wieder hinzu.
Sieht meine HTML-Seite nach dem Import noch genauso aus?
Sieht meine HTML-Seite nach dem Import noch genauso aus?
Ja, Perspective behält Design, Layout und Texte so bei, wie sie sind. Geändert wird die Funnel-Logik hinter der Seite, zum Beispiel bekommt jedes Formular eine eigene Tracking-ID, oder ein Link, der eine Seite übersprungen hat, wird korrigiert. Der AI Chat sagt dir genau, welche dieser Änderungen gemacht wurden. Wenn danach noch etwas nicht stimmt, kannst du es selbst im Bearbeitungsmodus oder im Code-Modus korrigieren.
Wie komme ich zur früheren Version meiner HTML-Seite zurück?
Wie komme ich zur früheren Version meiner HTML-Seite zurück?
Öffne den Code-Modus und suche im Versionsverlauf auf der linken Seite die Version von kurz vor dem Import, dann stelle sie wieder her. Jede Version ist mit Datum, Uhrzeit und Herkunft aufgeführt, die Richtige ist also leicht zu finden.
Kann ich eine Seite importieren, die Claude oder ein anderes AI-Tool für mich gebaut hat?
Kann ich eine Seite importieren, die Claude oder ein anderes AI-Tool für mich gebaut hat?
Ja, und genau dafür ist der Import einer HTML-Datei gedacht. Deine Datei muss in sich geschlossen sein, das heißt, Styling und Skripte stehen in der Datei selbst und nicht in separaten CSS- oder JavaScript-Dateien. Perspective packt sie in die eigene Seitenstruktur und verbindet das Tracking, damit du sie also in Perspective hosten, veröffentlichen und messen kannst, ohne das Design zu verlieren, das das AI-Tool erstellt hat.
Fügt ein Import meinem Funnel eine Seite hinzu oder ersetzt er sie?
Fügt ein Import meinem Funnel eine Seite hinzu oder ersetzt er sie?
Eine hochgeladene Datei wird immer als kompletter Funnel behandelt. Ein Import in einen Funnel, den du gerade bearbeitest, ersetzt ihn also, statt eine Seite hinzuzufügen. Wenn du behalten möchtest, was du hattest, stelle danach über den Versionsverlauf die vorherige Version wieder her. Beim Import über Neuer Funnel entsteht ein eigener Funnel und deine bestehenden Funnels bleiben unangetastet.
Ist der Import einer HTML-Datei dasselbe, wie einen HTML-Block zu meinem Funnel hinzuzufügen?
Ist der Import einer HTML-Datei dasselbe, wie einen HTML-Block zu meinem Funnel hinzuzufügen?
Nein, das sind zwei verschiedene Dinge. Beim Import einer HTML-Datei wird eine ganze Seite zu einem Funnel im AI Funnel Editor. Ein HTML-Block setzt dagegen ein Stück eigenen Code in eine einzelne Seite eines klassischen Funnels ein.