Durch die Konfiguration der Kursabrechnung und Zahlung auf einer von MaviBot betriebenen Mini-Landingpage können Sie den Kaufprozess für Ihre Kunden erheblich vereinfachen und die Verwaltung von Finanztransaktionen optimieren.
Die Erstellung eines einfachen und intuitiven Zahlungsprozesses ermöglicht es Ihnen, Ihre Kurse anzubieten, ohne sich um die technische Integration eines Zahlungsformulars in Ihre Landingpage kümmern zu müssen.
In diesem Artikel erfahren Sie, wie Sie schnell und einfach die Kursabrechnung und Zahlung auf Ihrer Website einrichten, ohne unnötige Komplikationen.
Bitte beachten Sie!
Bevor Sie ein Kursanmeldeformular zu Ihrer Seite hinzufügen, stellen Sie sicher, dass Sie zuerst Ihren Preisplan eingerichtet haben.
Wie Sie Preispläne für Online-Kurse konfigurieren, haben wir in einem separaten Artikel behandelt. link
So erstellen Sie eine Website für den Kurs
Bevor Sie beginnen, bereiten Sie Ihre Website vor, indem Sie zum entsprechenden Bereich navigieren:
Klicken Sie dann auf „+Erstellen“:
Wählen Sie Ihren Website-Typ: „Mehrseitige Website“, „Landingpage“ oder „Formular“:
Die detaillierte Anleitung zum Erstellen einer Website aus Abschnitten mit dem Builder finden Sie im Bereich „Business-Websites“. link
Wenn Sie bereits eine Website auf der MaviBot-Plattform erstellt haben, gehen Sie zur Bearbeitung der Website-Abschnitte, indem Sie auf die Website-Karte klicken:
Mehrseitige Website
Beim Erstellen einer mehrseitigen Website werden automatisch mehrere Seiten des folgenden Typs erstellt:
- Startseite;
- Unser Team;
- Über uns.
Eine Kopf- und Fußzeile werden automatisch generiert, in denen Sie wichtige Informationen über Ihr Unternehmen hinzufügen können. Sowohl die Kopf- als auch die Fußzeile erscheinen auf jeder Seite der Website, sodass Sie dieselben Blöcke nicht auf jeder einzelnen Seite erstellen müssen.
Um in den Bearbeitungsmodus für eine beliebige Seite der Website zu gelangen, klicken Sie auf die Zeile der gewünschten Seite.
Sie können auch zusätzliche Seiten für die Website erstellen. Klicken Sie dazu auf die gleichnamige Schaltfläche und wählen Sie dann eine Seitenvorlage, ein Formular aus oder laden Sie eine Seite aus einer Datei hoch:
Das Hochladen einer Seite aus einer Datei ermöglicht es Ihnen, Website-Seiten aus einem anderen Projekt zu übertragen.
Weitere Details zum Exportieren und Importieren von Website-Seiten finden Sie im folgenden Abschnitt „Export / Import von Website-Seiten“. link
Ein Klick auf „Vorlage erstellen“ öffnet ein Fenster, in dem Sie eine beliebige Seitenvorlage auswählen können, einschließlich einer leeren:
Landingpage (Formulare, Umfragen und Quizze)
Ein Klick auf „Landingpage erstellen“ öffnet ein Formular, in dem Sie aus verschiedenen Website-Vorlagen wählen können:
Sie können jede beliebige Website-Vorlage auswählen und verschiedene Einstellungen wie Schriftarten, Hintergrund und Bilder anpassen. Sie können auch alle zusätzlichen Website-Blöcke (Abschnitte) hinzufügen, die Sie benötigen.
Im Gegensatz zu einer mehrseitigen Website gelangen Sie beim Erstellen einer Landingpage direkt in den Seiteneditor.
Wenn Sie später auf den Tab der Landingpage klicken,
gelangen Sie zum Bereich mit den Einsendungen, Hauptinformationen und den Einstellungen der Landingpage. Im Gegensatz zu einer mehrseitigen Website sehen Sie nicht mehrere Seiten, da eine Landingpage nur aus einer Seite besteht.
Falls Sie Ihrer Landingpage jemals weitere Seiten hinzufügen müssen, um sie in eine mehrseitige Website zu verwandeln, gehen Sie zu den Website-Einstellungen, ändern Sie den Website-Typ in „Mehrseitige Website“ und speichern Sie die Änderungen:
Die Website verhält sich ähnlich, wenn sie als Formular, Umfrage oder Quiz erstellt wird. Im Gegensatz zu anderen Website-Typen wird bei der Erstellung jedoch keine Vorlage angeboten, da die Seite automatisch einen „Formular“- oder „Quiz“-Block enthält, abhängig vom gewählten Website-Typ.
Wie im Beispiel gezeigt, müssen Sie zum Zugriff auf die Einstellungen einer Website vom Typ „Formular“ auf die Schaltfläche „Bearbeiten“ klicken.
Dadurch gelangen Sie in den Seiteneditor, wo ein einzelner „Formular“-Abschnitt erstellt wird (oder Quizze und mehrseitige Umfragen, je nach ausgewähltem Website-Typ).
Sie können Ihren Website (sowohl mehrseitig als auch Landingpage) jederzeit „Formular“-, „Quiz“- und „Umfrage“-Abschnitte hinzufügen.
Für die weitere Konfiguration gehen Sie in den Website-Bearbeitungsmodus.
Der „Formular“-Abschnitt für eine Kurseinschreibung
Unabhängig davon, welchen Website-Typ Sie wählen – „Mehrseitige Website“, „Landingpage“ oder „Formular“ – der Seiteneditor bleibt derselbe.
Um einen „Formular“-Abschnitt für die Kurseinschreibung (oder einen anderen Abschnitt im Site-Builder) zu erstellen, fahren Sie mit der Maus über den Abschnitt, nach dem Sie das Zahlungsformular hinzufügen möchten. Klicken Sie dann auf die erscheinende Schaltfläche „+“, um das Abschnittsmenü zu öffnen:
Suchen Sie als nächstes im sich öffnenden Menü den Abschnitt „Formular“:
Klicken Sie dann auf „Formular“, um den Abschnitt zu Ihrer Website hinzuzufügen:
Jetzt konfigurieren wir das Formular:
Hier müssen Sie das Kontrollkästchen mit der Bezeichnung „Formular für die Kurseinschreibung von Studenten“ aktivieren:
Dieses Kontrollkästchen schaltet weitere Zahlungseinstellungen für den Kurs frei:
- Wählen Sie den Kurs aus, für den Sie ein Formular auf der Website erstellen möchten:
- Wählen Sie einen Plan:
Dieses Feld ist eine der wichtigsten Einstellungen für Kursplan-Zahlungen, da es Ihnen ermöglicht, auszuwählen, für welchen Plan (oder alle Pläne) das Formular auf der Website gelten soll.
- Formularhinweis:
Sie können den Standard-Hinweistext belassen oder Ihren eigenen schreiben:
Wenn der Hinweis nicht im Kursanmelde-/Zahlungsformular erscheinen soll, verwenden Sie das Kontrollkästchen „Hinweis ausblenden“:
Formularfragen
Beim Erstellen eines Formulars ist es erforderlich, Felder für die E-Mail-Adresse, Telefonnummer und den Namen des Benutzers hinzuzufügen.
Um ein Dateneingabefeld für Ihre Benutzer hinzuzufügen, klicken Sie auf die Schaltfläche „Frage erstellen“:
Dann erscheint das Formular zur Frageneinrichtung:
Sie müssen den Feldtyp „Name“ aus der Dropdown-Liste auswählen:
Und aktivieren Sie das Kontrollkästchen „Erforderliche Frage“:
Als nächstes erstellen Sie die zweite Frage:
Wählen Sie für die zweite Frage den Feldtyp „E-Mail“:
Diese Frage muss ebenfalls erforderlich sein; andernfalls kann der Student nicht auf Ihren Kurs zugreifen oder die automatische Einschreibung abschließen.
Fügen Sie auf ähnliche Weise die nächste Frage mit dem Feldtyp „Telefonnummer“ hinzu:
Ihre grundlegende Einrichtung für das Kursanmelde- und Zahlungsformular ist nun abgeschlossen.
Als nächstes können Sie den Abschnitt nach Ihren Wünschen anpassen: Hintergrund- und Schaltflächenfarben ändern und weitere Fragefelder hinzufügen.
Weitere Informationen zur Anpassung und allen Funktionen des „Formular“-Abschnitts finden Sie im Abschnitt „Formularantworten“. link
Testen
Stellen Sie sicher, dass Sie Ihre Website-Einstellungen nach der Konfiguration des Zahlungs- und Anmeldeformulars speichern.
Gehen Sie dann zur Website-Vorschau:
Sie sehen das Kursanmelde-/Zahlungsformular auf der Website.
Testen wir das Formular, indem Sie Ihre Daten in die leeren Felder eingeben:
Senden Sie nun die Daten an das System und fahren Sie mit dem Antrags- und Zahlungsformular fort.
Das Formular hat korrekt funktioniert: Es hat den Kunden zur Bestellbearbeitungsseite und anschließend zu einem Zahlungsfenster über den ausgewählten Zahlungsdienst weitergeleitet.
Der Abschnitt „Kurskarten“
Sie können Informationen über die an Ihrer Schule verfügbaren Kurse auf der Website mit dem Abschnitt „Kurskarten“ anzeigen:
Um den Abschnitt „Kurskarten“ hinzuzufügen, klicken Sie im Website-Bearbeitungsmodus auf die Schaltfläche „+“:
Suchen Sie als nächstes den Abschnitt „Kurskarten“ im erscheinenden Menü und klicken Sie darauf, um den Abschnitt zu Ihrer Website hinzuzufügen:
Der Abschnitt wird zu Ihrer Website hinzugefügt, und das Menü zur Inhaltseinstellung wird für Sie geöffnet:
Blockinhalt
Die Konfiguration des Blocks „Kurskarten“ umfasst die Auswahl eines oder mehrerer bereits im Projekt erstellter Kurse, die auf der Website angezeigt werden sollen, sowie die Anpassung der Kartenelemente.
Wie Sie Kurse auf der MaviBot-Plattform erstellen, wird im Abschnitt „Online-Kurse“ erklärt. link
Kursauswahl
Wählen Sie die Kurse aus, die Sie auf Ihrer Website präsentieren möchten:
Aktivieren Sie dazu das Kontrollkästchen neben dem Namen jedes Kurses, den Sie einschließen möchten:
Die ausgewählten Kurse erscheinen sofort auf Ihrer Website-Seite mit dem Titelbild, das Sie in den Kurseinstellungen festgelegt haben.
Anpassung
Jetzt passen wir die Kartenelemente nach der Auswahl der gewünschten Kurse an:
- Schatten
Sie können die Schattenintensität für die Kurskarten im Abschnitt anpassen:
а) ohne Schatten:
b) leichter Schatten:
c) starker Schatten:
- Farbpalette für Kartenelemente
Sie können Farben auf der Karte für den Hintergrund, den Text (sowohl auf der Karte selbst als auch auf Schaltflächen) ändern und Interaktivität hinzufügen, indem Sie die Elementfarben beim Überfahren mit dem Cursor ändern:
a) Schriftfarbe: Hilft, die Haupttextfarbe auf der Karte zu ändern (ohne die Schaltfläche):
b) Kartenhintergrund: Zum Ändern der Hintergrundfarbe einer Karte.
c) Rahmenfarbe: Zum Ändern des Farbschemas der Kartenränder.
d) Schaltflächentext: Zum Ändern der Farbe des Schaltflächentextes im normalen (statischen) Zustand.
e) Schaltflächenhintergrund: Ermöglicht das Ändern der Hintergrundfarbe der Kurskartenschaltfläche.
Um Ihrer Website Interaktivität zu verleihen, können Sie auch die Schaltflächenfarben beim Überfahren ändern. Verwenden Sie dazu die Einstellungen für die Hover-Farbe.
Jetzt wissen Sie, wie Sie Ihre vorhandenen MaviBot-Kurse mit dem Abschnitt „Kurskarten“ auf Ihrer Website anzeigen können.
Erfahren Sie mehr über Hintergrundeinstellungen und Anzeigeoptionen im Artikel „Universelle Abschnittseinstellungen“. link
Der Abschnitt „Lektionslisten“
Zusammen mit den Online-Kurskarten können Sie Lektionslisten zu Ihrer Website-Seite hinzufügen. Wählen Sie einfach den gewünschten Kurs im Abschnitt aus, und alle Lektionen werden angezeigt:
Um einen Block zur Anzeige der Kurslektionenliste hinzuzufügen, gehen Sie in den Website-Bearbeitungsmodus, fahren Sie mit der Maus über den Arbeitsbereich und klicken Sie dann auf die Schaltfläche „+“:
Ein Menü mit verfügbaren Website-Abschnitten wird rechts geöffnet. Sie sollten dort den Block „Lektionslisten“ finden:
Klicken Sie auf „Kurskarten“, um das Menü zur Inhaltseinstellung des Blocks zu öffnen:
Wählen Sie einfach den gewünschten Kurs (bereits in MaviBot erstellt) aus dem Dropdown-Menü aus und klicken Sie auf „Speichern“.
Gehen Sie dann zu den Einstellungen, um den Inhalt des Blocks anzupassen.
Anpassung
Fahren Sie mit der Maus über den Abschnitt und klicken Sie auf „Einstellungen“, um das Anpassungsfeld für Inhalt und Blockdarstellung zu öffnen.
Sie können die folgenden Einstellungen konfigurieren:
- Stil der Lektionsliste
Standardmäßig wird die Lektionsliste im neuen Format angezeigt. Wenn gewünscht, können Sie zu einem prägnanteren, klassischen Anzeigestil wechseln.
- Nummerierungsstil
Diese Einstellung ist nur für das neue Layout der Lektionsliste verfügbar. Der ausgewählte Nummerierungstyp wird innerhalb jeder Lektionskarte angewendet.
- Lektionssymbole
Wird nur angezeigt, wenn in den Lektionseinstellungen des Kurses eine Vorschau hochgeladen wurde.
So fügen Sie Symbole hinzu
Schritt 1. Gehen Sie zu den Lektionseinstellungen:
Rufen Sie dazu den Kurseinstellungsmodus auf und suchen Sie den Tab „Lektionen“:
Klicken Sie als nächstes auf „Bearbeiten“, um die Seite zur Lektionsbearbeitung zu öffnen.
Schritt 2. Öffnen Sie die Einstellungen der Lektionsseite.
Gehen Sie in den Einstellungen der Lektionsseite zum Abschnitt „Grundlegende Informationen“:
Schritt 3. Lektionsvorschau hochladen
Erweitern Sie in den Einstellungen „Grundlegende Informationen“ das Dropdown-Menü für Bildeinstellungen:
Laden Sie ein Bild für die Lektionsvorschau hoch:
Speichern Sie Ihre Einstellungen:
Erledigt! Jetzt werden Lektionsvorschauen als Symbole im Abschnitt „Lektionslisten“ auf Ihrer Website angezeigt.
- Hintergrundmuster
Verleiht Ihren Lektionskarten Tiefe und Einzigartigkeit:
- Elementabrundung
Der Wert wird in Pixeln festgelegt und rundet die Ecken der Lektionskarten ab:
- Stil der Lektionskarte
Hilft, Lektionskarten in einer einzelnen Zeile oder mehreren Zeilen anzuordnen, mit oder ohne Umbruch.
- Hintergrund- und Textfarbe
Sie haben Zugriff auf eine umfangreiche Farbpalette, um die Hintergrundfarbe und die Schriftfarbe auf der Lektionskarte festzulegen:
Jetzt wissen Sie, wie Sie Lektionslisten zu Ihrer Website hinzufügen und den Inhalt des Abschnitts anpassen können.
Lesen Sie den Artikel „Universelle Abschnittseinstellungen“, um mehr über Hintergrund- und Anzeigeeinstellungen zu erfahren. link