So erstellen Sie eine benutzerdefinierte Seite mit systeme.io

In diesem Artikel erfahren Sie wie Sie eine benutzerdefinierte Seite mit systeme.io erstellen.

Sie benötigen:

SCHRITT 1: Beginnen Sie, indem Sie einen benutzerdefinierten Sales Funnel oder einen beliebigen anderen Funnel Ihrer Wahl erstellen.

Gehen Sie zum Tab Verkaufsfunnels und klicken Sie auf Erstellen (1), um einen neuen Verkaufs-Funnel einzurichten.

Wählen Sie anschließend Benutzerdefiniert und klicken Sie auf Speichern (2).

Sobald Sie sich in Ihrem Funnel befinden, klicken Sie auf die Schaltfläche Schritt hinzufügen, um die Seiten für Ihren Funnel zu erstellen.

Es erscheint ein Pop-up, in dem Sie einen Namen für Ihre Seite eingeben (3) und den Seitentyp (4) auswählen müssen.

Nachdem Sie das Pop-up ausgefüllt und gespeichert haben, haben Sie die Möglichkeit, eine Vorlage aus den von systeme.io angebotenen Designs auszuwählen und diese nach Ihren Wünschen anzupassen.


Sie können auch von Grund auf neu starten und Ihr Design mit den im Editor verfügbaren Elementen individuell anpassen.


SCHRITT 2: Erfahren Sie, wie die Seitenstruktur funktioniert, damit Sie diese anpassen können

Alle Webseiten bestehen aus drei wesentlichen Komponenten.


1. Abschnitte: Dies sind die Hauptbausteine Ihrer Seite. Sie beginnen damit, Abschnitte hinzuzufügen, und platzieren dann Zeilen (Spalten) und Elemente darin.

2. Spalte: Spalten können in verschiedenen Abschnitten Ihrer Seite platziert werden; verwenden Sie Spalten, um das Layout jedes Abschnitts auf der Seite anzupassen.

3. Element: Dies sind die Bausteine, die Ihrer Seite ein individuelles Erscheinungsbild verleihen. Sie müssen die gewünschten Elemente (Video, Bild, Text usw.) in Ihre Spalten einfügen.

So fügen Sie Abschnitte und Spalten hinzu:

Beginnen Sie mit einer beliebigen Vorlage (oder einer leeren Seite).

  • Ziehen Sie das „Abschnitt“-Element aus der Symbolleiste.


Hinweis: Sie können so viele Abschnitte erstellen, wie Sie möchten.

  • Klicken Sie auf das Einstellungs-Symbol (5), um den Abschnitt zu bearbeiten.


In den Einstellungen können Sie:

  • die Hintergrundfarbe ändern.


  • die innere Hintergrundfarbe des Abschnitts ändern.


  • Klicken Sie auf Upload, um ein Hintergrundbild hochzuladen.

  • Sie haben außerdem die Möglichkeit, den Anzeigemodus des Bildes auszuwählen.


  • Wenn Sie einen Abschnitt hinzufügen, werden automatisch eine Zeile und eine Spalte darin eingefügt.

  • Fügen Sie Spalten hinzu, indem Sie das Spalten-Element in die Abschnitte ziehen.

Elemente hinzufügen:

Sie können so viele Elemente hinzufügen, wie Sie möchten, indem Sie das gewünschte Element in den Seiteneditor ziehen.

Zum Beispiel fügen wir hier Text und ein Bild in die Spalten ein.


Viele weitere Elemente sind ebenfalls verfügbar!

Erweiterte Anpassungstools:

Texteinstellungen:

Sie können Typografie, Farbe, Größe und Position Ihres Textes anpassen, indem Sie auf das Einstellungs-Symbol klicken.

Hinweis: Um auf erweiterte Anpassungstools für ein beliebiges Element zuzugreifen, klicken Sie einfach auf das Einstellungs-Symbol.

So setzen Sie Element-Einstellungen zurück

Wenn Sie Änderungen am Stil eines Elements vorgenommen haben und diese rückgängig machen möchten, können Sie die Schaltfläche Reset verwenden. Diese Option ist für bestimmte Einstellungen wie Typografie, Farben oder Größe und Position verfügbar.

Um eine Einstellung zurückzusetzen, klicken Sie auf das Element, das Sie bearbeiten möchten, um dessen Einstellungen in der Seitenleiste zu öffnen, und wählen Sie die spezifische Einstellung aus, die Sie zurücksetzen möchten (z. B. Typography oder Color).

Klicken Sie anschließend auf das Reset-Symbol (Kreispfeil), das neben dem Namen der Einstellung erscheint.

Ergebnis nach dem Zurücksetzen der Farbeinstellungen: