CBK-017 Call-to-action

Über einen Call-to-Action (kurz CTA) wird der User der Webseite zu einer bestimmten Handlung aufgefordert. Das Ziel der CTA ist, dass der User mit der Website interagiert und beispielsweise weitergeleitet wird auf eine bestimmte Zielseite, ein Formular abschickt, eine E-Mail versendet, oder ähnliches.

• Schrift auf dem CTA, max. 20 Zeichen
• Schrift auf dem Button wächst proportional zu seiner Länge

• Interner Link: Auswahl immer über das Dialogfeld
• Externer Link: https verwenden und Checkbox ‘Open link in new tab’ anhaken

Open link in new tab:

• Optional, für externe Links verpflichtend

• Kurzbegriff eintragen, der das Icon generiert. Die Namensliste liegt diese Liste zugrunde: https://fonts.google.com/icons 

Auf der Google Fonts Seite auf das gewünschte Icon klicken. Es öffnet sich eine rechte Sidebar, in der unten 'Icon name' steht. Dieser Icon Name kann 1:1 kopiert werden in das Buttonfeld Icon dieser Komponente. In der Editier-Ansicht erscheint dann bereits das korrekte Icon.

• None: Der CTA erscheint vollflächig gefüllt mit einer Farbe
• Secondary: Der CTA besitzt nur eine Farbkontur ohne vollflächige Füllung
• Standardeinstellung beim Einfügen der Komponente ist 'None'