Welche verschiedenen Methoden gibt es, eine Website zu erstellen?

In diesem Artikel erfahren Sie wie Sie eine Website mit systeme.io erstellen können.

Sie können entweder die Blog-Funktion oder die Sales-Funnel-Funktion verwenden, um Ihre Website zu erstellen. Wir empfehlen die Nutzung der Blog-Funktion, wenn Sie regelmäßig Inhalte veröffentlichen und eine große Anzahl von Seiten auf Ihrer Website haben möchten.

Wenn Sie eine einfache Website mit nur wenigen Seiten erstellen möchten, empfehlen wir stattdessen die Nutzung der Funnel-Funktion.

1. So erstellen Sie eine Website mit der Blog-Funktion

Sie benötigen:

einen benutzerdefinierter Domainname, der zuvor mit systeme.io verbunden wurde (Integration Ihrer Root-Domain in systeme.io)
einen mit systeme.io erstellten Blog (So erstellen Sie einen Blog mit systeme.io)

Schritt 1: Neue Seiten zu Ihrem Blog hinzufügen

Klicken Sie auf den Tab Websites, dann auf Blogs (1) und öffnen Sie anschließend Ihren Blog, indem Sie auf dessen Titel klicken (2).

Klicken Sie anschließend auf den Tab Seiten (3) und danach auf Erstellen (4).

Hinweis: Wenn Sie einen Blog erstellen, werden automatisch vier Standardseiten hinzugefügt (Startseite, Über-uns-Seite, Beitragsseite und Kontaktseite). Sie können diese Seiten bearbeiten oder Ihrem Blog neue Seiten hinzufügen.

Geben Sie im angezeigten Pop-up-Fenster den Namen der Blogseite sowie deren URL-Pfad ein und klicken Sie anschließend auf „Neue Blog-Seite erstellen“ (5), um die Erstellung der neuen Blogseite zu bestätigen.

Detailliertere Anleitungen zum Hinzufügen neuer Seiten zu Ihrem Blog finden Sie auf dieser Hilfeseite.

Schritt 2: Legen Sie die Startseite Ihres Blogs als Startseite Ihrer Website fest

Wenn Sie Ihren Blog erstellen, stellen Sie sicher, dass die Startseite Ihres Blogs als Hauptstartseite Ihrer Website festgelegt ist (d. h. die Haupt-URL ohne zusätzliche Pfade). Auf diese Weise wird die Blog-Startseite angezeigt, wenn Besucher Ihre Website aufrufen.

Klicken Sie auf die drei Punkte (6) Ihres ausgewählten Blogs und dann auf Einstellungen (7).

Löschen Sie den URL-Pfad und klicken Sie dann auf Speichern (8). Auf diese Weise wird die Startseite Ihres Blogs zur Startseite Ihrer Website.

Schritt 3: Fügen Sie das Element „Menü“ zu Ihrer Startseite hinzu

Nachdem Sie die Startseite Ihres Blogs als Hauptstartseite Ihrer Website festgelegt haben, müssen Sie das Standard-Menüelement, das auf dieser Seite angezeigt wird, einrichten.

Um das Menü Ihres Blogs zu konfigurieren, klicken Sie zunächst auf Blog-Layout (9).

Wenn der Blog-Layout-Editor geöffnet wird, klicken Sie auf das Menü-Element (10) auf Ihrer Seite, um die Standard-Menüeinträge zu bearbeiten, zu löschen oder neue hinzuzufügen.

(Das Blog-Layout ermöglicht es Ihnen, die Elemente festzulegen, die standardmäßig auf allen Seiten Ihres Blogs angezeigt werden.)

Neue Menüeinträge können Blogseiten, Blogbeiträge oder benutzerdefinierte URLs sein. Wir empfehlen, die gleiche Anzahl von Menüeinträgen wie Blogseiten hinzuzufügen, damit Besucher von der Startseite aus leicht auf alle Seiten Ihrer Website zugreifen können.

Sie können Ihre Menüeinträge mit den folgenden Optionen hinzufügen und anpassen:

