Apri il tuo IDE e testa le Live Chat API

Prendi pieno controllo della tua Live Chat grazie alle potenti JS API

No carta di credito
Installazione in 60s
Piano gratis per sempre
Customerly

Riconosci automaticamente i tuoi utenti

Se vuoi autenticare i tuoi utenti automaticamente, controlla il codice qui sotto

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    user_id: "USER_ID",  // Optional
    name: "USER_NAME", 
    email: "USER_EMAIL", 
});

Aggiungi proprietà per tenere traccia dei dati più importanti dei tuoi clienti

Raccogli i dati degli utenti automaticamente ogni volta che usano la tua app, così quando lo snippet JS di Customerly viene caricato, aggiorneremo tutti i dati dei tuoi clienti

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    user_id: "USER_ID",  // Optional
    name: "USER_NAME", 
    email: "USER_EMAIL", 
    
    // Add your custom attributes of the user you want to track

    attributes: {
        created_at: 1384902000, // Add dates as Unix timestamp
        license_expire_at: 1603490400 // Add any other attribute here with value_key:value 
    }
});

Aggiungi aziende per i tuoi utenti

Se gestisci utenti che gestiscono diverse aziende o progetti all'interno della tua piattaforma, potresti voler utilizzare le aziende per monitorarli. Quando l'utente cambia azienda nella tua piattaforma, passa le aziende relative a Customerly come mostrato di seguito e le seguiremo

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    user_id: "USER_ID",  // Optional
    name: "USER_NAME", 
    email: "USER_EMAIL",
    
    // Company Properties can be added here as you wish

    company: {
        company_id: "COMPANY_ID",    // Your internal ID of the company or project
        name: "COMPANY_NAME",        // The name of the user's project or company 
       
        // Add another property here that you might need to track
        // The format should follow: 
        //  - property_name: property_value
        license_expire_at: 1603490400
    }
});

Aggiorna i dati dell'utente

Se vuoi aggiornare qualsiasi valore nei tuoi dettagli utente, potresti voler chiamare la funzione update() e passare lo stesso dizionario della funzione load().

customerly.update({...}) // Same value as load

Modificare una proprietà utente quando l'utente la aggiorna

Se i tuoi utenti aggiornano una proprietà nella tua piattaforma dovrai chiamare questa funzione per aggiornarla anche a Customerly

customerly.attribute("plan", "unlimited")

Tieni traccia degli eventi per ottenere maggiori informazioni su ogni mossa dell'utente

Il fondamento di una grande automazione del marketing inizia dal monitoraggio del comportamento degli utenti sulla tua piattaforma. Tieni traccia degli eventi per le azioni più importanti sulla tua app o sul tuo sito web

customerly.event("subscribed")

Disconnetti i tuoi utenti

Se vuoi disconnettere il tuo utente nel messenger, puoi farlo in qualsiasi momento con il codice qui sotto

customerly.logout()
Personalizziamo il comportamento e l'aspetto della tua live chat

Personalizziamo il comportamento e l'aspetto della tua live chat

Con alcune modifiche all'API JS Live Chat puoi controllare ancora di più il comportamento della live chat. Apri e chiudi come desideri e molto altro ancora

Localizzazione della live chat

La live chat rileva automaticamente le impostazioni internazionali dell'utente e adatta la sua lingua per impostazione predefinita a una delle lingue multiple. Se vuoi forzare la lingua principale che selezioni nella tua dashboard, aggiungi l'opzione autodetectLocale e usa false

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    // Custom options
    autodetectLocale: false
});

Mostra la Live Chat in modo programmatico

Per mostrare la live chat, se in precedenza avevi nascosto con il visibile: false di cui sopra, puoi utilizzare la funzione show()

customerly.show()

Nascondi la Live Chat in modo programmatico

Per nascondere la live chat in determinate azioni, puoi utilizzare la funzione hide()

customerly.hide()

Modifica la visibilità della Live Chat

Potresti voler nascondere la live chat su determinate pagine, puoi farlo aggiungendo l'opzione visibile con il valore booleano. Accettiamo valori veri o falsi

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    // Custom options
    visible: false
});

Cambia la visibilità della Live Chat solo su mobile

Se vuoi nascondere la live chat solo sul cellulare, puoi farlo aggiungendo l'opzione visibileSuMobile

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    // Custom options
    visibleOnMobile: false
});

Apri la Live Chat in modo programmatico

Per aprire la home page della live chat, puoi utilizzare il metodo open(). Questo simulerà un clic sulla bolla della live chat. Questo è super utile se vuoi connettere la tua live chat aperta al tuo pulsante personalizzato

customerly.open()

Apri la Live Chat in modo programmatico con un messaggio precompilato

Se desideri aprire la live chat con un messaggio di chat precompilato puoi utilizzare la seguente funzione

customerly.showNewMessage("Hey team, I need an Enterprise plan for my project, can you help?");

Chiudi la Live Chat in modo programmatico

Se vuoi chiudere la live chat in modo programmatico mentre è aperta, ecco come puoi farlo

customerly.close()

Sposta la tua live chat

Se vuoi la live chat a destra, usa la direzione: "destra", altrimenti usa "sinistra".

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    // Custom options
    direction: "right | left",
    position: {
        desktop: {
            bottom: 50,
            side: 50
        },
        mobile: {
            bottom: 30,
            side: 30
        }
    }
});

Cambia il colore primario

Se vuoi cambiare il colore di base della tua live chat, puoi personalizzarlo qui. Accettiamo tutti i codici HEX

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    // Custom options
    accentColor: "#ffffff"
});

