Pulsanti Chiedi all'IA

Puoi posizionare un pulsante o un link ovunque sul tuo sito — accanto a un prodotto, nella tabella dei prezzi o in una FAQ — che apre la chat e pone subito una domanda al posto del visitatore. Un clic invia il messaggio e l'IA risponde, così ottengono risposte senza digitare.

Come funziona

Una volta che lo script del widget Asyntai è installato sulla tua pagina, espone un'API JavaScript globale su window.AsyntaiWidget. Puoi chiamare i suoi metodi per controllare il widget della chat in modo programmatico.

Per inviare una domanda, chiama window.AsyntaiWidget.ask() con il messaggio che vuoi inviare:

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

Esempio base

Aggiungi un pulsante ovunque nel tuo HTML e passa la domanda che deve inviare:

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

Quando un visitatore fa clic sul pulsante, la chat si apre e la domanda viene inviata automaticamente.

Esempio di link testuale

Aggiungi un link testuale che invia una domanda quando viene cliccato:

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

Esempio di pulsante stilizzato

Crea un pulsante CTA più evidente con uno stile personalizzato:

<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>

Si carica automaticamente

Il metodo ask() attende che il widget finisca di caricarsi prima di inviare, quindi funziona anche se un visitatore fa clic nel momento in cui la pagina si carica — non devi verificare se il widget è pronto.

Riferimento API completo