Κουμπιά Ρωτήστε το AI

Μπορείτε να τοποθετήσετε ένα κουμπί ή σύνδεσμο οπουδήποτε στον ιστότοπό σας — δίπλα σε ένα προϊόν, στον πίνακα τιμών ή στις Συχνές Ερωτήσεις — που ανοίγει τη συνομιλία και κάνει αμέσως μια ερώτηση για τον επισκέπτη. Ένα κλικ στέλνει το μήνυμα και το AI απαντά, ώστε να λαμβάνουν απαντήσεις χωρίς πληκτρολόγηση.

Πώς λειτουργεί

Μόλις εγκατασταθεί το script widget Asyntai στη σελίδα σας, εκθέτει ένα καθολικό JavaScript API στο window.AsyntaiWidget. Μπορείτε να καλείτε τις μεθόδους του για να ελέγχετε το widget συνομιλίας προγραμματιστικά.

Για να στείλετε μια ερώτηση, καλέστε το 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() περιμένει να ολοκληρωθεί η φόρτωση του widget πριν στείλει, οπότε λειτουργεί ακόμη κι αν ένας επισκέπτης κάνει κλικ τη στιγμή που φορτώνει η σελίδα — δεν χρειάζεται να ελέγξετε αν το widget είναι έτοιμο.

Πλήρης Αναφορά API