Design: Farben, Schrift und Desktop

Aussehen festlegen, Desktop-Darstellung wählen und mit dem Pro-Modus feiner gestalten.

Grundlagen

Im Tab „Design“ wählst du Farben, Schrift, Ecken (eckig bis rund), Logo, Favicon und ob oben ein Fortschrittsbalken erscheint (einen frei platzierbaren Fortschritt mit eigenen Einstellungen gibt es als Block „Fortschritt“). Eine Änderung wirkt sofort auf alle Buttons und Texte im Funnel.

Auf dem Desktop

Funnelift ist für das Handy gebaut. Auf großen Bildschirmen wählst du unter „Desktop“ zwischen „Karte“ (wie auf dem Handy, mittig), „Breit“ und „Geteilt“ (Bild oder Farbfläche neben dem Funnel).

Bei „Karte“ nutzt der Funnel am Desktop die Breite des Bildschirms: Die Karte ist bis zu 1120 px breit, Überschriften und Texte sind größer, Bilder und Videos stehen groß in einer breiten Spalte in der Mitte. Eingabefelder, Auswahl-Listen und Buttons bleiben in einer schmaleren Spalte, damit sie gut zu bedienen sind. Bei älteren Funnels war die Karte am Desktop so schmal wie auf dem Handy. Sie bekommen die breite Darstellung über „Design-Update verfügbar“ im Editor.

Pro-Modus

Mit dem Schalter „Pro-Modus“ im Tab „Design“ bekommst du mehr Einstellungen: Größen und Abstände für Buttons, Schrift, Karte, Auswahl-Optionen, Eingabefelder und mehr. Im Tab „Block“ erscheint der Bereich „Gestaltung“ für einzelne Blöcke (Abstände, Hintergrund, Rahmen, Schatten). Mit „Nur Desktop“ legst du dort fest, wie der Block auf großen Bildschirmen abweichend aussieht. Gestaltungen lassen sich als Stil-Vorlage speichern und auf andere Blöcke übertragen.

Der Pro-Modus gehört zu den Plänen Pro und Agentur, siehe „Pläne und Preise“. Im Plan Starter kannst du ihn ausprobieren, einen Funnel mit Pro-Einstellungen aber erst nach einem Wechsel des Plans veröffentlichen.

Design-Update

Wenn wir die Darstellung verbessern, ändert sich dein veröffentlichter Funnel nicht von selbst. Der Editor zeigt dann „Design-Update verfügbar“. Du kannst dir das Update ansehen und übernehmen, wenn es dir gefällt.

Zum Beispiel füllt ein Funnel nach dem Update auf dem Handy die ganze Bildschirmbreite: Der graue Hintergrund und der Rand um die weiße Karte entfallen, damit bleibt mehr Platz für deine Inhalte. Neue Funnels haben das von Anfang an. Hast du für eine Seite im Pro-Modus einen eigenen Hintergrund eingestellt, bleibt dort die Karte mit Rand, damit der Hintergrund zu sehen ist.

Tipp: Wer sich mit CSS auskennt, kann im Pro-Modus eigenes CSS und eigene Klassen je Block eintragen.