Documentación
Guía de instalación, integraciones por plataforma y referencia de API.
Quickstart en 3 pasos
Crear el widget
Después de signup, andá a Widgets → Nuevo widget. Elegí un template (e-commerce, SaaS, etc.) o empezá en blanco.
Cargar la base de conocimiento
En el widget, pestaña Conocimiento. Podés pegar texto manual, subir un PDF, crawlear una URL, o conectar un Postgres read-only.
Embeber el snippet
En la pestaña Instalación copiás el <script> con tu public_key y lo pegás antes del </body> de tu sitio.
Plataformas soportadas
HTML / cualquier sitio
El snippet exacto (con tu public key) está en la pestaña Instalación del panel. data-api-base es obligatorio: sin él el loader busca la config en el host equivocado y el widget no carga.
<script async
src="https://widget.botpar.com/loader.js"
data-widget-id="widget_pk_xxx"
data-api-base="https://app.botpar.com">
</script>WordPress
Instalá el plugin oficial BotPar desde el directorio de WP.org. Pegá tu public key en Settings → BotPar.
Next.js / React
// app/layout.tsx
<Script
async
src="https://widget.botpar.com/loader.js"
data-widget-id="widget_pk_xxx"
data-api-base="https://app.botpar.com"
/>Shopify (próximamente)
App nativa con sincronización automática del catálogo.
Sitios con Content-Security-Policy
Si tu sitio define un CSP, agregale estos tres orígenes. No hace falta tocar style-src.
script-src https://widget.botpar.com;
connect-src https://app.botpar.com;
frame-src https://widget.botpar.com;API reference (resumen)
/api/widgets/:public_key/configDevuelve la config pública del widget (branding, behavior, privacy).
/api/chatStream SSE. Body: { widgetPublicKey, visitorId, message }. Headers: X-RateLimit-*.
/api/chat/csatSubmitea CSAT al cerrar conversación.
/api/stripe/webhookHMAC verified. Eventos: checkout.session.completed, customer.subscription.*
Tutoriales
- Armar un bot de soporte en 10 minutos (próximamente)
- Conectar tu CRM via webhook (próximamente)
- A/B testear un system prompt (próximamente)