Theme-Editor

Farben, Schriften, Buttons — eingestellt statt programmiert. Mit Vorschau daneben.

Ein Theme beschreibt, wie ein Funnel oder ein Formular aussieht: Farben, Schrift, Radien, Rahmen, Schatten, Breite, wie die Antworten liegen, welche Fortschrittsanzeige läuft. Es ist ein gespeicherter Datensatz und kein Sammelsurium von Häkchen. Deshalb können Sie es ausgeben, weitergeben und woanders wieder einlesen.

Dreizehn Themes sind mitgeliefert. Eigene kommen dazu.

Ablauf

So stellen Sie das Aussehen ein

  1. 01

    Mit einem fertigen Theme anfangen

    Die Auswahl zeigt jedes Theme als kleine Vorschau mit seinen echten Farben, Radien und der tatsächlichen Anordnung. Hell, dunkel, Liste, Raster, mit Symbolen, ohne. Sie wählen nach dem, was Sie sehen, nicht nach einem Namen.

  2. 02

    Farben und Form anpassen

    Hintergrund, Fläche, Text, gedämpfter Text, Akzent, Akzentschrift und Rahmen sind einzeln einstellbar. Dazu Eckenradius, getrennt für Karten und Knöpfe, Rahmenstärke, Schatten, Schrift. Die Vorschau daneben zieht sofort mit.

  3. 03

    Die Anordnung festlegen

    Antworten untereinander oder nebeneinander, Spaltenzahl frei wählbar, als Karte mit Fläche oder schlicht, Symbol oben, links oder gar keins, links- oder mittig ausgerichtet, mit eigener Mindesthöhe. Dazu die Breite des Inhaltsbereichs und die Innenabstände der Knöpfe.

  4. 04

    Als eigenes Theme sichern

    Das Ergebnis hängt am Funnel und lässt sich als Datei ausgeben. Wer für mehrere Kunden baut, hat nach ein paar Projekten ein Theme je Kunde und liest es beim nächsten Auftrag wieder ein.

In Betrieb

Theme-Editor

Zwei Formulare aus asksteps sehen nicht nach asksteps aus.

Farben, Schrift, Ecken, Rahmen, wie die Antworten liegen, ob eine Fortschrittsanzeige läuft, ob ein Bild im Hintergrund steht. Alles im Editor, mit der Vorschau daneben. Dreizehn Themes sind fertig dabei. Ihr eigenes speichern Sie ab und holen es beim nächsten Kunden wieder heraus.

  • Antworten untereinander oder als Kacheln, mit Symbol oder ohne
  • Fortschritt als Balken, Punkte, Segmente oder gar nicht
  • Eine Frage mit acht Antworten darf anders aussehen als der Rest
asksteps studio — theme-editor
EIN FUNNEL · DREI THEMES · DIESELBEN FRAGENBeratungBewerbungSonstigesWeiterHELL · LISTE · KARTEBeratungAngebotSupportPresseWEITERDUNKEL · RASTER · PUNKTEBeratungBewerbungSonstigesWeiterPAPIER · BOGEN · SEGMENTE Farben, Schrift, Radien, Anordnung, Fortschritt — eingestellt, nicht programmiert.

Formular-Builder

Formulare aus Zeilen, Spalten und Schritten.

Elemente aus der Palette in die Fläche ziehen, in Zeilen und Spalten anordnen, auf mehrere Schritte verteilen. Pflichtfelder werden je Schritt geprüft — wer etwas vergisst, erfährt es sofort und nicht erst nach dem Absenden.

  • Mehrstufig mit Fortschrittsanzeige und Zurück-Schaltfläche
  • Zeilen mit mehreren Spalten, Elemente per Drag-and-drop
  • Ganze Formulare als JSON exportieren und wieder einlesen
asksteps studio — formular-builder
ELEMENTETextAuswahlDatumDateiUnterschriftSeite 1Seite 2Seite 3VORNAMENACHNAME⠿ QUALIFIKATIONNACHWEIS HOCHLADENWeiter
Funktionen

Was Sie einstellen können

Sieben Farben statt einer

Viele Baukästen lassen genau eine Farbe zu, und man erkennt das Ergebnis sofort als eingefärbten Standard. Hier sind Hintergrund, Fläche, Text, gedämpfter Text, Akzent, Akzentschrift und Rahmen getrennt einstellbar. Erst damit entsteht eine Farbwelt.

Typografie auf vier Ebenen

Titel, Untertitel, Antworttext und Knopfbeschriftung haben je eigene Größe, Stärke und Farbe. Titel zusätzlich Laufweite und Ausrichtung, Knöpfe wahlweise Großbuchstaben.

Fortschritt in drei Formen

Balken, Punkte oder Segmente, oben oder unten. Oder aus, wenn „noch sieben Fragen" bei Ihnen eher abschreckt als hilft.

Hintergrundbild, abdunkelbar

Ein Foto als Hintergrund, in der Deckung regelbar, mitscrollend oder fest. Die Abdunklung ist ein eigener Regler, weil Text auf Fotos sonst unlesbar wird. Das steht nicht aus Prinzip da, sondern weil es sonst jedes Mal passiert.

Papier-Look für Formulare

Das Formular kann auf einem abgesetzten Bogen liegen statt auf freier Fläche. Bei einem Antrag, den man sonst auf Papier ausfüllt, trifft das die Erwartung besser.

Ausnahmen für einzelne Fragen

Eine Frage mit zwei Antworten braucht eine andere Anordnung als eine mit zehn. Die Vorgabe gilt für den ganzen Ablauf, die Ausnahme nur für diese eine Frage.

Häufige Fragen

Fragen zum Theme-Editor

Muss ich CSS können?

Nein. Der Editor besteht aus Farbwählern, Auswahlfeldern und Schiebereglern; die Vorschau daneben zeigt jede Änderung, während Sie sie machen. CSS brauchen Sie nur im freien HTML-Abschnitt, und auch dort nur für diesen einen Abschnitt.

Kann ich meine Hausschrift verwenden?

Ja, wenn sie bei Ihnen liegt oder als Datei eingebettet ist. Ein Verweis auf einen fremden Schriftserver wird entfernt. Genau dieser Abruf bei Dritten ist das, was ein datenschutzkonformes Formular vermeiden soll.

Gilt ein Theme für Funnel und Formular gleichermaßen?

Ja, es ist dasselbe Modell. Eine Einstellung gibt es nur im Formular: ob der Inhalt auf einem abgesetzten Bogen liegt. Im Funnel hätte das keine Entsprechung, weil dort jeweils eine Frage die Fläche einnimmt.

Was passiert mit bestehenden Funnels, wenn ich nichts ändere?

Nichts. Wer kein Theme gewählt hat, behält das klassische Erscheinungsbild, bis aufs Pixel wie vorher. Neu angelegte Funnels starten mit dem asksteps-Theme.

Kann ich ein Theme weitergeben?

Ja, als Datei. Damit können Sie ein abgestimmtes Erscheinungsbild an ein Kundenkonto übergeben oder in einer Agentur zwischen Projekten teilen.

Mehr zum Thema

Verwandte Seiten

Stellen Sie Ihr erstes Theme ein

Im kostenlosen Konto enthalten. Mehr als Ihre Farbwerte brauchen Sie nicht.

Jetzt Konto anlegen