Lovable est un constructeur de sites Web alimenté par l'IA qui vous permet de créer des applications et des sites Web via une interface de discussion simple. Mais comme la plupart des créateurs de sites Web, il n'inclut pas de forum communautaire intégré ni de fonctionnalité de discussion.

C'est là qu'intervient Website Toolbox. Vous pouvez intégrer un forum de discussion complet directement dans votre site Lovable, ou simplement créer un lien vers votre forum depuis la navigation de votre site. Quoi qu'il en soit, vous obtenez des comptes utilisateurs, des outils de modération et des conversations en temps réel.

Cela fonctionne très bien pour :

• Communautés de produits SaaS
• Discussions sur les cours en ligne
• Sites de coaching et d'adhésion
• Forums d'assistance à la clientèle
• Tableaux de commentaires et de demandes de fonctionnalités
• Communautés de créateurs et de passionnés
• Groupes de membres privés

Ce guide étape par étape vous guide tout au long du processus :

Étape par étape : ajoutez votre forum

1. Rendez-vous sur lovable.dev et connectez-vous à votre compte. Si vous n'en avez pas, cliquez sur Commencer pour créer un compte gratuit.
2. Dans le tableau de bord, cliquez sur Nouveau projet pour démarrer un nouveau projet, ou ouvrez un projet existant dans lequel vous souhaitez ajouter le forum.
3. Dans le panneau de discussion de Lovable, tapez une invite pour créer une nouvelle page ou un nouveau lien pour votre forum. Par exemple : « Ajouter une nouvelle page appelée Forum à mon site Web. » Lovable générera la page et l'ajoutera à la navigation de votre projet.
4. Vous pouvez soit intégrer le forum directement dans la page, soit créer un lien vers celui-ci. Les deux approches commencent de la même manière. Vous aurez besoin de l'URL du forum ou du code d'intégration de votre Website Toolbox :
   1. Connectez-vous à votre compte Website Toolbox ou créez un nouveau forum si vous n'en avez pas déjà un.
   2. Copiez l'URL de votre forum. Vous en aurez besoin pour l'approche de liaison.
   3. Pour l'approche d'intégration, allez dans Intégrer l'intégration → Intégrer votre forum , puis copiez le code d'intégration.
5. Option A : Lien vers le forum : Dans le chat Lovable, collez une invite telle que : « Ajoutez un lien vers la page de mon forum qui ouvre l'URL de mon forum dans un nouvel onglet ».
   
   Option B : Intégrer le forum : Dans le chat de Lovable, collez une invite telle que : « Intégrez le code suivant dans la page du forum sous forme d'iframe pleine largeur : [collez votre code d'intégration ici] » Lovable ajoutera l'iframe à votre page.
6. Cliquez sur le bouton Publier en haut à droite de Lovable. Configurez l'URL que vous avez publiée et cliquez sur Publier pour déployer votre site.
7. Si vous avez choisi l'approche d'intégration, copiez l'URL de la page de forum que vous avez publiée. Vous pouvez le trouver dans la navigation de votre site ou en consultant l'URL publiée et en accédant à la page du Forum.
8. Si vous avez choisi l'approche d'intégration, retournez dans la section Website Toolbox Integrate → Intégrer → Intégrer → Intégrer votre forum et collez l'URL de votre page Lovable Forum dans le champ Où est intégré le forum ? champ.

Authentification unique

Pour activer l'authentification unique entre votre site Web Lovable et votre forum Website Toolbox, vous pouvez utiliser Auth0 en tant que fournisseur OAuth partagé. Cela permet aux utilisateurs de se connecter une seule fois et de s'authentifier à la fois sur votre application Lovable et sur votre forum.

1. Création d'une application Auth0

1. Rendez-vous sur auth0.com et créez un compte gratuit.
2. Dans le tableau de bord Auth0, cliquez sur Applications dans le menu de gauche.
3. Cliquez sur Créer une application.
4. Sélectionnez Application Web standard et cliquez sur Créer.
5. Dans l'onglet Paramètres, notez votre domaine, votre ID client et votre secret client.
6. Dans le champ URL de rappel autorisées, saisissez :
   https://FORUM_DOMAIN/oauth?service=Custom&action=doOauthCallback
   (Remplacez FORUM_DOMAIN par votre domaine de forum Website Toolbox.)
7. Cliquez sur Enregistrer les modifications.

2. Configurer le SSO de Website Toolbox

1. Connectez-vous à votre compte Website Toolbox.
2. Cliquez sur le lien Intégrer.
3. Cliquez sur le lien Single Sign On.
4. Sélectionnez OAuth personnalisé dans la liste déroulante en tant que créateur de votre site Web.
5. Dans le champ ID client, collez votre ID client Auth0.
6. Dans le champ Client Secret, collez votre code secret client Auth0.
7. Laissez le champ de base vide.
8. Dans le champ URL d'autorisation, saisissez :
   https://YOUR_AUTH0_DOMAIN.auth0.com/authorize
   (remplacez YOUR_AUTH0_DOMAIN par votre domaine Auth0.)
9. Dans le champ URL du jeton d'accès, saisissez :
   https://YOUR_AUTH0_DOMAIN.auth0.com/oauth/token
10. Dans le champ URL d'accès aux données utilisateur, saisissez :
    https://YOUR_AUTH0_DOMAIN.auth0.com/userinfo
11. Cliquez sur Enregistrer.

3. Ajoutez l'authentification Auth0 à votre application Lovable

1. Ouvrez votre projet Lovable.
2. Dans le chat Lovable, entrez une invite telle que :
   « Ajouter un identifiant Auth0 à mon application. Mon domaine Auth0 est YOUR_AUTH0_DOMAIN.AUTH0.com, mon identifiant client est YOUR_CLIENT_ID et mon secret client est YOUR_CLIENT_SECRET. Les utilisateurs devraient pouvoir se connecter et se déconnecter. »
   (Remplacez les espaces réservés par vos informations d'identification Auth0 réelles.)
3. Lovable intégrera l'authentification Auth0 à votre application, y compris les fonctionnalités de connexion et de déconnexion.

Une fois terminé, les utilisateurs peuvent se connecter avec les mêmes informations d'identification à la fois sur votre site Web Lovable et sur le forum de votre Website Toolbox.

Ce que peuvent faire vos membres

Une fois que votre forum est connecté, vos membres bénéficient d'une expérience communautaire complète. Website Toolbox inclut de nombreuses autres fonctionnalités au-delà de ce qui est répertorié ici. Consultez la visite guidée des fonctionnalités pour voir tout ce qui est disponible.

Questions fréquemment posées