Cambia il colore del contrasto

Se vuoi cambiare il colore di contrasto della tua live chat, puoi personalizzarlo qui. Accettiamo tutti i codici HEX

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    // Custom options
    contrastColor: "#000000"
});

Abilita/disabilita gli allegati

Per impostazione predefinita, la live chat offre un'icona a forma di clip per allegare file alla conversazione. Se desideri nascondere la funzionalità degli allegati, puoi utilizzare l'opzione attachmentsAvailable e impostarla su false

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    // Custom options
    attachmentsAvailable: false
});
Utilizza i callback per ricevere notifiche in base alle azioni dell'utente

Utilizza i callback per ricevere notifiche in base alle azioni dell'utente

Se vuoi monitorare una conversione PPC ogni volta che qualcuno apre una live chat, o forse vuoi personalizzare il comportamento della tua live chat, usa i callback della live chat

Il callback della Live Chat quando la chat è stata aperta

La onChatOpened verrà attivata quando il client apre la finestra di chat. Ideale se si desidera controllare l'icona della live chat dopo aver aperto la finestra di chat (per controllare la finestra di chat, fare riferimento al tutorial qui).

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    callbacks: {
      onChatOpened: function( ) { … }
    }
});

Live Chat Richiamata quando la chat è stata chiusa

La onChatClosed verrà attivata quando il client chiude la finestra di chat. Ideale se vuoi nascondere l'icona della live chat dopo aver chiuso la finestra di chat (per chiudere la finestra di chat fai riferimento al tutorial qui).

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    callbacks: {
      onChatClosed: function( ) { … }
    }
});

Il callback della Live Chat quando è stato generato un lead

Se desideri essere avvisato dalla live chat quando qualcuno istanzia una nuova conversazione con te e lascia la sua email, puoi utilizzare la onLeadGenerated .

La funzione restituisce:
- email: email del lead inserita nella live chat (se presente, altrimenti sarà nulla).

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    callbacks: {
      onLeadGenerated: function( email ) { … }
    }
});

Il callback della Live Chat quando è stata avviata una nuova conversazione

La onNewConversation verrà attivata quando un utente o un lead avvia una nuova conversazione. Ideale se vuoi monitorare in Google Analytics o altro servizio di analisi che utilizzi le pagine con più conversazioni aperte.

La funzione restituisce:
- messaggio: una stringa contenente il messaggio appena inviato.
- allegati: un elenco di dizionari con il contenuto degli allegati aggiunti al messaggio

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    callbacks: {
      onNewConversation: function( message, attachments ) { … }
    }
});

Il callback della Live Chat quando è stata richiesta una pre-chat

La onProfilingQuestionAsked verrà attivata quando una delle domande di profilazione è stata mostrata al visitatore.

La funzione restituisce:
- attributo: l'attributo per la relativa domanda posta

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    callbacks: {
      onProfilingQuestionAsked: function( attribute, value ) { … }
    }
});

Il callback della Live Chat quando si risponde a una pre-chat

La onProfilingQuestionAnswered verrà attivata quando il lead risponde a una qualsiasi delle domande di profilazione.

La funzione restituisce:
- attributo: l'attributo per la relativa domanda posta
- valore: la risposta lasciata dal lead

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    callbacks: {
      onProfilingQuestionAnswered: function( attribute ) { … }
    }
});

Il callback della Live Chat quando si risponde a una chat video dal vivo video

La onRealtimeVideoAnswered verrà attivata quando il client risponde a una chat video in tempo reale

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    callbacks: {
      onRealtimeVideoAnswered: function( ) { … }
    }
});

Il callback della Live Chat quando una chat video dal vivo è stata rifiutata

La onRealtimeVideoRejected verrà attivata quando il client rifiuta una chat video in tempo reale

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    callbacks: {
      onRealtimeVideoRejected: function( ) { … }
    }
});

Il callback della Live Chat quando è stato aperto un articolo del Centro assistenza

La onHelpCenterArticleOpened verrà attivata quando il cliente apre un articolo del Centro assistenza all'interno del widget della live chat.

La funzione restituisce:
- articolo: l'articolo aperto dal cliente.

Il payload dell'articolo consiste in:
- Conto : Conto
- corpo: stringa
- Collezione : Collezione
- creato_a: numero
- descrizione: stringa
- knowledge_base_article_id: numero
- lumaca: stringa
- titolo: stringa
- aggiornato_a: numero

customerly.load({
    app_id: "YOUR_CUSTOMERLY_ID",
    
    callbacks: {
      onHelpCenterArticleOpened: function( article ) { … }
    }
});
Live Chat Messenger Chat Details
arrow
Live Chat Messenger Conversation History

Inizia a rendere la vita facile ai tuoi clienti oggi

Registrati ora gratis e preparati a portare il tuo business al prossimo livello

No carta di credito
Installazione in 60s
Piano gratis per sempre

Sarai in ottima compagnia

0 aziende da tutto il mondo si affidano a Customerly per migliorare il loro supporto, vendite e marketing

  • fatture-in-cloud
  • gabetti
  • la-repubblica
  • marketers
  • start2impact
  • tagmanageritalia
  • appinstitute
  • epayco
  • njlitics
  • paykickstart
  • socialgest
  • startupgeeks
  • tedx
  • fatture-in-cloud
  • gabetti
  • la-repubblica
  • marketers
  • start2impact
  • tagmanageritalia
  • appinstitute
  • epayco
  • njlitics
  • paykickstart
  • socialgest
  • startupgeeks
  • tedx