How To Create A Login Page On Squarespace (Vollständiges Tutorial)
Hier ist ein umfassendes Tutorial, wie du eine Login-Seite (einen Mitgliederbereich) auf Squarespace erstellst.
Eine Login-Seite auf Squarespace ist ideal, wenn du exklusive Inhalte, Online-Kurse oder geschützte Ressourcen für bestimmte Nutzer anbieten möchtest. Squarespace nutzt hierfür die Funktion "Kundenbereiche" (Member Sites).
Schritt 1: Die „Kundenbereiche“-Funktion aktivieren
Bevor du eine Login-Seite erstellen kannst, musst du die Funktion für Mitgliederbereiche in deinem Squarespace-Konto aktivieren.
- Logge dich in dein Squarespace-Konto ein und wähle deine Website aus.
- Gehe im Hauptmenü auf Einstellungen.
- Klicke auf Kundenbereiche (oder Member Sites).
- Schalte den Regler oben rechts auf Ein, um die Funktion zu aktivieren.
Schritt 2: Einen Kundenbereich erstellen
Nun legst du fest, was die Nutzer nach dem Login sehen sollen.
- Gehe im Seiten-Menü zum Bereich Seiten.
- Klicke auf das + Symbol neben „Kundenbereiche“.
- Wähle einen Namen für deinen Bereich (z.B. „Mitglieder-Bibliothek“ oder „Kursbereich“).
- Preisplan festlegen: Du kannst entscheiden, ob der Zugang:
- Kostenlos ist (Nutzer müssen sich nur registrieren).
- Einmalzahlung erfordert.
- Abonnement (monatliche/jährliche Zahlung) erfordert.
Schritt 3: Inhalte für eingeloggte Mitglieder hinzufügen
Sobald der Bereich erstellt ist, musst du die Seiten gestalten, auf die nur Mitglieder Zugriff haben.
- Klicke innerhalb des neuen Kundenbereichs auf Seite hinzufügen.
- Hier kannst du Layout-Seiten, Blogs, Videos oder Portfolios erstellen.
- Gestalte diese Seiten ganz normal mit dem Squarespace-Editor. Alle Seiten, die unter dem Namen deines Kundenbereichs gelistet sind, sind automatisch passwortgeschützt und nur nach dem Login sichtbar.
Schritt 4: Den Login-Link zum Menü hinzufügen
Damit deine Besucher die Login-Seite überhaupt finden, musst du einen Login-Link in deine Navigation einfügen.
- Gehe zu Design oder direkt in den Bearbeitungsmodus deiner Seite.
- Bewege den Mauszeiger über den Header (Kopfzeile) deiner Website und klicke auf Header bearbeiten.
- Klicke auf Elemente.
- Aktiviere den Schalter Konto-Login.
- Nun erscheint automatisch ein „Login“-Link oder ein User-Icon in deiner Navigation. Wenn Nutzer darauf klicken, öffnet sich das Login-Fenster.
Schritt 5: Die Login-Seite und das Design anpassen
Du kannst das Aussehen des Login-Bereichs und der System-Mails anpassen:
- System-Seiten: Gehe zu Design > Checkout-Seite (dies beeinflusst oft auch die Kontoseiten).
- Willkommens-E-Mails: Gehe zu Einstellungen > Kundenbereiche > Kunden-Benachrichtigungen. Hier kannst du die E-Mails gestalten, die Nutzer nach der Registrierung oder bei Passwort-Verlust erhalten.
- Paywall-Design: Wenn ein nicht-eingeloggter Nutzer versucht, auf geschützte Inhalte zuzugreifen, sieht er eine „Paywall“. Diese kannst du unter dem Menüpunkt des jeweiligen Kundenbereichs unter Bearbeiten optisch anpassen.
Schritt 6: Testen der Login-Erfahrung
Es ist wichtig, den Prozess aus Sicht eines Nutzers zu prüfen:
- Öffne deine Website in einem Inkognito-Fenster deines Browsers.
- Klicke auf den Login-Link oder versuche, die URL deines geschützten Bereichs direkt aufzurufen.
- Prüfe, ob die Registrierung und der Login reibungslos funktionieren.
Zusammenfassung der Profi-Tipps:
- Navigation: Wenn du möchtest, dass der Login-Button wie ein auffälliger Button aussieht, kannst du das in den Header-Einstellungen unter „Elemente“ ändern.
- Mobile Ansicht: Überprüfe in der mobilen Vorschau, ob das Login-Icon gut sichtbar ist und nicht von anderen Elementen überlagert wird.
- Inhaltsverzeichnis: Erstelle für deine Mitglieder eine übersichtliche Startseite (Dashboard), die sie sofort nach dem Login sehen, damit sie sich gut zurechtfinden.
Glückwunsch! Du hast nun erfolgreich ein Login-System auf deiner Squarespace-Website implementiert.