Бутони „Попитайте AI“

Можете да поставите бутон или връзка навсякъде в сайта си — до продукт, в таблицата с цени или във ЧЗВ — който отваря чата и веднага задава въпрос вместо посетителя. Едно кликване изпраща съобщението и AI отговаря, така че посетителите получават отговори без да пишат.

Как работи

След като скриптът на приспособлението Asyntai е инсталиран на вашата страница, той предоставя глобален JavaScript API на window.AsyntaiWidget. Можете да извикате неговите методи, за да управлявате чат приспособлението програмно.

За да изпратите въпрос, извикайте window.AsyntaiWidget.ask() със съобщението, което искате да изпратите:

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

Основен пример

Добавете бутон навсякъде във вашия HTML и подайте въпроса, който трябва да изпрати:

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

Когато посетител кликне върху бутона, чатът се отваря и въпросът се изпраща автоматично.

Пример с текстова връзка

Добавете текстова връзка, която изпраща въпрос при кликване:

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

Пример със стилизиран бутон

Създайте по-забележим CTA бутон с персонализиран стил:

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

Зарежда се автоматично

Методът ask() изчаква уиджетът да се зареди напълно, преди да изпрати, така че работи дори ако посетител кликне в момента на зареждане на страницата — не е нужно да проверявате дали уиджетът е готов.

Пълна API справка