FunnelizerIm Builder baust du deinen Funnel. Hier siehst du, wie er aufgebaut ist und wo was liegt.
Kopfzeile: Aufbau, Logik, Design
Oben in der Mitte steht ein Umschalter mit drei Ansichten.
- Aufbau. Schritte, Bausteine und Texte. Hier arbeitest du am meisten.
- Logik. Öffnet das Diagramm mit allen Wegen durch den Funnel. Dort verbindest du Antworten mit den Schritten, zu denen sie führen.
- Design. Farben, Schriften, Rundungen und das Logo. Es gilt für den ganzen Funnel.
Ganz rechts liegen Rückgängig und Wiederholen, die Suche (Strg und K), ein Knopf für die Vorschau in einem neuen Tab und Veröffentlichen. Der Speicher-Status steht dazwischen.
Die schmale Leiste ganz links
Am linken Rand steht eine schmale Leiste mit Symbolen. Sie führt zu allem, was nicht ständig sichtbar sein muss:
- Schritte zeigt den Schritte-Baum (siehe unten).
- Block hinzufügen öffnet die Auswahl der Bausteine.
- Design wechselt in den Design-Bereich.
- Einstellungen öffnet Adresse, Bestätigungsmail, Zugänge und alles Weitere. Dieses Symbol erscheint nur bei einem Admin-Zugang. Was ein Feld dort tut, steht im Fragezeichen neben seiner Beschriftung: ein Klick öffnet die Erklärung, oft mit einem Link in den passenden Hilfe-Artikel, Escape schließt sie.
- Hilfe öffnet diese Anleitung.
Zuunterst schaltest du die beiden Seitenspalten ein und aus, wenn du mehr Platz für die Vorschau brauchst.
Der Schritte-Baum
Neben der Symbolleiste liegt der Schritte-Baum: alle Schritte des Funnels untereinander. Du kannst sie ziehen, umbenennen, duplizieren und löschen. Der ausgewählte Schritt klappt auf und zeigt seine Bausteine als Baum darunter. Ein Klick auf einen Eintrag wählt den Baustein in der Vorschau aus, so findest du auch, was hinter einem hohen Bild oder in einem Abschnitt liegt.
Im Bereich Design steht an dieser Stelle stattdessen das Design-Panel.
In der Mitte liegt die Vorschau in einem Geräterahmen. Was du dort siehst, ist das, was der Besucher später bekommt. Ein Klick wählt einen Baustein aus, Überschriften und Texte tippst du direkt in der Vorschau.
Rechts stehen die Eigenschaften des gewählten Bausteins, aufgeteilt in Inhalt und Design. Ist nichts ausgewählt, stehen dort die Eigenschaften des Schritts.
Gespeichert wird von selbst
Zwei Sekunden nach deiner letzten Änderung speichert der Builder automatisch. Du musst nichts drücken. Rechts in der Kopfzeile steht dabei immer, woran du bist:
- Änderungen offen. Es liegt etwas an, das gleich geschrieben wird.
- Speichert. Gerade läuft es.
- Gespeichert. Alles ist geschrieben.
- Nicht gespeichert. Etwas ist schiefgegangen. Der Text daneben nennt den Grund.
Der Knopf Veröffentlichen speichert sofort, ohne die zwei Sekunden abzuwarten. Einen getrennten Entwurfsstand gibt es nicht.
Rückgängig machen
Strg und Z nimmt den letzten Schritt zurück, Strg und Shift und Z stellt ihn wieder her. Der Builder merkt sich bis zu 60 Schritte.
Eine Ausnahme gibt es. Solange dein Cursor in einem Textfeld oder in einem Text in der Vorschau steht, gehört Strg und Z diesem Feld und nimmt dort deine Tippschritte zurück. Klicke erst daneben, wenn du eine Bausteinänderung rückgängig machen willst.
Mobil und Desktop ansehen
In der Kopfzeile stehen zwei kleine Umschalter. Der eine wechselt zwischen Smartphone und Desktop, der andere zwischen Einpassen und Originalgröße.
Der Smartphone-Rahmen hat echte Massen. Was dort unter der Kante liegt, liegt auch auf dem Gerät unter der Kante. Weil die meisten Besucher mit dem Telefon kommen, lohnt sich ein Blick in beide Ansichten.
Arbeitest du selbst auf einem schmalen Bildschirm, fallen die beiden Umschalter weg. Stattdessen erscheinen am unteren Rand drei Register: Aufbau, Vorschau und Eigenschaften.