AI से पूछें बटन

आप अपनी साइट पर कहीं भी एक बटन या लिंक रख सकते हैं — किसी उत्पाद के पास, अपनी मूल्य तालिका में, या FAQ में — जो चैट खोलता है और तुरंत आगंतुक की ओर से एक सवाल पूछता है। एक क्लिक संदेश भेजता है और AI जवाब देता है, इसलिए उन्हें बिना टाइप किए जवाब मिल जाते हैं।

यह कैसे काम करता है

एक बार जब Asyntai विजेट स्क्रिप्ट आपके पेज पर इंस्टॉल हो जाती है, तो यह window.AsyntaiWidget पर एक वैश्विक JavaScript API उजागर करती है। आप चैट विजेट को प्रोग्रामेटिक रूप से नियंत्रित करने के लिए इसकी विधियों को कॉल कर सकते हैं।

प्रश्न भेजने के लिए, जिस संदेश को भेजना है उसके साथ 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 संदर्भ