Erstellen von kundespezifischen E-Mails

Bei dem Abschnitt Phishing-Mail kann das Absenderprofil ausgewählt werden, sowie der Betreff und der Angezeigte Link festgelegt werden. Dieser Link führt entweder zu der Landingpage oder zu den Einreichungsergebnissen. Dieser Abschnitt beinhaltet die E-Mail, die an die zugewiesenen Mitarbeiter versandt wird.

Des Weiteren kann ein Editor ausgewählt werden, mit dem die E-Mail erstellt wird.

Standard Editor:

Mit dem Standard-Editor können alle Bearbeitungen vorgenommen werden die standardmäßig auch bei einem E-Mailprogramm vorgenommen werden können. Der Standard-Editor ist ein einfacher Texteditor mit den gängigsten Textformatierungen und Möglichkeiten zum Einfügen von Grafiken, Links oder Platzhaltern.

Platzhalter

Um die E-Mail zu erstellen stehen Platzhalter zur Verfügung. Platzhalter erlauben es individuelle Daten in jede Mail einzusetzen.

Unter der Option Platzhalter können Sie zwischen verschiedenen Platzhaltern wählen.

Diese Platzhalter sind:

Link {{link}}: Jede E-Mail muss einen Platzhalter Link enthalten, dieser führt die Empfängerin oder den Empfänger zu der Landingpage. Falls die Landingpage deaktiviert ist, führt der Link direkt zu der Seite mit den Einreichungsergebnissen.

Voller Name {{employeeFullName}}: Dieser Platzhalter fügt den vollen Namen der Empfängerin oder des Empfängers in die Mail ein. Er eignet sich für eine direkte Anrede, um die E-Mail noch glaubwürdiger zu machen.

Vorname {{employeeFirstName}}: Mit dieser Option können Sie den Vornamen der Empfängerin oder des Empfängers einfügen.

Nachname {{employeeLastName}}: Mit dieser Option können Sie den Nachnamen des der Empfängerin oder des Empfängers einfügen.

Aktuelles Datum {{currentDate}}: Mit diesem Platzhalter können Sie das aktuelle Datum, an welchem die Mail an ihre Mitarbeiterin oder ihren Mitarbeiter ausgesendet wird, einfügen

Erweiterter Editor:

Scrollen Sie zu der Section Phishing-Mail und wählen Sie den erweiterten Editor aus.

Der erweiterte Editor orientiert sich an der Gestaltung von CSS (Cascading Style Sheets), wie sie bei Webseiten zum Einsatz kommen. Vorkenntnisse in CSS sind keinesfalls erforderlich, aber hilfreich.

Sie können die Inhalte für Desktop, Tablet oder Smartphones anzeigen lassen. Es gibt eine Vielzahl von Blockelementen mit Einbindungen für Videos, Bildern und Links. Jedes Element kann einzeln dekoriert werden.

Falls Sie HTML- und CSS-Vorkenntnisse haben, werden Ihnen die verschiedenen Dekorationen und Anordnungsmöglichkeiten von Blöcken bekannt vorkommen. Sie können auch direkt HTML- und CSS-Codes über den Editor einfügen und so ein Kurs wie eine Webseite gestalten.

Es folgt eine kurze Übersicht über die vielen Möglichkeiten, die Ihnen der erweiterte Editor bietet, sowie einige konkrete Beispiele, wie er verwendet werden kann.

Der Editor funktioniert am besten über den Vollbildmodus. Er lässt sich im Menü aktivieren und heißt Vollbild.

Links oben finden Sie drei Symbole für die Darstellung der Inhalte auf dem Desktop, einem Tablet oder einem Smartphone. So können Sie Ihre Kurse auf die Endgeräte optimieren, die Ihre Mitarbeitenden am häufigsten verwenden.

Rechts oben finden Sie die Symbolleiste mit folgenden Punkten:

**Komponente anzeigen **

Im Editor gibt es einzelne Komponenten auf dem Canvas (der Leinwand), das können Textblöcke, Bilder oder Knöpfe sein. Über ‚Komponente anzeigen’ können Sie einzelne davon ein- und ausblenden. Zu Beginn gibt es immer eine Body-Komponente.

**Vollbild **

Mit diesem Button wechseln Sie in den Vollbildmodus, der die Arbeit im Editor erleichtert.

**Code anzeigen **

Hier können Sie den HTML- und CSS-Code der E-Mail direkt anzeigen.

**Importieren **

Mit diesem Button können Sie vorgefertigten HTML- und CSS-Code importieren. Es öffnet sich ein Feld zur Eingabe. Fügen Sie Ihren Code hier ein und bestätigen Sie mit ‚Import'.

Toggle Image

Mit einem Klick auf diesen Button können Sie alle Bilder ausblenden.

Stil Manager

Damit können Sie eine Komponente dekorieren. Unter den Dekorationen gibt es die Möglichkeit, die Ausrichtung eines Blocks festzulegen, Abstände und ein eigenes Layout einzustellen, sowie Schriftart, -größe, -stärke und -farbe festzulegen. Sofern Sie mit CSS vertraut sind, können Sie einer Komponente auch eine Klasse zuweisen, die wiederum eigene Dekorationen haben kann. Wenn Sie dieser Klasse weitere Komponenten zuweisen, werden diese Dekorationen automatisch übernommen.

Komponenteneinstellungen

Hier können Sie einer Komponente eine eigene ID und einen Titel geben. Je nach Block können Sie noch weitere Einstellungen vornehmen.

Hinweis: Die ID im Erweiterten Editor bezieht sich nicht auf die Kurs-ID, sondern auf den HTML-Tag. Wir empfehlen diese Option nur zu verwenden, wenn Sie bereits Erfahrung in HTML haben.

Layermanager

Komponenten werden in einzelnen Schichten über- bzw. untereinandergelegt. Hier können Sie einzelne Schichten anzeigen. Der Layermanager ist vor allem dann hilfreich, wenn Sie ein Element nicht in der Vorschau auswählen können. Klicken Sie auf das Element im Layermanager, wird es auch ausgewählt.

Block öffnen

Hier können Sie vorgefertigte Blöcke auswählen.

Sections sind Tabellen, die Sie verwenden können, um Inhalte nebeneinander zu stellen. Eine Section besteht aus dem Tabellen-Inhalt, welcher eine Zeile und ein oder mehreren Zellen beinhaltet.

Es ist empfehlenswert, zuerst eine Section einzufügen und erst anschließend Texte, Bilder und Links in die Zellen zu ziehen.

Unter den Blöcken finden Sie auch dieselben Platzhalter, die dem Standard-Editor zur Verfügung stehen. Auch mit dem Erweiterten Editor muss ein Platzhalter-Link eingefügt werden.