Lovable ist ein KI-gestützter Website-Builder, mit dem Sie Apps und Websites über eine einfache Chat-Oberfläche erstellen können. Aber wie die meisten Website-Builder enthält es kein integriertes Community-Forum oder eine Diskussionsfunktion.

Hier kommt die Website Toolbox ins Spiel. Sie können ein Diskussionsforum mit vollem Funktionsumfang direkt in Ihre Lovable-Website einbetten oder einfach von der Navigation Ihrer Website aus auf Ihr Forum verlinken. In beiden Fällen erhalten Sie Benutzerkonten, Moderationstools und Konversationen in Echtzeit.

Das funktioniert sehr gut für:

• SaaS-Produkt-Communities
• Diskussionen im Online-Kurs
• Websites für Coaching und Mitglieder
• Foren für den Kundensupport
• Foren für Feedback und Anfragen zu Funktionen
• Communitys für Entwickler und Hobbys
• Private Mitgliedergruppen

Diese schrittweise Anleitung führt Sie durch den Prozess:

Schritt für Schritt: Füge dein Forum hinzu

1. Besuche lovable.dev und logge dich in dein Konto ein. Wenn du noch keins hast, klicke auf Erste Schritte, um ein kostenloses Konto zu erstellen.
2. Klicken Sie im Dashboard auf Neues Projekt, um ein neues Projekt zu starten, oder öffnen Sie ein vorhandenes Projekt, dem Sie das Forum hinzufügen möchten.
3. Geben Sie im Lovable-Chat-Panel eine Aufforderung ein, eine neue Seite oder einen neuen Link für Ihr Forum zu erstellen. Zum Beispiel: „Füge meiner Website eine neue Seite namens Forum hinzu.“ Lovable generiert die Seite und fügt sie der Navigation Ihres Projekts hinzu.
4. Du kannst das Forum entweder direkt in die Seite einbetten oder darauf verlinken. Beide Ansätze beginnen auf die gleiche Weise. Sie benötigen die URL oder den Einbettungscode Ihres Website Toolbox-Forums:
   1. Loggen Sie sich in Ihr Website Toolbox-Konto ein oder erstellen Sie ein neues Forum , falls Sie noch keines haben.
   2. Kopiere deine Foren-URL. Sie benötigen dies für den Linking-Ansatz.
   3. Gehen Sie für den Einbettungsansatz zu Integrieren Einbetten → Forum einbetten und kopieren Sie den Einbettungscode.
5. Option A: Link zum Forum: Füge im Lovable-Chat eine Aufforderung ein wie: „Füge einen Link zu meiner Forenseite hinzu, der meine Foren-URL in einem neuen Tab öffnet.“
   
   Option B: Das Forum einbetten: Füge im Lovable-Chat eine Aufforderung ein wie: „Binde den folgenden Code als Iframe in voller Breite in die Forenseite ein: [füge deinen Einbettungscode hier ein]“ Lovable fügt den Iframe zu deiner Seite hinzu.
6. Klicken Sie in der oberen rechten Ecke von Lovable auf die Schaltfläche Veröffentlichen. Konfiguriere deine veröffentlichte URL und klicke auf Veröffentlichen, um deine Website bereitzustellen.
7. Wenn Sie den Einbettungsansatz gewählt haben, kopieren Sie die URL Ihrer veröffentlichten Forenseite. Sie finden sie in der Navigation Ihrer Website oder indem Sie die veröffentlichte URL aufrufen und zur Forenseite navigieren.
8. Wenn Sie sich für die Methode der Einbettung entschieden haben, kehren Sie zur Website Toolbox Integrate → Embed Your Forum zurück und fügen Sie die URL Ihrer Lovable Forum-Seite in das Feld Wo ist das Forum eingebettet? ein? Feld.

Einmaliges Anmelden

Um Single Sign-On zwischen Ihrer Lovable-Website und Ihrem Website Toolbox-Forum zu ermöglichen, können Sie Auth0 als gemeinsamen OAuth-Anbieter verwenden. Auf diese Weise können sich Benutzer einmal anmelden und sowohl in Ihrer Lovable-App als auch in Ihrem Forum authentifiziert werden.

1. Erstellen Sie eine Auth0-Anwendung

1. Besuchen Sie auth0.com und eröffnen Sie ein kostenloses Konto.
2. Klicken Sie im Auth0-Dashboard im linken Menü auf Anwendungen.
3. Klicken Sie auf Anwendung erstellen.
4. Wählen Sie Reguläre Webanwendung aus und klicken Sie auf Erstellen.
5. Notieren Sie sich auf der Registerkarte „Einstellungen“ Ihre Domain, Ihre Client-ID und Ihr geheimes Client-Geheimnis.
6. Geben Sie im Feld Zulässige Rückruf-URLs Folgendes ein:
   https://FORUM_DOMAIN/oauth?service=Custom&action=doOauthCallback
   (Ersetzen Sie FORUM_DOMAIN durch Ihre Website Toolbox-Forum-Domain.)
7. Klicken Sie auf Änderungen speichern.

2. Website Toolbox SSO konfigurieren

1. Loggen Sie sich in Ihr Website Toolbox-Konto ein.
2. Klicken Sie auf den Link Integrieren.
3. Klicken Sie auf den Link Single Sign On.
4. Wählen Sie Custom OAuth aus der Drop-down-Liste als Ihren Website-Builder aus.
5. Fügen Sie in das Feld Client-ID Ihre Auth0-Client-ID ein.
6. Fügen Sie in das Feld Client Secret Ihr Auth0 Client Secret ein.
7. Lassen Sie das Feld Basic leer.
8. Geben Sie im Feld Autorisierungs-URL Folgendes ein:
   https://YOUR_AUTH0_DOMAIN.auth0.com/authorize
   (Ersetzen Sie YOUR_AUTH0_DOMAIN durch Ihre Auth0-Domain.)
9. Geben Sie im Feld Zugriffstoken-URL Folgendes ein: https://YOUR_AUTH0_DOMAIN.auth0.com/oauth/token

10. Geben Sie im Feld URL für den Benutzerdatenzugriff Folgendes ein:
    https://YOUR_AUTH0_DOMAIN.auth0.com/userinfo
11. Klicken Sie auf Speichern.

3. Fügen Sie Ihrer Lovable-App die Auth0-Authentifizierung hinzu

1. Öffnen Sie Ihr Lovable-Projekt.
2. Gib im Lovable-Chat eine Aufforderung ein wie:
   „Füge Auth0-Login zu meiner App hinzu. Meine Auth0-Domain ist YOUR_AUTH0_DOMAIN.AUTH0.com, meine Client-ID ist YOUR_CLIENT_ID und mein Client Secret ist YOUR_CLIENT_SECRET. Benutzer sollten sich an- und abmelden können.“
   (Ersetzen Sie die Platzhalter durch Ihre tatsächlichen Auth0-Anmeldeinformationen.)
3. Lovable integriert die Auth0-Authentifizierung in Ihre App, einschließlich der An- und Abmeldefunktionen.

Sobald der Vorgang abgeschlossen ist, können sich Benutzer mit denselben Anmeldeinformationen sowohl auf Ihrer Lovable-Website als auch auf Ihrem Website Toolbox-Forum anmelden.

Was Ihre Mitglieder tun können

Sobald dein Forum verbunden ist, erhalten deine Mitglieder ein Community-Erlebnis mit vollem Funktionsumfang. Die Website Toolbox enthält viele weitere Funktionen, die über die hier aufgeführten hinausgehen. Besuchen Sie die Features-Tour, um alles zu sehen, was verfügbar ist.

Häufig gestellte Fragen