Modulliste und Beispiele

Spitzmarke

Überschrift Standard

Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg.

Spitzmarke

Überschrift überlappt Medium

Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg.

Spitzmarke

Überschrift Darstellung No-Line

Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg.

Spitzmarke

Überschrift Ausrichtung zentriert

Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg Einstieg.

Bühnen

Ausrichtung: Standard linksbündig, zentriert

Effekte: Standard, Überschrift überlappt Medium

Darstellung: Standard (mit Linien), No-Line

 

Bild

1 Bild in beliebigem Format kann hochgeladen werden (Bildgröße < 3 MB)

Bildunterschrift kann ein- oder ausgeblendet werden

Bild kann verlinkt werden

Modulübersicht und -eigenschaften

Modularten

Abschnitt
Akkordeon
Ansprechpartner
Bühne
Bildergalerie

Presse-Download
Presse-Download Modal

Social Post
Steckbrief
Teaser
Teilen
Zitate

Formular

Die Module auf dieser Seite sind nach Häufigkeit ihrer Verwendung sortiert.

 

Moduleinstellungen

Die meisten Module kommen in unterschiedlichen Ausführungen. Für jede Ausführung ist ein Beispiel aufgeführt.

Eigenschaften, die in jedem Modul angepasst werden können, sind:

Hintergrundfarben: Standard weiß, hellblau, hellgelb, hellgrau

Textfarbe: Standard schwarz, blau

 

Texteinstellungen

Spitzmarke in Versalien

Absatz in Standardgröße

Einstieg vergrößert

 

Überschrift h1

Überschrift h2

Überschrift h3

 

Button primär

→ Text mit Hyperlink versehen, dann "Button" auswählen

Button sekundär

→ Text mit Hyperlink versehen, dann "Button sekundär" auswählen

 

Umrandung
einzelner Absatz mit gleicher Formatierung.

→ Text im Textfeld einfügen. Anschließend für den Absatz "Umrandung" auswählen.

 

 

Zitat

Zitat-Person

 

interner Link

externer Link

 

  1. Aufzählung 1
  2. Aufzählung 2
  3. Aufzählung 3

 

  • Bulletpoint 1
  • Bulletpoint 2
  • Bulletpoint 3

Teilen

Was im Textfeld "Titel" eingefügt wird, erscheint in der Betreffzeile der E-Mail.

Was im Textfeld "Beschreibung" eingefügt wird, erscheint als Standardtext auf allen angegebenen Plattformen.

Teilen

Teilen

Teilen

Teilen

Steckbrief

Elemente im Steckbriefmodul erscheinen in der Desktopversion zweispaltig nebeneinander, mobil untereinander.

Im Feld "Zahl" kann auch Text eingefügt werden. Die Größe ist anpassbar:
Standard groß (Element 1), klein (Element 2)

Die Größe des Texts im "Text"-Feld ist anpassbar:
Standard (Element 1), riesig (Element 2)

 

Ein Bild kann neben dem Text hochgeladen werden (Element 4).

Wird ein Haken bei "Logo" gesetzt, wird das Steckbrief-Element von dem Bild ersetzt. Kein weiterer Text kann eingefügt werden (Element 3).

Element 1

Zahl Größe: Standard

Textgröße: Standard

Element 2

Zahl Größe: klein

Textgröße: riesig

Element 4

Zahl oder Text

Darstellung mit Text und Bild

Abschnitt

Das Abschnittsmodul bietet alle Möglichkeiten der Textformatierung. Zudem kann es als Galerie für bis zu drei Bilder genutzt werden. Die Formatierungsmöglichkeiten bleiben dabei alle verfügbar.

 

Bilder

Es können bis zu drei Bilder (< 3 MB) in einem Abschnittsmodul hochgeladen werden. Je nach Anzahl und Format der Bilder verändert sich die Darstellung des Moduls.

Bildunterschriften können pro Bild ein- oder ausgeblendet werden.

 

Angepasst werden können zudem:

Ausirchtung Horizontal (generell): Standard, zentriert → Textanordnung neben Bildern
Ausrichtung Vertikal (Text): Standard linksbündig, mittig (d.h. zentriert)

 

Abschnitt mit 1 Bild, Ausrichtung Horizontal (Generell): Standard

Überschrift h1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean faucibus urna sem, viverra efficitur nibh eleifend nec. Fusce ultricies augue at magna convallis mollis.

Abschnitt mit 1 Bild, Ausrichtung Horizontal (Generell): zentriert

Abschnitt mit 2 Bildern, Ausrichtung Horizontal (Generell): Standard

Überschrift h2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean faucibus urna sem, viverra efficitur nibh eleifend nec. Fusce ultricies augue at magna convallis mollis.

Donec sed sodales massa, pulvinar sodales nibh. Praesent molestie iaculis diam, eu interdum odio volutpat vel. Aenean blandit ultrices lacus, id vestibulum metus accumsan sed. Proin sed risus ipsum. Donec id tincidunt lorem.

Abschnitt mit 3 Bildern, Ausrichtung Horizontal (Generell): Standard

Überschrift h1

