Συνομιλία με επισκέπτες,
στον δικό σας ιστότοπο.

1. 1
   Δημιουργήστε το widget σας

   Ανοίξτε την εφαρμογή Widget Συνομιλίας AI στην Prohost και ορίστε το όνομα, τον χαιρετισμό και το στυλ του κουμπιού που θα βλέπουν οι επισκέπτες σας.

2. 2
   Αντιγράψτε το απόσπασμά σας

   Στην ενότητα Προσθήκη σε άλλον ιστότοπο, αντιγράψτε το απόσπασμα. Περιέχει ήδη το αναγνωριστικό του widget, το κλειδί ενσωμάτωσης και τις ρυθμίσεις του κουμπιού.

3. 3
   Επικολλήστε το πριν από την ετικέτα κλεισίματος body

   Βάλτε το στο καθολικό υποσέλιδο ή στην περιοχή προσαρμοσμένου κώδικα και δημοσιεύστε. Το κουμπί εμφανίζεται στη γωνία με την επόμενη φόρτωση της σελίδας.

<script
  src="https://app.prohost.ai/webchat.js"
  data-widget="WIDGET_ID"
  data-api-key="WIDGET_API_KEY"
  data-position="bottom-right"
  data-launcher-color="#4F46E5"
  data-launcher-icon="chat"
  data-sound="on"
  async></script>

Αντικαταστήστε τα WIDGET_ID και WIDGET_API_KEY με τις τιμές από τις ρυθμίσεις του widget σας — ή απλώς αντιγράψτε το έτοιμο απόσπασμα από την εφαρμογή, που τα συμπληρώνει για εσάς. Το κλειδί ενσωμάτωσης είναι δημόσιο και ισχύει μόνο για αυτό το widget: δεν δίνει καμία πρόσβαση στον λογαριασμό σας. Η Prohost κρύβει το κλειδί μετά την πρώτη εμφάνιση, οπότε χρησιμοποιήστε την Εναλλαγή κλειδιού αν χρειάζεστε νέο απόσπασμα για αντιγραφή.

<script
  src="https://app.prohost.ai/webchat.js"
  data-widget="WIDGET_ID"
  data-api-key="WIDGET_API_KEY"
  async></script>

Λειτουργεί στους περισσότερους δημιουργούς ιστοτόπων: Webflow, WordPress, Squarespace και Wix έχουν όλοι χώρο για προσαρμοσμένο κώδικα στο υποσέλιδο.

Το data-hide-mobile μετράει μόνο ως προς την παρουσία του: οποιαδήποτε τιμή, ακόμη και κενή, το ενεργοποιεί. Όλα τα υπόλοιπα αξιολογούνται με βάση την τιμή τους, και ειδικά το data-sound αντιδρά μόνο στην ακριβή πεζή τιμή on.

• Ο επισκέπτης πρέπει πρώτα να αλληλεπιδράσει με τη σελίδα

  Τα προγράμματα περιήγησης μπλοκάρουν τον ήχο μέχρι κάποιος να κάνει κλικ, να αγγίξει ή να πληκτρολογήσει. Το άνοιγμα του κουμπιού μετράει, όπως και η πληκτρολόγηση στο παράθυρο — οπότε όποιος έστειλε το μήνυμα που προκάλεσε την απάντηση θα την ακούσει. Αν το πρόγραμμα περιήγησης μπλοκάρει την αναπαραγωγή ούτως ή άλλως, δεν χαλάει τίποτα: ο μετρητής μη αναγνωσμένων στο κουμπί είναι το βασικό σήμα και ο ήχος είναι επιπλέον.

• Δεν παίζει ποτέ ενώ διαβάζουν

  Κανένας ήχος όσο το παράθυρο είναι ανοιχτό και η καρτέλα σε πρώτο πλάνο: η απάντηση είναι ήδη στην οθόνη. Παίζει με κλειστό παράθυρο ή με την καρτέλα στο παρασκήνιο. Ο μετρητής μη αναγνωσμένων ακολουθεί ελαφρώς στενότερο κανόνα: εμφανίζεται μόνο με κλειστό παράθυρο.

• Πολλές απαντήσεις μαζί, ένας ήχος

  Πολλά μηνύματα που φτάνουν μαζί παράγουν ένα μόνο σήμα, όχι ένα ανά μήνυμα.

function wireUpWebchat() {
  window.ProhostWebchat.on('webchat_host_message', (event) => {
    console.log(event.type);
  });

  document.querySelector('#my-chat-button')?.addEventListener('click', () => {
    window.ProhostWebchat.open();
    // window.ProhostWebchat.close() collapses it again.
  });
}

if (window.ProhostWebchat) {
  wireUpWebchat();
} else {
  // src*= rather than src$= — the tag may carry a cache-busting query string.
  document
    .querySelector('script[src*="/webchat.js"]')
    ?.addEventListener('load', wireUpWebchat);
}

Χρήσιμο μαζί με το data-hide-mobile: κρύψτε το προεπιλεγμένο κουμπί στα κινητά και ανοίξτε το παράθυρο από δικό σας κουμπί. Τα συμβάντα προωθούνται μόνο όταν προέρχονται από την ενσωμάτωση της Prohost, ποτέ από άλλη προέλευση.