Ask AI gombok

Gombot vagy hivatkozást bárhová elhelyezhet az oldalán — egy termék mellé, az ártáblázatba vagy a GYIK-be —, amely megnyitja a chatet, és azonnal kérdést tesz fel a látogató helyett. Egy kattintás elküldi az üzenetet, és az MI válaszol, így gépelés nélkül kapnak választ.

Hogyan működik

Ha az Asyntai widget szkript telepítve van az oldalán, elérhetővé tesz egy globális JavaScript API-t a window.AsyntaiWidget alatt. Hívhatja annak metódusait a csevegési widget programozott vezérléséhez.

Kérdés küldéséhez hívja meg a window.AsyntaiWidget.ask() függvényt a küldeni kívánt üzenettel:

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

Alapvető példa

Adjon hozzá egy gombot a HTML bármely pontján, és adja át a kérdést, amelyet el kell küldenie:

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

Amikor egy látogató a gombra kattint, megnyílik a chat, és a kérdés automatikusan elküldődik.

Szöveges hivatkozás példa

Adjon hozzá egy szöveges hivatkozást, amely kattintáskor kérdést küld:

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

Stílusos gomb példa

Hozzon létre egy feltűnőbb CTA gombot egyéni stílussal:

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

Automatikusan betöltődik

Az ask() metódus küldés előtt megvárja, amíg a widget teljesen betöltődik, így akkor is működik, ha a látogató az oldal betöltésekor kattint — nem kell ellenőriznie, hogy a widget készen áll-e.

Teljes API-referencia