Erstellen von kundespezifischen Landingpages
Die Landingpage ist eine falsche Webseite, die möglichst echt wirken soll und die NutzerInnen dazu verleiten soll Zugangsdaten oder andere sensible Informationen einzugeben. Sollten NutzerInnen hier Zugangsdaten eingeben, wird dies in der Eingaberate registriert. Danach gelangen Sie zur Seite mit den Einreichungsergebnissen. Auch hier kann wieder zwischen dem Standard-Editor und dem Erweiterten Editor entschieden werden.
Wenn der User auf die Landingpage klickt bzw. über den Link hovert, enthält der Link die Domain Ihres LMS. Ein Beispiel dafür wäre:
Standard-Editor:
Scrollen Sie zu der Section Landingpage und wählen Sie den Standard-Editor aus.
In dieser Section bietet der Standard-Editor die zusätzliche Funktion an Formular-Templates einzufügen oder ein neues Template zu erstellen. Jede Landingpage sollte ein Formular enthalten.
Eingabeformulare einfügen:
Klicken Sie in der oberen Leiste auf die Option Forms. Es öffnet sich ein Drop-Down Menü. Hier können Sie mit einem Klick ein Formular-Template auswählen. Ein Pop-Up mit der Vorschau des Templates erscheint. Klicken Sie auf den Button Form einfügen um die Vorlage für Ihre Landingpage zu nutzen.
Eingabeformulare bearbeiten:
Möchten Sie ein bestehendes Template bearbeiten, klicken Sie auf die Vorlage. Es öffnet sich ein Pop-Up mit einer Vorschau des Formulars.
Klicken Sie auf das Stift-Symbol, um den Namen der Vorlage zu ändern.
Wenn Sie auf den Button HTML Code editieren klicken können Sie die bestehende Vorlage anpassen.
Sie können eine Vorlage auch duplizieren und unter einem neuen Namen speichern. Klicken Sie dafür auf den Button Form duplizieren
Mit einem Klick auf den Papierkorb löschen Sie die Vorlage.
Formular-Templates erstellen:
Sie können auch eine neue Vorlage hinzufügen, indem Sie auf die Option Neue Form hinzufügen... klicken.
Daraufhin öffnet sich ein Pop-up. Hier können Sie den Namen der Vorlage und den HTML-Code inklusive CSS einfügen. Darunter befindet sich auch eine Vorschau des eingefügten Formulars.
Beachten Sie dabei, dass Ihr Formular Form-Tag folgendermaßen aussieht, damit die Eingaberate gezählt wird:
<form method="post" action=""><form>
Der Button muss vom Typ “Submit” sein, der Tag dafür sieht folgendermaßen aus:
<button type="submit"></button>`
Nachdem Sie ihren Code eingegeben haben können Sie auf den Button Speichern & einfügen klicken.
Erweiterter Editor:
Scrollen Sie zu der Section Landingpage und wählen Sie den erweiterten Editor aus.
In dieser Section bietet der Editor zusätzlich Funktionen für das Erstellen einer Landingpage an.
In der Symbolleiste finden Sie folgende zusätzliche Funktionen:
Vorschau
Mit diesem Button wechseln Sie in eine Vorschau, die Ihnen anzeigt, wie die von Ihnen gestaltete Komponente aussieht.
Rückgängig / Wiederherstellen
Hiermit machen Sie eine Aktion rückgängig oder stellen diese wieder her. Diese Buttons stehen zusätzlich zu den Shortcuts STRG+Z und STRG+Y zur Verfügung.
Löschen
Damit löschen Sie den Canvas. Es werden alle Komponenten entfernt. Wählen Sie diese Option also nur, wenn Sie sich ganz sicher sind, dass Sie das GESAMTE Unterkapitel löschen möchten.
Block öffnen
In dieser Section bietet der erweiterte Editor auch eine größere Auswahl an Blöcken an.
Columns sind Spalten, die Sie verwenden können, um Inhalte nebeneinander zu stellen. Eine Column besteht aus einer Row und ein oder mehreren Cells.
Es ist empfehlenswert, zuerst eine Column einzufügen und erst anschließend Texte, Bilder, Videos und Formulare in die Cells zu ziehen.
Unter Forms finden Sie Blöcke zur Erstellung von Formularen.
Wenn Sie Ihr eigenes HTML und CSS einfügen möchten sollten Sie dabei beachten, dass Ihr Formular Form-Tag folgendermaßen aussieht, damit die Eingaberate gezählt wird:
<form method="post" action=""></form>
Der Button muss vom Typ “Submit” sein, der Tag dafür sieht folgendermaßen aus:
<button type="submit"></button>