Titel (11): Geben Sie den Namen Ihres Menüeintrags ein (z. B. Startseite).
- Linktyp (12): Wählen Sie zwischen Blog-Link oder Benutzerdefinierte URL.
Menüeintrags-Link (13):
- Wenn Sie Blog-Link wählen, wählen Sie eine vorhandene Blogseite aus der Dropdown-Liste.
- Wenn Sie Benutzerdefinierte URL wählen, geben Sie die URL direkt in das Feld ein.
In neuem Fenster öffnen (14): Aktivieren Sie dieses Kästchen, wenn der Link in einem neuen Tab/Fenster geöffnet werden soll.
Löschen (15): Entfernt den Menüeintrag sowohl aus den Einstellungen als auch von der Seite.
Untermenü vorhanden (16): Ein Schalter, mit dem Sie ein Untermenü für diesen Eintrag aktivieren oder deaktivieren können.
Öffnen (17): Zeigt die Untermenüeinträge im Editor an, sodass Sie deren Aussehen bearbeiten und ansehen können.
Untermenü-Einstellungen (18): Untermenüeinträge verwenden die gleichen Optionen wie Hauptmenüeinträge.
Untermenüeintrag hinzufügen (19): Verwenden Sie dies, um neue Untermenüeinträge hinzuzufügen.
Menüpunkt hinzufügen (20): Klicken Sie auf diese Schaltfläche, um einen neuen Hauptmenüeintrag zu erstellen.
In neuem Fenster öffnen (14): Aktivieren Sie dieses Kästchen, wenn der Link in einem neuen Tab/Fenster geöffnet werden soll.
Löschen (15): Entfernt den Menüeintrag sowohl aus den Einstellungen als auch von der Seite.
Untermenü vorhanden (16): Ein Schalter, mit dem Sie ein Untermenü für diesen Eintrag aktivieren oder deaktivieren können.
Öffnen (17): Zeigt die Untermenüeinträge im Editor an, sodass Sie deren Aussehen bearbeiten und ansehen können.
Untermenü-Einstellungen (18): Untermenüeinträge verwenden die gleichen Optionen wie Hauptmenüeinträge.
Untermenüeintrag hinzufügen (19): Verwenden Sie dies, um neue Untermenüeinträge hinzuzufügen.
Menüeintrag verschieben (21): Verwenden Sie die Pfeile, um die Position eines Menüeintrags zu ändern.
- Mit dem Pfeil nach oben wird der Eintrag mit dem darüber liegenden vertauscht.
- Mit dem Pfeil nach unten wird der Eintrag mit dem darunter liegenden vertauscht.

Sie können Ihr Menü auch fixieren (auf der gesamten Seite sichtbar machen). Gehen Sie dazu wie folgt vor:

Klicken Sie auf den Abschnitt, der das Menü-Element enthält, und scrollen Sie im Editor auf der linken Seite nach unten, bis Sie den Abschnitt Sticky (22) erreichen.
Aktivieren Sie das Kästchen Soll dies immer sichtbar sein (sticky)?, und wählen Sie dann, ob der Abschnitt oben oder unten auf der Seite fixiert werden soll.
Mit der Option Einzug (Indent) können Sie außerdem einstellen, wie weit das fixierte Menü vom Seitenrand positioniert wird.

Hinweis: Das Menü Ihrer Website wird auf allen Seiten Ihres Blogs angezeigt.

Um das Menü von einer Ihrer Seiten zu entfernen, klicken Sie auf Blog-Layout nicht verwenden (23).

Für detailliertere Anleitungen zum Einrichten eines Blog-Menüs sehen Sie sich unsere Hilfeseite an: Wie man ein Blog-Menü erstellt.

Schritt 4: Gestalten Sie Ihre Startseite und die restlichen Seiten Ihrer Website

Sie können die Seiten Ihrer Website nach Ihren Wünschen gestalten.

Öffnen Sie dazu den Editor der Seite, die Sie gestalten möchten, indem Sie auf Bearbeiten (24) klicken oder direkt auf den Namen der Seite.

Sobald Sie Ihre Startseite im Editor geöffnet haben, können Sie beliebige Elemente löschen, die Sie nicht behalten möchten, oder die vorhandenen Elemente anpassen, damit sie Ihren Anforderungen entsprechen.

Klicken Sie auf das Element, das Sie bearbeiten möchten, um dessen Einstellungen zu öffnen, und verwenden Sie dann den Editor auf der linken Seite des Bildschirms, um es anzupassen.

In unserem Beispiel werden wir das Text-Element bearbeiten:

Sobald Sie das Element ausgewählt haben, das Sie bearbeiten möchten, verwenden Sie den Editor auf der linken Seite, um Ihre Änderungen vorzunehmen. Sie können Typografie, Farbe, Größe und Position anpassen.

Zusätzlich zum Bearbeiten vorhandener Elemente können Sie neue Elemente zu Ihren Seiten hinzufügen, wie zum Beispiel das Bild-Element, das Audio-Element oder das Video-Element.

Klicken Sie auf das gewünschte Element, ziehen Sie es auf Ihre Seite und platzieren Sie es an der passenden Stelle.