Donec sed sodales massa, pulvinar sodales nibh. Praesent molestie iaculis diam, eu interdum odio volutpat vel. Aenean blandit ultrices lacus, id vestibulum metus accumsan sed. Proin sed risus ipsum. Donec id tincidunt lorem.

Darstellung als Teaser

Überschrift

Button mit CTA

Überschrift

Weiterleitungslink

Teaser

Darstellung:

1 Spalte

2 Spalten

3 Spalten

6 Spalten

Slider (groß)

Slider klein

Filter: ohne oder mit

 

Die Ansicht verändert sich je nach Anzahl der Teaserelemente. In einer Liste kann ein Teaser auf "halbe Breite" gesetzt werden, um es hervorzuheben.

Teasermodule können auch zur Spaltendarstellung von Texten verwendet werden.

1 Spalte

1 Spalte, mit Highlight

2 Spalten

6 Spalten

Slider

Slider (klein)

Nur Text

Spitzmarke

Überschrift

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Spitzmarke

Überschrift

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Akkordeon

Überschrift und Beschreibung sowie die einzelnen Elemente innerhalb des Akkordeonmoduls bieten alle Möglichkeiten der Textformatierung.

Innerhalb der Akkordeon-Elemente können keine Bilder eingefügt werden.

Überschrift Element 1

Texteinstellungen

analog Abschnittsmodul

Spitzmarke

Absatz

Einstieg

Überschrift h1

Überschrift h2

Überschrift h3

 

Button primär

Button sekundär

 

Umrandung einzelner Absatz

 

 

Zitat

Zitat-Person

 

interner Link

externer Link

 

  1. Aufzählung 1
  2. Aufzählung 2
  3. Aufzählung 3
  • Bulletpoint 1
  • Bulletpoint 2
  • Bulletpoint 3

Überschrift Element 2

Texteinstellungen

analog Abschnittsmodul: Spitzmarke, Absatz, Einstieg, Überschrift h1, Überschrift h2, Überschrift h3, Button primär, Button sekundär, Umrandung einzelner Absatz, Umrandung
mehrere Absätze mit separater Formatierung, Zitat, Zitat-Person

Überschrift Element 3

Texteinstellungen

analog Abschnittsmodul: Spitzmarke, Absatz, Einstieg, Überschrift h1, Überschrift h2, Überschrift h3, Button primär, Button sekundär, Umrandung einzelner Absatz, Umrandung mehrere Absätze mit separater Formatierung, Zitat, Zitat-Person

Überschrift Element 4

Texteinstellungen

analog Abschnittsmodul: Spitzmarke, Absatz, Einstieg, Überschrift h1, Überschrift h2, Überschrift h3, Button primär, Button sekundär, Umrandung einzelner Absatz, Umrandung mehrere Absätze mit separater Formatierung, Zitat, Zitat-Person

Bildergalerie

Überschrift und Beschreibung der Galerie bieten alle Möglichkeiten der Textformatierung.

Darstellung: Liste oder Slider

Bildergalerien können per Bulk-Upload im Backend hochgeladen werden. Anschließend kann die Reihenfolge angepasst werden.

Darstellung als Slider

[Text]

Social-Posts

Modul zur Einbettung von Online-Beiträgen.

Medientyp auswählen, Einbettungslink des gewünschten Beitrags kopieren, unter "Einbettungslink" einfügen, speichern.

Die Beiträge des "Social Post"-Moduls erscheinen nur, wenn den Cookies der entsprechenden Plattform zugestimmt wurde. Andernfalls erscheint ein Platzhalter mit erneuter Cookie-Abfrage.

Zitat

Darstellung: Standard, groß

mit oder ohne Bild

»Text Zitat, Schriftgröße h1.
Darstellung ohne Bild, klein.«
Zitierter Institution
»Text Zitat, Schriftgröße h2.
Darstellung mit Bild, klein.«
Zitierter Institution
»Text Zitat, Schriftgröße h1. Darstellung mit Bild, groß.« Zitierter Institution
»Text Zitat, Schriftgröße h1. Darstellung ohne Bild, groß.« Zitierter Institution

Ansprechpartner

Darstellung: mit oder ohne Bild möglich

Formular

Elemttyp "Formular" auswählen.

gewünschte Überschrift einfügen

ID des gewünschten Formulars auswählen

Der Inhalt von Formularen kann nur von Admins angepasst werden.

Kontaktformular ID 1

Bitte addieren Sie 6 und 7.

Download

Im Backend muss im Ordner sowohl das Modul "Download-Modal" als auch das Modul "Download" angelegt werden.

Im Modul "Download-Modal" die gewünschte Content-ID einfügen.

Im Modul "Download"  Vorschaubilder auswählen und anordnen. Unter dem Downloadlink eine .zip-Datei aus der Dateiverwaltung hinterlegen.

Die Eigenschaften des Moduls werden sowohl auf den Download der Vorschaubilder als auch der .zip-Datei angewendet. Ein Button muss nicht separat eingefügt werden, er erscheint automatisch mit der Aufschrift "Download".

Spitzmarke

Überschrift

[Text]

Unter "Download-Datei" .zip-Datei hinterlegen. Vorschaubilder auswählen.

Spitzmarke

Überschrift

[Text]

Unter "Download-Datei" .zip-Datei hinterlegen. Vorschaubilder auswählen.