CBK-017 Call-to-action

Wann wird die Komponente verwendet?

Ü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.

Dialogfelder

Konfiguration Properties

Text

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

Link

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

Icon

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

Icon Beispiele

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.

Primary button mit Icon: search

Secondary button mit Icon: download

Konfiguration Styles

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'