Назад на контролну таблу

Документација

Научите како да користите Asyntai

Дугмад Питај AI

Додајте дугме било где на свом сајту које једним кликом шаље питање у ћаскање

Дугме или везу можете поставити било где на свом сајту — поред производа, у табели цена или у честим питањима — које отвара ћаскање и одмах поставља питање уместо посетиоца. Један клик шаље поруку, а 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>

Напомена: Користите event.preventDefault() на сидреним линковима да бисте спречили померање странице на врх приликом клика.

Пример стилизованог дугмета

Креирајте истакнутије 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 референца

Метода Опис
AsyntaiWidget.ask("message") Отвара ћаскање и шаље поруку као да ју је откуцао посетилац
AsyntaiWidget.open() Отвара виџет за ћаскање
AsyntaiWidget.close() Затвара виџет за ћаскање
AsyntaiWidget.toggle() Пребацује ћаскање између отвореног и затвореног стања