Saltar al contenido principal

​
Despliega tu widget de chat IA

Tras crear tu workspace, configura el widget y pega un solo script tag en tu sitio web. El widget aparece como una burbuja flotante de chat en la esquina inferior derecha de cada pagina donde el snippet este cargado.

​
Configura tu widget

1

Abre el formulario de configuracion

Desde tu workspace, abre la configuracion del Web Widget. Veras campos para los metadatos del widget y el estilo de marca.
2

Rellena los campos

  • Nombre — una etiqueta para tu widget (p. ej., “Widget de mi sitio”)
  • Origenes permitidos — los dominios donde el widget puede ejecutarse, uno por linea. Soporta comodines (*.example.com). Deja vacio para permitir todos.
  • Color primario — el color de tu marca en hex (p. ej., #F97316)
Pulsa Crear widget cuando este listo.
Formulario de configuracion del Web Widget con Nombre, Origenes y Color
3

Copia el codigo de embed

Tras la creacion, abre la pestana Instalacion en los ajustes del widget. Veras un script tag como este:
<script
  src="https://bestchatbot.io/widget/v1/chat.js"
  data-api-key="rk_live_xxxxxxxxxxxxxxxxxxxx"
  defer
></script>
Pestana Instalacion mostrando el codigo de embed con un boton de copiar
4

Pegalo en tu sitio web

Anade el script tag justo antes de la etiqueta </body> en cada pagina donde quieras que aparezca el widget.
<body>
  <!-- Contenido de tu web -->

  <script
    src="https://bestchatbot.io/widget/v1/chat.js"
    data-api-key="rk_live_xxxxxxxxxxxxxxxxxxxx"
    defer
  ></script>
</body>
5

Verifica que funciona

Abre tu sitio en un navegador. Deberias ver una burbuja de chat en la esquina inferior derecha. Pulsa para abrir la ventana y prueba una pregunta.
Widget de chat abierto en un sitio web

​
Multiples widgets

Cada workspace ejecuta un widget. Para gestionar varios sitios o marcas, crea un workspace por widget. Cada workspace tiene su propia base de conocimiento, configuracion y tracking de uso.
Cambia entre workspaces con el selector en la parte superior del dashboard.

​
Proximo paso

Guia del Web Widget

Guia completa: colores personalizados, origenes permitidos, API programatica, troubleshooting y mas.