Jedes Online-Programm hat eine eigene Programmseite auf deiner Website. Auf der Programmseite können Teilnehmer die Programmübersicht, die Schritte und deren Fortschritt einsehen. Neue Website-Besucher können die Programminformationen auf dieser Seite einsehen und die Teilnahme beantragen.
Du kannst dein bevorzugtes Layout auswählen und das Design deiner Programmseite je nach Betrachter anpassen.
So greifst du auf deine Programmseite zu
- Öffne deine Programmseite in deinem Editor:
- Wix Editor:
- Klicke auf der linken Seite des Editors auf Seiten und Menü
. - Klicke auf Programmseiten.
- Klicke auf Programmseite.
- Editor X:
- Klicke oben im Editor X auf Seiten
. - Klicke unter Programmseiten auf Programmseite.
In diesem Artikel erfährst du, wie du deine Programmseite anpassen kannst:
Das Layout der Programmseite ändern
Nachdem du Online-Programme zu deiner Website hinzugefügt hast, ist jede Programmseite eine dynamische Seite. Wenn du den Inhalt in der Online-Programme-App bearbeitest, zeigt jede Programmseite den Inhalt des entsprechenden Programms an.
Wähle das Layout, das den Inhalt deines Programms am besten zur Geltung bringt. Du kannst für Website-Besucher und Teilnehmer ein anderes Layout verwenden.
Um das Layout zu ändern:
- Öffne deine Programmseite in deinem Editor:
- Wix Editor:
- Klicke auf der linken Seite des Editors auf Seiten und Menü .
- Klicke auf Programmseiten.
- Klicke auf Programmseite.
- Editor X:
- Klicke oben im Editor X auf Seiten .
- Klicke unter Programmseiten auf Programmseite.
- Klicke in deinem Editor auf das Element Programmseite.
- Klicke auf Einstellungen.
- Klicke auf den Tab Layout.
- Wähle ein Layout für Besucher und eins für Teilnehmer:
Passe das Layout deiner Programmseite für Personen an, die noch nicht an deinem Programm teilnehmen.
- Klicke oben auf Besucher.
- Wähle ein Layout für die Kopfzeile der Seite aus: Klassisch oder Nebeneinander.
- Passe das Layout der Kopfzeile und der gesamten Seite an:
- Bildausrichtung: Wähle aus, wo das Titelbild des Programms in der Kopfzeile platziert werden soll.
- Abstand zwischen Bestandteilen der Kopfzeile: Ziehe den Schieberegler, um mehr Abstand zwischen den verschiedenen Elementen in der Kopfzeile hinzuzufügen.
- Beschreibung: Lege die Ausrichtung der Programminfo und den Abstand darum fest.
- Bild/Video: Lege die Höhe und Position des Bildes/Videos in deinem Programm fest.
- Bildzuschnitt anpassen: Wähle den Fokuspunkt deines Programmbildes.
- Textkörper: Lege die Ausrichtung, den Abstand und den Zeichenabstand für den Inhalt deines Programms fest.
- Seitenleiste: Füge eine Seitenleiste hinzu, die auf deiner Programmseite angezeigt wird. Öffne den Tab Abschnitte, um auszuwählen, welche Informationen in der Seitenleiste angezeigt werden sollen.
Hinweis: Die verfügbaren Optionen variieren je nach gewähltem Kopfzeilenlayout.
Passe das Layout deiner Programmseite für die Teilnehmer deines Programms an.
- Klicke oben auf Teilnehmer.
- Passe das Layout der Seitenleiste und der gesamten Seite an:
- Seitenleistenproportionen: Lege die Proportionen zwischen der Seitenleiste und den erweiterten Schrittinformationen fest.
- Abstand zwischen den Abschnitten: Wähle aus, wie viel Abstand zwischen der Seitenleiste und den erweiterten Schrittinformationen eingefügt werden soll.
- Textausrichtung: Wähle aus, ob die Seitenleiste links oder rechts von den erweiterten Informationen angezeigt werden soll.
- Seitliche Füllung: Lege den Abstand um die Ränder der Seitenleiste fest.
- Abstand zwischen den Schritten: Wähle den Abstand zwischen den einzelnen Schritten in der Seitenleiste.
- Seitliche Füllung: Lege den Abstand um die erweiterten Schrittinformationen fest.
- Abstand von oben: Wähle aus, wie viel Abstand du oben im Abschnitt lassen möchtest.
Die Abschnitte deiner Programmseite anpassen
Deine Programmseite besteht aus Abschnitten mit Informationen wie „Überblick“, „Programmleiter“, „Preis“ etc. Du kannst auswählen, was in diesen Abschnitten angezeigt werden soll, und auch die Reihenfolge auf der Seite ändern.
Um die Informationen anzupassen:
- Öffne deine Programmseite in deinem Editor:
- Wix Editor:
- Klicke auf der linken Seite des Editors auf Seiten und Menü .
- Klicke auf Programmseiten.
- Klicke auf Programmseite.
- Editor X:
- Klicke oben im Editor X auf Seiten .
- Klicke unter Programmseiten auf Programmliste.
- Klicke in deinem Editor auf das Element Programmseite.
- Klicke auf Einstellungen.
- Klicke auf den Tab Abschnitte.
- (Optional) Ändere die Reihenfolge der Abschnitte per Drag-and-Drop.
- Passe den Titel und die Informationen an, die in jedem Abschnitt angezeigt werden:
Dieser Abschnitt stellt dein Programm vor und beinhaltet die Programmbeschreibung.
- Klicke neben dem Symbol für Infos auf den Pfeil
. - Klicke auf den Schalter Titel anzeigen:
- Aktiviert: Im Info-Abschnitt wird ein Titel angezeigt. Gib unter Abschnittstitel deinen gewünschten Titel ein.
- Deaktiviert: Im Info-Abschnitt wird kein Titel angezeigt.
- (Optional) Aktiviere den Schalter „Teilnehmen“-Button, um Besucher zu motivieren, an deinem Programm teilzunehmen. Du kannst dann auswählen, was auf dem Button steht.
Dieser Abschnitt zeigt eine Übersicht über den Inhalt und die Schritte deines Programms.
- Klicke neben Überblick auf den Pfeil .
- Klicke auf den Schalter Titel anzeigen:
- Aktiviert: Im Abschnitt „Überblick“ wird ein Titel angezeigt. Gib unter Abschnittstitel deinen gewünschten Titel ein.
- Deaktiviert: Im Abschnitt „Überblick“ wird kein Titel angezeigt.
- Passe andere Layout-Einstellungen des Abschnitts „Überblick“ an:
- Feldabstand: Lege den Abstand um das Feld fest, das die Informationen in deiner Programmübersicht anzeigt.
- Angezeigte Schritte: Gib die Anzahl der Schritte ein, die du anzeigen möchtest.
- „Alle Schritte laden“-Button: Gib den Text ein, der auf dem Button angezeigt werden soll, damit die Teilnehmer alle Schritte deines Programms sehen können.
Dieser Abschnitt zeigt die Programmleiter deines Programms (z. B. Programmleiter oder Mentoren).
- Klicke neben dem Symbol für Programmleiter auf den Pfeil .
- Klicke auf den Schalter Titel anzeigen:
- Aktiviert: Im Abschnitt „Programmleiter“ wird ein Titel angezeigt. Gib unter Abschnittstitel deinen gewünschten Titel ein.
- Deaktiviert: Im Abschnitt „Programmleiter“ wird kein Titel angezeigt.
- Wähle eine Bildform für das Foto deines Programmleiters aus: Quadrat oder Rund.
- (Optional) Aktiviere das Kontrollkästchen In die Seitenleiste verschieben, um deine Programmleiterliste im seitlichen Bereich deiner Programmseite anzuzeigen.
Hinweis: Diese Option ist nur verfügbar, wenn du die Seitenleiste-Option in dem Tab Layout aktiviert hast.
Dieser Abschnitt zeigt die Preise deines Programms an.
- Klicke neben Preis auf den Pfeil .
- Klicke auf den Schalter Titel anzeigen:
- Aktiviert: Im Abschnitt „Preis“ wird ein Titel angezeigt. Gib unter Abschnittstitel deinen gewünschten Titel ein.
- Deaktiviert: Im Abschnitt „Preis“ wird kein Titel angezeigt.
- (Optional) Aktiviere den Schalter „Teilnehmen“-Button, um Besucher zu motivieren, an deinem Programm teilzunehmen. Du kannst dann auswählen, was auf dem Button steht.
- (Optional) Aktiviere das Kontrollkästchen In die Seitenleiste verschieben, um den Preis deines Programms im Seitenbereich der Seite anzuzeigen.
Hinweis: Diese Option ist nur verfügbar, wenn du die Seitenleiste-Option in dem Tab Layout aktiviert hast.
- Klicke neben Gruppendiskussion auf den Pfeil .
- Klicke auf den Schalter Titel anzeigen:
- Aktiviert: Im Abschnitt „Gruppendiskussion“ wird ein Titel angezeigt. Gib unter Abschnittstitel deinen gewünschten Titel ein.
- Deaktiviert: Im Abschnitt „Gruppendiskussion“ wird kein Titel angezeigt.
- (Optional) Aktiviere den Schalter Gruppenbild anzeigen, um das Gruppenbild zum Abschnitt hinzuzufügen.
- (Optional) Aktiviere das Kontrollkästchen In die Seitenleiste verschieben, um die Gruppe im Seitenbereich deiner Programmseite anzuzeigen.
Hinweis: Diese Option ist nur verfügbar, wenn du die Seitenleiste-Option in dem Tab Layout aktiviert hast.
Dieser Abschnitt motiviert Teilnehmer, die Programmseite auf Facebook, Twitter, LinkedIn oder über einen direkten Link zu teilen.
- Klicke neben Teilen auf den Pfeil .
- Klicke auf den Schalter Titel anzeigen:
- Aktiviert: Ein Titel wird im Abschnitt „Teilen“ angezeigt. Gib unter Abschnittstitel deinen gewünschten Titel ein.
- Deaktiviert: Im Abschnitt „Teilen“ wird kein Titel angezeigt.
- (Optional) Aktiviere das Kontrollkästchen In die Seitenleiste verschieben, um die Option zum Teilen im Seitenbereich deiner Programmseite anzuzeigen.
Hinweis: Diese Option ist nur verfügbar, wenn du die Seitenleiste-Option in dem Tab Layout aktiviert hast.
In diesem Abschnitt wird das Startdatum deines Programms angezeigt. Wenn du den Teilnehmern ermöglichst, ihr Startdatum selbst auszuwählen, können sie dies hier tun.
- Klicke neben Startdatum auf den Pfeil .
- Klicke auf den Schalter Titel anzeigen:
- Aktiviert: Im Abschnitt Startdatum wird ein Titel angezeigt. Gib unter Abschnittstitel deinen gewünschten Titel ein.
- Deaktiviert: Im Abschnitt Startdatum wird kein Titel angezeigt.
- (Optional) Aktiviere den Schalter „Teilnehmen“-Button, um Besucher zu motivieren, an deinem Programm teilzunehmen. Du kannst dann auswählen, was auf dem Button steht.
- (Optional) Aktiviere das Kontrollkästchen In die Seitenleiste verschieben, um das Startdatum im Seitenbereich der Seite anzuzeigen.
Hinweis: Diese Option ist nur verfügbar, wenn du die Seitenleiste-Option in dem Tab Layout aktiviert hast.
Auswählen, was auf deiner Programmseite angezeigt werden soll
Wähle aus, welche Details und Optionen auf der Programmseite angezeigt werden sollen. Du kannst zum Beispiel entscheiden, ob das Bild, die Teilnehmer und die Dauer des Programms angezeigt werden sollen oder nicht. Du kannst auch einrichten, dass Besucher dem Programm auf Mobilgeräten beitreten können, der Link des Programms auf Social Media geteilt werden kann und vieles mehr.
Um auszuwählen, welche Details angezeigt werden:
- Öffne deine Programmseite in deinem Editor:
- Wix Editor:
- Klicke auf der linken Seite des Editors auf Seiten und Menü .
- Klicke auf Programmseiten.
- Klicke auf Programmseite.
- Editor X:
- Klicke oben im Editor X auf Seiten .
- Klicke unter Programmseiten auf Programmseite.
- Klicke in deinem Editor auf das Element Programmseite.
- Klicke auf Einstellungen.
- Klicke auf den Tab Anzeigen.
- Wähle aus, welche Details angezeigt werden sollen, je nachdem, ob es sich um einen Besucher oder einen aktuellen Teilnehmer handelt:
- Klicke auf den Tab Besucher.
- Aktiviere das Kontrollkästchen neben den Details, die du in der Kopfzeile anzeigen möchtest:
- Bild: Das Titelbild des Programms.
- Laufzeit: Die Dauer des Programms (z. B. 18 Tage).
- Schritt: Die Anzahl der Schritte im Programm.
- Teilnehmer: Die Anzahl der Programmteilnehmer.
Hinweis: Wenn keine Personen am Programm teilnehmen, wird die Teilnehmeranzahl nicht auf der Seite angezeigt. - Prämien: Die Zertifikate und Abzeichen, die die Teilnehmer erhalten, wenn sie das Programm abschließen.
- „Teilnehmen“-Button: Ein Button, mit dem Teilnehmer an dem Programm teilnehmen können.
Tipp: Standardmäßig wird unten auf der Seite immer ein zusätzlicher „Beitreten“-Button angezeigt.
- Aktiviere den/die Schalter unter Zusätzlich, um der Seite weitere Optionen hinzuzufügen:
- Via App teilnehmen: Füge einen Satz ein, der die Website-Besucher motiviert, deinem Programm über die Mitglieder-Apps von Wix beizutreten.
- Anbieter-Infos: Gib den Namen und das Foto des Programminhabers an.
- Inhaltsübersicht: Füge eine Übersicht über den Inhalt und die Schritte deines Programms hinzu.
- Preisabschnitt für kostenlose Programme anzeigen: Wenn dein Programm kostenlos ist, kannst du unter „Preis“ „Kostenlos“ anzeigen, um Besucher zur Teilnahme zu motivieren.
- Teilen auf Social Media: Ermögliche Besuchern, die Programmseite in sozialen Netzwerken zu teilen.
- Klicke auf den Tab Teilnehmer.
- Aktiviere das Kontrollkästchen neben den Details, die du im Überblick anzeigen möchtest:
- Schritte: Die Anzahl der Schritte in dem Programm.
- Teilnehmer: Die Anzahl der Programmteilnehmer.
Hinweis: Wenn keine Personen am Programm teilnehmen, wird die Teilnehmeranzahl nicht auf der Seite angezeigt. - Gruppe: Die Gruppe, die du mit dem Programm verbunden hast.
- Aktiviere den/die Schalter unter Zusätzlich, um der Seite weitere Optionen hinzuzufügen:
- Überblick: Füge einen Überblick über den Inhalt und die Schritte deines Programms hinzu.
- Teilen auf Social Media: Ermögliche Besuchern, die Programmseite in sozialen Netzwerken zu teilen.
Die Programmseite gestalten
Gestalte das Design deiner Programmseite, indem du aus einer Vielzahl von Farben, Schriftarten und -größen wählst.
Um die Programmseite zu gestalten:
- Öffne deine Programmseite in deinem Editor:
- Wix Editor:
- Klicke auf der linken Seite des Editors auf Seiten und Menü .
- Klicke auf Programmseiten.
- Klicke auf Programmseite.
- Editor X:
- Klicke oben im Editor X auf Seiten .
- Klicke unter Programmseiten auf Programmseite.
- Klicke in deinem Editor auf das Element Programmseite.
- Klicke auf Einstellungen.
- Klicke auf den Tab Design.
- Gestalte die Programmseite für Website-Besucher und aktuelle Teilnehmer:
- Klicke auf den Tab Besucher.
- Gestalte jeden einzelnen Teil deiner Programmseite:
- Hintergrund & Trennlinien: Passe die Farbe und Deckkraft des Seitenhintergrunds und der Trennlinien an.
- Video: Wenn dein Programm ein Video enthält, wähle die Farbe und Deckkraft für die Überlagerung sowie den Wiedergabe-Button.
- Textstil: Passe Farbe, Schriftart und Stil von Textelementen auf der Programmseite an (z. B. Programmname, Abschnittstitel/-name).
- Button: Gestalte die Buttons, die auf der Seite angezeigt werden. Du kannst ein anderes Design erstellen, das angezeigt wird, wenn Personen mit der Maus über die Buttons fahren.
- Überblick: Passe den Überblickabschnitt deines Programms an. In diesem Abschnitt kannst du den Hintergrund, den Rand, die Trennlinien und den Text gestalten.
- Seitenleiste: Passe den Seitenbereich an, der auf deiner Programmseite angezeigt wird. In diesem Abschnitt kannst du den Hintergrund, die Trennlinie und den Text gestalten.
- Klicke auf den Tab Teilnehmer.
- Gestalte jeden einzelnen Teil deiner Programmseite:
- Hintergrund & Trennlinien: Passe die Farbe und Deckkraft des Seitenhintergrunds und der Trennlinien an.
- Textstil: Passe Farbe, Schriftart und Stil von Textelementen auf der Programmseite an (z. B. Programmname, Abschnittstitel/-name).
- Button: Gestalte die Buttons, die auf der Seite angezeigt werden. Du kannst ein anderes Design erstellen, das angezeigt wird, wenn Personen mit der Maus über die Buttons fahren.
Den Buttontext auf der Programmseite bearbeiten
Deine Programmseite enthält einen Button, mit dem die Teilnehmer beitreten können, sowie einen Button, mit dem die Teilnehmer einen Schritt abschließen können. Du kannst deinen eigenen Text für diese Buttons eingeben, damit er zu deiner Ausdrucksweise passt.
Um den Buttontext anzupassen:
- Öffne deine Programmseite in deinem Editor:
- Wix Editor:
- Klicke auf der linken Seite des Editors auf Seiten und Menü .
- Klicke auf Programmseiten.
- Klicke auf Programmseite.
- Editor X:
- Klicke oben im Editor X auf Seiten .
- Klicke unter Programmseiten auf Programmseite.
- Klicke in deinem Editor auf das Element Programmseite.
- Klicke auf Einstellungen.
- Klicke auf den Tab Text.
- Gib deinen Text unter „Teilnehmen“-Button und „Schritt abschließen“-Button ein.
