Boutons Demander à l'IA

Vous pouvez placer un bouton ou un lien n'importe où sur votre site — à côté d'un produit, dans votre grille tarifaire ou dans une FAQ — qui ouvre le chat et pose instantanément une question pour le visiteur. Un clic envoie le message et l'IA répond, pour obtenir des réponses sans rien saisir.

Comment ça marche

Une fois le script du widget Asyntai installé sur votre page, il expose une API JavaScript globale à window.AsyntaiWidget. Vous pouvez appeler ses méthodes pour contrôler le widget de chat de manière programmatique.

Pour envoyer une question, appelez window.AsyntaiWidget.ask() avec le message que vous voulez envoyer :

// Open the chat and send a question
window.AsyntaiWidget.ask("What are your shipping times?");

Exemple de base

Ajoutez un bouton n'importe où dans votre HTML et transmettez la question qu'il doit envoyer :

<button onclick="window.AsyntaiWidget.ask('What are your shipping times?')">
  Ask about shipping
</button>

Lorsqu'un visiteur clique sur le bouton, le chat s'ouvre et la question est envoyée automatiquement.

Exemple de lien texte

Ajoutez un lien texte qui envoie une question au clic :

<a href="#" onclick="event.preventDefault(); window.AsyntaiWidget.ask('Do you offer refunds?');">
  Ask about refunds
</a>

Exemple de bouton stylisé

Créez un bouton d'appel à l'action plus visible avec un style personnalisé :

<style>
  .ask-ai-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #6366f1;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
  }
  .ask-ai-btn:hover {
    background: #4f46e5;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(99, 102, 241, 0.4);
  }
</style>

<button class="ask-ai-btn" onclick="window.AsyntaiWidget.ask('How does pricing work?')">
  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
    <path d="M12 2l1.9 4.8L18.7 8l-4.8 1.9L12 14.7l-1.9-4.8L5.3 8l4.8-1.2L12 2z"/>
  </svg>
  Ask AI
</button>

Il se charge automatiquement

La méthode ask() attend que le widget ait fini de charger avant d'envoyer, elle fonctionne donc même si un visiteur clique au moment où la page se charge — vous n'avez pas besoin de vérifier si le widget est prêt.

Référence complète de l'API