Installation

Plusieurs façons d'intégrer AskIA dans votre projet.

Prérequis

  • Un compte AskIA (gratuit)
  • Un bot créé depuis le tableau de bord
  • Votre ID de bot
Vous pouvez créer un compte gratuit sur la page d'inscription

Méthode 1 : Widget JavaScript (Recommandée)

La façon la plus simple d'ajouter AskIA à votre site web. Le widget apparaît automatiquement en bas à droite de la page.

Installation

Ajoutez simplement cette ligne avant la balise fermante </body> :

index.html
<script src="askiabot.com/api/widget/embed.js?botId=YOUR_BOT_ID"></script>
Remplacez YOUR_BOT_ID par l'ID réel de votre bot, que vous trouverez dans le tableau de bord.

Méthode 2 : Iframe

Pour intégrer le chat dans une zone spécifique de votre page :

index.html
<iframe
  src="askiabot.com/widget/preview?botId=YOUR_BOT_ID"
  width="400"
  height="600"
  frameborder="0"
></iframe>

Méthode 3 : React / Next.js

Pour les applications React ou Next.js, utilisez le composant Script :

pages/_app.tsx
import Script from 'next/script'

export default function MyApp({ Component, pageProps }) {
  return (
    <>
      <Component {...pageProps} />
      <Script
        src="askiabot.com/api/widget/embed.js?botId=YOUR_BOT_ID"
        strategy="lazyOnload"
      />
    </>
  )
}

Configuration

Vous pouvez personnaliser le comportement du widget en ajoutant des paramètres :

index.html
<script
  src="askiabot.com/api/widget/embed.js?botId=YOUR_BOT_ID"
  data-position="bottom-right"
  data-theme="auto"
></script>

Paramètres Disponibles

  • data-position - Position du widget (bottom-right, bottom-left, top-right, top-left)
  • data-theme - Thème (light, dark, auto)

Vérification

Après l'installation, rechargez votre page. Vous devriez voir le widget AskIA apparaître dans le coin de votre page.

Félicitations ! Votre assistant IA est maintenant en ligne.