Lovable es un creador de sitios web basado en inteligencia artificial que te permite crear aplicaciones y sitios web a través de una sencilla interfaz de chat. Pero como la mayoría de los creadores de sitios web, no incluye un foro comunitario integrado ni una función de discusión.

Ahí es donde entra en juego Website Toolbox. Puedes insertar un foro de discusión con todas las funciones directamente en tu sitio de Lovable, o simplemente vincular a tu foro desde la navegación de tu sitio. De cualquier forma, obtendrás cuentas de usuario, herramientas de moderación y conversaciones en tiempo real.

Esto funciona muy bien para:

• Comunidades de productos SaaS
• Debates sobre cursos en línea
• Sitios de entrenamiento y membresía
• Foros de atención al cliente
• Tableros de comentarios y solicitudes de funciones
• Comunidades de creadores y aficionados
• Grupos de miembros privados

Esta guía paso a paso lo guía a través del proceso:

Paso a paso: agrega tu foro

1. Visita lovable.dev e inicia sesión en tu cuenta. Si no tienes una, haz clic en Comenzar para crear una cuenta gratuita.
2. En el panel de control, haz clic en Nuevo proyecto para iniciar un nuevo proyecto o abre un proyecto existente donde quieras añadir el foro.
3. En el panel de chat de Lovable, escribe un mensaje para crear una nueva página o enlace para tu foro. Por ejemplo: «Añadir una nueva página llamada Foro a mi sitio web». Lovable generará la página y la añadirá a la navegación de tu proyecto.
4. Puedes incrustar el foro directamente en la página o enlazarlo. Ambos enfoques comienzan de la misma manera. Necesitarás la URL del foro o el código de inserción de Website Toolbox:
   1. Inicia sesión en tu cuenta de Website Toolbox o crea un nuevo foro si aún no tienes uno.
   2. Copia la URL de tu foro. Lo necesitarás para el enfoque de enlace.
   3. Para el enfoque de incrustación, vaya a Integrar > Insertar → Insertar su foro y copie el código de inserción.
5. Opción A: Enlace al foro: En el chat de Lovable, pega un mensaje como: «Añadir un enlace a la página de mi foro que abra la URL de mi foro en una pestaña nueva».
   
   Opción B: incrustar el foro: en el chat de Lovable, pega un mensaje como: «Inserta el siguiente código en la página del foro como un iframe de ancho completo: [pega tu código de inserción aquí]» Lovable añadirá el iframe a tu página.
6. Haz clic en el botón Publicar en la esquina superior derecha de Lovable. Configure la URL publicada y haga clic en Publicar para implementar su sitio.
7. Si eligió el enfoque de incrustación, copie la URL de la página del foro publicada. Puedes encontrarla en la navegación de tu sitio o visitando la URL publicada y yendo a la página del foro.
8. Si has elegido el enfoque de incrustación, vuelve a la sección Integrar → Insertar → Insertar → Insertar tu foro de la Website Toolbox y pega la URL de tu página de Lovable Forum en la sección ¿Dónde está incrustado el foro? campo.

Inicio de sesión único

Para habilitar el inicio de sesión único entre tu sitio web de Lovable y tu foro de Website Toolbox, puedes usar Auth0 como proveedor de OAuth compartido. Esto permite a los usuarios iniciar sesión una vez y autenticarse tanto en tu aplicación Lovable como en tu foro.

1. Cree una aplicación Auth0

1. Visite auth0.com y regístrese para obtener una cuenta gratuita.
2. En el panel de control de Auth0, haz clic en Aplicaciones en el menú de la izquierda.
3. Haz clic en Crear aplicación.
4. Seleccione Aplicación web normal y haga clic en Crear.
5. En la pestaña Configuración, anota tu dominio, ID de cliente y secreto de cliente.
6. En el campo URL de devolución de llamadas permitidas, escribe:
   https://FORUM_DOMAIN/oauth?service=Custom&action=doOauthCallback
   (reemplaza FORUM_DOMAIN por el dominio del foro de Website Toolbox).
7. Haz clic en Guardar cambios.

2. Configurar el SSO de Website Toolbox

1. Inicie sesión en su cuenta de Website Toolbox.
2. Haga clic en el enlace Integrar.
3. Haga clic en el enlace de inicio de sesión único.
4. Selecciona OAuth personalizado en el menú desplegable como creador de tu sitio web.
5. En el campo ID de cliente, pega tu ID de cliente de Auth0.
6. En el campo Secreto del cliente, pega tu secreto de cliente de Auth0.
7. Deje el campo Básico en blanco.
8. En el campo URL de autorización, escribe:
   https://YOUR_AUTH0_DOMAIN.auth0.com/authorize
   (reemplaza YOUR_AUTH0_DOMAIN por tu dominio Auth0).
9. En el campo URL del token de acceso, escribe: https://YOUR_AUTH0_DOMAIN.auth0.com/oauth/token

10. En el campo URL de acceso a los datos de usuario, introduzca:
    https://YOUR_AUTH0_DOMAIN.auth0.com/userinfo
11. Haga clic en Guardar.

3. Agregue la autenticación Auth0 a su aplicación Lovable

1. Abre tu proyecto Lovable.
2. En el chat de Lovable, ingresa un mensaje como:
   «Agregar el inicio de sesión de Auth0 a mi aplicación. Mi dominio de Auth0 es YOUR_AUTH0_DOMAIN.Auth0.com, mi ID de cliente es YOUR_CLIENT_ID y mi secreto de cliente es YOUR_CLIENT_SECRET. Los usuarios deberían poder iniciar y cerrar sesión».
   (Sustituya los marcadores de posición por sus credenciales de Auth0 reales).
3. Lovable integrará la autenticación Auth0 en su aplicación, incluida la funcionalidad de inicio y cierre de sesión.

Una vez completado, los usuarios pueden iniciar sesión con las mismas credenciales tanto en su sitio web de Lovable como en el foro de Website Toolbox.

Qué pueden hacer sus miembros

Una vez que tu foro esté conectado, tus miembros disfrutarán de una experiencia comunitaria con todas las funciones. Website Toolbox incluye muchas más funciones además de las que se enumeran aquí. Visita el recorrido por las funciones para ver todo lo que está disponible.

Preguntas frecuentes