Lovable é um criador de sites com inteligência artificial que permite criar aplicativos e sites por meio de uma interface de bate-papo simples. Mas, como a maioria dos criadores de sites, ele não inclui um fórum comunitário integrado ou um recurso de discussão.

É aí que entra o Website Toolbox. Você pode incorporar um fórum de discussão completo diretamente em seu site Lovable ou simplesmente criar um link para seu fórum a partir da navegação do seu site. De qualquer forma, você obtém contas de usuário, ferramentas de moderação e conversas em tempo real.

Isso funciona muito bem para:

• Comunidades de produtos SaaS
• Discussões sobre cursos on-line
• Sites de treinamento e associação
• Fóruns de suporte ao cliente
• Quadros de feedback e solicitação de recursos
• Comunidades de criadores e hobbies
• Grupos de membros privados

Este guia passo a passo orienta você pelo processo:

Passo a passo: adicione seu fórum

1. Visite lovable.dev e faça login na sua conta. Se você não tiver uma, clique em Começar para criar uma conta gratuita.
2. No painel, clique em Novo projeto para iniciar um novo projeto ou abra um projeto existente ao qual você deseja adicionar o fórum.
3. No painel de bate-papo do Lovable, digite um prompt para criar uma nova página ou link para o seu fórum. Por exemplo: “Adicionar uma nova página chamada Fórum ao meu site”. O Lovable gerará a página e a adicionará à navegação do seu projeto.
4. Você pode incorporar o fórum diretamente na página ou criar um link para ele. Ambas as abordagens começam da mesma maneira. Você precisará do URL do fórum ou do código de incorporação do Website Toolbox:
   1. Faça login na sua conta do Website Toolbox ou crie um novo fórum se ainda não tiver um.
   2. Copie o URL do seu fórum. Você precisará disso para a abordagem de vinculação.
   3. Para a abordagem de incorporação, vá para Integrar Incorporar → Incorporar seu fórum e copie o código de incorporação.
5. Opção A: Link para o fórum: No bate-papo do Lovable, cole uma mensagem como: “Adicione um link à minha página do fórum que abre a URL do meu fórum em uma nova guia”.
   
   Opção B: Incorporar o fórum: No bate-papo do Lovable, cole um aviso como: “Incorpore o seguinte código na página do fórum como um iframe de largura total: [cole seu código de incorporação aqui]” O Lovable adicionará o iframe à sua página.
6. Clique no botão Publicar no canto superior direito de Lovable. Configure seu URL publicado e clique em Publicar para implantar seu site.
7. Se você escolheu a abordagem de incorporação, copie a URL da sua página publicada no fórum. Você pode encontrá-lo na navegação do seu site ou visitando o URL publicado e navegando até a página do Fórum.
8. Se você escolheu a abordagem de incorporação, volte para a seção Integrar → Incorporar → Incorporar → Incorporar seu fórum e cole o URL da sua adorável página do fórum na seção Onde o fórum está incorporado? campo.

Login único

Para ativar o login único entre seu site Lovable e o fórum do Website Toolbox, você pode usar o Auth0 como um provedor OAuth compartilhado. Isso permite que os usuários façam login uma vez e sejam autenticados em seu aplicativo Lovable e em seu fórum.

1. Criar um aplicativo Auth0

1. Visite auth0.com e cadastre-se para uma conta gratuita.
2. No painel do Auth0, clique em Aplicativos no menu à esquerda.
3. Clique em Criar aplicativo.
4. Selecione Aplicativo Web regular e clique em Criar.
5. Na guia Configurações, anote seu domínio, ID do cliente e segredo do cliente.
6. No campo URLs de retorno de chamada permitidos, digite:
   https://FORUM_DOMAIN/oauth?service=Custom&action=doOauthCallback
   (Substitua FORUM_DOMAIN pelo domínio do fórum do Website Toolbox.)
7. Clique em Salvar alterações.

2. Configurar o SSO da Website Toolbox

1. Faça login na sua conta do Website Toolbox.
2. Clique no link Integrar.
3. Clique no link Single Sign On.
4. Selecione OAuth personalizado no menu suspenso como seu criador de sites.
5. No campo ID do cliente, cole seu ID do cliente Auth0.
6. No campo Segredo do cliente, cole seu segredo do cliente Auth0.
7. Deixe o campo Básico em branco.
8. No campo URL de autorização, digite:
   https://YOUR_AUTH0_DOMAIN.auth0.com/authorize
   (Substitua YOUR_AUTH0_DOMAIN pelo seu domínio Auth0.)
9. No campo URL do token de acesso, digite:
   https://YOUR_AUTH0_DOMAIN.auth0.com/oauth/token
10. No campo URL de acesso aos dados do usuário, digite:
    https://YOUR_AUTH0_DOMAIN.auth0.com/userinfo
11. Clique em Salvar.

3. Adicione a autenticação Auth0 ao seu aplicativo Lovable

1. Abra seu projeto Lovable.
2. No bate-papo Lovable, insira um prompt como:
   “Adicionar login do Auth0 ao meu aplicativo. Meu domínio Auth0 é YOUR_AUTH0_DOMAIN.auth0.com, meu ID de cliente é YOUR_CLIENT_ID e meu segredo de cliente é YOUR_CLIENT_SECRET. Os usuários devem poder entrar e sair.”
   (Substitua os espaços reservados por suas credenciais reais do Auth0.)
3. O Lovable integrará a autenticação Auth0 em seu aplicativo, incluindo a funcionalidade de login e saída.

Depois de concluído, os usuários podem fazer login com as mesmas credenciais no seu site Lovable e no fórum do Website Toolbox.

O que seus membros podem fazer

Depois que seu fórum estiver conectado, seus membros terão uma experiência comunitária completa. O Website Toolbox inclui muitos outros recursos além do que está listado aqui. Visite o Features Tour para ver tudo o que está disponível.

Perguntas frequentes