Modul: Call to Action (CTA)

Das Modul "Call to Action" ist eine Handlungsaufforderung an den Seitenbesucher. Er soll, wie der Name schon sagt, zu einer sofortigen Aktion aufrufen.

Der CTA ist eine Sektion, die mit Hilfe eines großen Bildes die Aufmerksamkeit der Nutzer auf sich lenkt und per Button dann eine gezielte Aktion, wie "Anfrage senden" oder "Jetzt Kontakt aufnehmen" auslösen soll.

Hintergrund (hier als Berge dargestellt)

Machbar	Nicht machbar
Bild oder Video darstellbar Vimeo-Videos Overlay mit Farbe oder Farbverlauf, Transparenz einstellbar Kann 100% breit sein oder in einem Container sein Contentbox kann komplett weggelassen werden	Youtube-Videos Farbverlauf radial (als Kreis)

Text / Contentbox (hier als weißer Kasten dargestellt)

Machbar	Nicht machbar
Hintergrund mit Farbe oder Farbverlauf, Transparenz einstellbar Kein Fullsize möglich (weiße Box hat immer die gleiche Breite. Die Höhe passt sich dem Content an) 9 Positionen (oben links, oben mitte, oben rechts, links mittig, etc.)	Farbverlauf radial (als Kreis) Foto als Hintergrund

Ausrichtungen:

Wenn man den CTA anklickt, kann man einige Einstellungen im machen, z. B. die Ausrichtungen der Content Box.

Top left - Oben links
Top center - Oben Mitte
Top right - Oben rechts
Center left - Mitte links
Center center - Mitte Mitte
Center right - Mitte rechts
Bottom left - Unten links
Bottom center - Unten Mitte
Bottom right - Unten rechts

Varianten:

Variante 1:

CTA in voller Breite, mit Content-Box links, Heading, Text und Button

Variante 2:

CTA in voller Breite, mit Content-Box links, Content-Box mit Hintergrundfarbe, Heading, Text und Button

Variante 3:

CTA in weiter Breite, mit Content-Box zentriert, Content-Box , Heading, Text und Button

Variante 4:

CTA in weiter Breite, ohne Content-Box zentriert, Heading, Text und Button

Kombinationsmöglichkeiten:

Wie für alle Module gibt es auch hier Kombinationsmöglichkeiten, mit anderen Modulen.

Beispiel 1:

Accordion-Modul links

CTA-Modul rechts