Il Chat Widget offre molte configurazioni tramite il builder del Chat Widget, ma alcune configurazioni non sono disponibili direttamente nel builder per mantenere la semplicità per la maggior parte degli utenti ed evitare complessità per i casi d'uso più comuni. In questa sezione descriviamo le configurazioni che puoi effettuare nel codice del Chat Widget dopo averlo copiato dal builder.

Supponiamo che il codice seguente sia quello che hai copiato dal builder. Puoi aggiungere nuovi attributi a questo codice per una configurazione avanzata.

HTML

Open-Icon-url

Questo attributo ti permette di cambiare l'icona del messaggio predefinita sul pulsante di apertura del Chat Widget.

HTML

Close-icon-url

Questo attributo ti permette di cambiare l'icona di chiusura predefinita sul pulsante di chiusura del Chat Widget.

HTML

Next-prompt-timer

Il next-prompt-timer determina il numero di secondi che il Chat Widget attende prima di mostrare la chat-bubble a un utente che torna a visitare la pagina. Il valore predefinito è 86400 sec (24 ore), il che significa che la bolla del prompt non sarà visibile per 24 ore se un utente chiude il widget. Per rendere la chat-bubble visibile ad ogni visita alla pagina, imposta il valore a 0.

HTML

Server-u-r-l

Per impostazione predefinita, il Chat Widget comunica (invia lead, ecc.) con il server tramite questo URL base (https://msgsndr.com), ma puoi usare questo attributo per comunicare con un server diverso. Utilizzeresti questo attributo a scopo di test/debug.

HTML

API Pubbliche / Eventi

API

1. openWidget: Questo metodo ti permette di aprire il widget in modo programmatico da qualsiasi altra azione, ad esempio al clic su un pulsante.

window.leadConnector.chatWidget.openWidget();

HTML

2. closeWidget: Questo metodo ti permette di chiudere il widget in modo programmatico da qualsiasi altra azione, ad esempio al clic su un pulsante.

window.leadConnector.chatWidget.closeWidget()

HTML

3. isActive(): Questa API restituisce true se il widget è aperto (espanso), altrimenti restituisce false se il widget è chiuso (compresso).

window.leadConnector.chatWidget.isActive()

HTML

4. localizeWidget via API: Questo codice ti permette di modificare le etichette del widget dopo il caricamento.

HTML

5. i18n: Internazionalizzazione - Il Chat Widget non ha supporto automatico per l'i18n basato sul codice lingua i18n, ma puoi modificare qualsiasi etichetta all'interno del widget (consulta la tabella seguente per tutte le etichette) usando i nomi degli attributi.

HTML

key	Valore predefinito (en-US)	Descrizione
name	Name	Etichetta del campo Nome
phone	Mobile Phone	Etichetta del campo telefono mobile
email	E-mail	Etichetta dell'input email
message	Message	Etichetta del campo messaggio
required	Required	Messaggio di errore per i campi obbligatori
received	Received	Etichetta di conferma sotto il testo di ringraziamento
sending	Sending	Visibile durante l'invio del lead
invalid_value	Invalid value	Messaggio di errore per valori non validi nei campi
send	Send	Titolo del pulsante di invio
powered_by	Powered by	Testo Powered by per il branding dell'agenzia

Modifica delle etichette del widget su WordPress - Attualmente non è possibile modificare le etichette del Chat Widget nelle impostazioni del plugin WP HITLEAD; tuttavia, puoi aggiungere il codice seguente nel footer del sito WordPress per modificare le etichette dopo il caricamento del widget.

HTML

Se non ti senti a tuo agio nell'aggiungere il codice nel footer, puoi utilizzare un plugin come Insert Headers And Footers, che semplifica il processo.

Eventi

1. LC_chatWidgetLoaded: Il Chat Widget attiva questo evento dopo aver completato il caricamento sulla finestra del browser (window).

HTML