Botones Preguntar a la IA

Puedes colocar un botón o enlace en cualquier parte de tu sitio — junto a un producto, en tu tabla de precios o en las preguntas frecuentes — que abre el chat y hace una pregunta al instante por el visitante. Un clic envía el mensaje y la IA responde, de modo que obtienen respuestas sin escribir.

Cómo funciona

Una vez que el script del widget Asyntai está instalado en su página, expone una API JavaScript global en window.AsyntaiWidget. Puede llamar a sus métodos para controlar el widget de chat programáticamente.

Para enviar una pregunta, llama a window.AsyntaiWidget.ask() con el mensaje que quieras enviar:

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

Ejemplo básico

Añade un botón en cualquier parte de tu HTML y pasa la pregunta que debe enviar:

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

Cuando un visitante hace clic en el botón, el chat se abre y la pregunta se envía automáticamente.

Ejemplo de enlace de texto

Añade un enlace de texto que envíe una pregunta al hacer clic:

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

Ejemplo de botón con estilo

Cree un botón CTA más prominente con estilo personalizado:

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

Se carga automáticamente

El método ask() espera a que el widget termine de cargarse antes de enviar, por lo que funciona incluso si un visitante hace clic en el momento en que se carga la página — no necesitas comprobar si el widget está listo.

Referencia completa de la API