Hier sehen Sie ein Beispiel, wie Sie das Video-Element zu Ihrer Seite hinzufügen.

Hinweis: Wir empfehlen, in unserer Wissensdatenbank zu suchen, in der Sie Hilfeseiten finden, die erklären, wie Sie die verschiedenen Elemente im Seiten-Editor verwenden.

2. So erstellen Sie eine Website mit der Sales-Funnel-Funktion

Das benötigen Sie:

Einen benutzerdefinierten Domainnamen, der zuvor mit systeme.io verbunden wurde (So verbinden Sie Ihre Root-Domain mit systeme.io)
Einen Funnel, der mit systeme.io erstellt wurde (So erstellen Sie einen Funnel)

Sobald Sie Ihren Funnel erstellt haben, fügen Sie neue Funnel-Seiten (oder Schritte) hinzu; diese Seiten fungieren als Ihre Website-Seiten. Wir empfehlen, bis zu fünf Seiten zu Ihrem Funnel hinzuzufügen.

Schritt 1: Neue Website-Seiten erstellen

Öffnen Sie Ihren Funnel und klicken Sie dann auf Schritt hinzufügen (1).

Geben Sie den Titel Ihrer Seite ein und wählen Sie den Typ aus, dann klicken Sie auf Speichern (2).

Wählen Sie die gewünschte Vorlage aus, indem Sie auf Auswählen (3) klicken, und gestalten Sie die Seite nach Ihren Vorstellungen.

Folgen Sie diesem Vorgehen, um alle Ihre Website-Seiten (Funnel-Seiten) zu erstellen.

Schritt 2: Legen Sie eine Seite aus Ihrem Funnel als Startseite Ihrer Website fest

Öffnen Sie Ihren Funnel, klicken Sie auf die Seite, die Sie als Startseite festlegen möchten, und löschen Sie den URL-Pfad (4).

Ergebnis:

Hinweis: Es kann nur eine Seite als Startseite festgelegt werden – entweder eine Ihrer Blogseiten (wie zuvor erklärt) oder eine Funnel-Seite.

Step 3: Add the "Menu" element to your website homepage

Nachdem Sie die Startseite Ihres Funnels als Hauptstartseite Ihrer Website festgelegt haben, richten Sie das Standard-Menüelement auf dieser Seite ein. Fügen Sie die gleiche Anzahl von Menüeinträgen hinzu wie Ihre Website-Seiten (Funnel-Schritte). So stellen Sie sicher, dass Besucher von der Startseite aus auf jede Seite Ihrer Website zugreifen können.

Öffnen Sie den Editor Ihrer Startseite, ziehen Sie das Menü-Element (3) auf die Seite und platzieren Sie es an der gewünschten Stelle.

Hinweis: Sie müssen die ausgewählte Vorlage bearbeiten, indem Sie nicht benötigte Elemente entfernen oder diese an Ihre Wünsche anpassen.

Sie können neue Menüeinträge hinzufügen und jeden Eintrag mit einer Seite aus Ihrem Funnel verknüpfen.

Gehen Sie dazu zurück zu Ihrem Funnel, klicken Sie auf die Seite, die Sie mit dem Menüeintrag verbinden möchten, und kopieren Sie deren URL (4).

In diesem Beispiel haben wir einen weiteren Funnel-Schritt (Über uns) erstellt, um ihn mit unserem Menüeintrag Über uns zu verknüpfen.

Gehen Sie zurück zum Editor Ihrer Startseite, klicken Sie auf das Menü-Element, um dessen Einstellungen zu öffnen, und klicken Sie anschließend auf „Menüpunkt hinzufügen“ (5).

Geben Sie den Titel des Menüpunkts (6) ein und fügen Sie die zuvor kopierte Seiten-URL (7) ein.

Verwenden Sie dieselbe Methode, um Menüeinträge für alle Seiten Ihrer Website zu erstellen.

Sie können Menüeinträge löschen, indem Sie auf das Papierkorb-Symbol (8) klicken, und ihre Reihenfolge ändern, indem Sie auf die Pfeile (9) klicken.

Wenn Sie möchten, dass das Menü auf allen Seiten Ihrer Website angezeigt wird, können Sie es als Masterblock speichern und in die übrigen Seiten Ihrer Website einfügen (So erstellen Sie einen Masterblock).

Alternativ können Sie auch direkt die Website-Funktion verwenden. Weitere Informationen zur Nutzung dieser Funktion finden Sie im folgenden Hilfeartikel: https://help-de.systeme.io/article/6105-so-erstellen-sie-eine-website