Designer

Im Designer kannst du den Leadgenerator umfangreich personalisieren und branden.

Allgemeines - Die ersten Schritte

Mit dem Designer erstellst du in erster Linie Design-Templates (Vorlagen). Verwendest du das erste Mal den Designer, so musst du zunächst ein neues Template anlegen. Dies kannst du ganz einfach über den Plus-Button oben rechts. Hast du nun dein Design-Template soweit fertig, musst du dieses im letzten Schritt nur noch deinem Form zuweisen. Gehe also auf "Meine Forms" und leg unter "Aktuelles Design" dein vorher erstelltes Template an.

Global Design

Design-Einstellungen Global

Hintergrund personalisieren

Personalisiere den Hintergrund deines Anfrageformulares und passe es an deiner Corporate Identity an. Über die Farb-Icons hast du die Möglichkeit die Hintergrundfarbe, Titelfarbe, sowie die Farbe des Beschreibungstextes zu bestimmen. Du möchtest einen Rand? Lege erst die Dicke des Randes fest und anschließend die Randfarbe. Über den Radius kann festgelegt werden, ob der Hintergrund runde Ecken haben soll oder nicht.

CSS Schatten Personalisieren

Es besteht die Möglichkeit, den allgemeinen Schatten des Hintergrundes zu personalisieren, aber auch den Schatten der einzelnen Icons.

Gebe für den Schatten Werte in folgender Form ein: "10px 10px 15px black" oder "10px 10px 10px 10px black". Auch Eingaben wie diese "0 0.125em 0.313em rgba(50,50,93,.09)" werden erkannt.

Beispiel Schatten für den Hintergrund

Die gleichen Schatten kannst du auch für die Icons verwenden.

Hintergrundschatten: "0 0.125em 0.313em rgba(50,50,93,.09)"
Hintergrundschatten: "0 2px 6px #0000000A"
Hintergrundschatten: "0 5px 5px silver"

Icon Card Design

Design-Einstellungen für die Icon-Card

Farbe/ Hintergrundfarbe/ Schriftfarbe Lege über das Farb-Icon deine individuelle Icon-Farbe fest. Darunter kann die Schriftfarbe der Icon-Boxen festgelegt werden. Die Hintergrundfarbe wird über die dritte Fläche festgelegt.

Schatten Festlegung wie weiter oben gezeigt (Bitte hochscrollen).

Rand Lege hier einen Rand für die Icon-Boxen fest. Dieser hat aktuell nur die Voreinstellung mit der Farbe Schwarz.

Größe der Icons Lege ganz einfach fest, wie groß deine Icons seinen sollen.

Radius - Rundung Hier kannst du festlegen, ob deine Icon-Boxen runde Ecken haben sollen oder nicht.

Text Card Desgin

Design-Einstellungen Textfeld

Farben Mit der Hintergrundfarbe legst du den Hintergrund des Textfeldes fest. Über die Hoverfarbe legst du fest, welche Farbe das Textfeld annehmen soll, wenn man mit der Maus über dieses drüber geht. Wird ein Text eingegeben und das Textfeld aktiv, so erscheint die Focusfarbe. Die Standardfarbe legst du über den Reiter "Farbe fest".

Variante und Layout Lege über die ersten beiden Felder das spezifische Design fest, um dieses anschließend farblich anpassen zu können.