Modulo gratuito Live Chat, Facebook Messenger, WhatsApp e molti altri. Joomla Extensions

Il modulo gratuito Messenger Links 15 da la possibilità di visualizzare un pulsante su tutte le pagine del tuo sito internet con l'apertura di una finestra popup contente i collegamenti ai più noti canali di comunicazione diretta.

Inclusi nella versione attuale troverai i link diretti a WhatsApp (con gestione automatica versione desktop e mobile), Fecebook Messenger, Telegram, Skype, contatto diretto tramite E-mail, link alla pagina di contatto del tuo sito internet, chiamata diretta al tuo numero di telefono. Rispetto ad altri moduli gratuiti che troverai on-line, con Messenger Links 15 non c'è alcun vincolo sul numero dei pulsanti da far visualizzare!

Potrai infine personalizzare posizione e colori del pulsante, oltre al suo contenuto con testo e icona, personalizzare i testi e i colori della finestra popup con possibilità di inserire un avatar personalizzato e il nome e dipartimento/ruolo dell'incaricato al servizio clienti. Infine potrai personalizzare il colore di tutte le icone dei link diretti ai canali di Live Chat.
 

1. Come offrire un servizio di Live Chat installando un modulo gratuito in Joomla.

1.1. Scarica il modulo Messenger Links 15 da questa form e installalo sul tuo sito in Joomla.

1.2. Una volta installato il modulo, vai nella lista moduli (Estenzioni -> Moduli) e clicca sul modulo Messenger Links 15. Se non è presente, clicca sul pulsante in alto a destra Nuovo ed aggiungi il modulo Messenger Links 15.

2. Come configurare il modulo Messenger Links 15

2.1. Una volta installato il modulo, vai nella lista moduli (Estenzioni -> Moduli) e clicca sul modulo Messenger Links 15.

2.2. Configura il modulo seguendo queste indicazioni:

Tab Modulo:

- Per una corretta visualizzazione attiva questo modulo in una posizione del tuo template. Per evitare conflitti con il css del tuo template è consigliata la posizione DEBUG.

Tab Impostazioni Stile:

- Posizione Pulsante: scegli la posizione del pulsante tra "In basso a destra", "In basso a sinistra", "In alto a destra" e "In alto a sinistra".

- Colore di sfondo Pulsante: scegli il colore di sfondo del pulsante che comparirà su tutte le pagine del tuo sito internet.

- Colore testo Pulsante: scegli il colore del testo del pulsante.

- Testo dl pulsante: se vuoi che compaia un testo nel pulsante, inseriscilo qui. Lascia questo campo vuoto per non visualizare alcun testo.

- Icona Pulsante: scegli se visualizzare un'icona nel pulsante tra quella Classica del modulo o se caricare una personalizzata.

Nota 1: in caso di Icona Personalizzata, non verranno considerati tutti i parametri legati al colore del Pulsante e al testo. Verrà quindi visualizzata solo l'icona che andrai a caricare nel modulo.

Nota 2: nel caso in cui non dovessi inserire alcun testo nel pulsante e non selezionare alcuna icona, il modulo userà comunque l'icona di default presente nel modulo. Questo per far si che il pulsante non sia vuoto.

Tab Impostazioni Popup:

Configura i pulsanti da visualizzare nella finestra popup:

- WhatsApp: Inserisci il tuo numero di telefono WhatsApp senza spazi, (, ), +, ecc. Inserisci il numero di telefono con il codice della nazione es.: 39. Lasciare vuoto per non visualizzare questo pulsante. Scegli il colore di sfondo dell'icona e il colore dell'icona.

- Facebook Messenger: Inserisci il nome della tua Pagina Facebook senza spazi. Il formato del lik sarà http://m.me/PAGE_NAME. Lasciare vuoto per non visualizzare questo pulsante. Scegli il colore di sfondo dell'icona e il colore dell'icona.

- Telegram: Inserisci il tuo username di Telegram, senza spazi. Il formato finale del lik sarà http://t.me/USER_NAME. Lasciare vuoto per non visualizzare questo pulsante. Scegli il colore di sfondo dell'icona e il colore dell'icona.

- Skype: Accedi sul tuo profilo Skype e clicca sul pulsante Condividi Profilo. Copia il link nella forma https://join.skype.com/invite/Cp2jJLhf52HM. Lasciare vuoto per non visualizzare questo pulsante. Scegli il colore di sfondo dell'icona e il colore dell'icona.

- Contatto diretto Mail: Inserisci la tua email. Lasciare vuoto per non visualizzare questo pulsante. Scegli il colore di sfondo dell'icona e il colore dell'icona.

- Pagina di Contatto: Aggiungi l'url della tua pagina dei contatti. Se la pagina è associata a un menu del tuo sito web, inserisci questa stringa: index.php?Itemid=XXX. Sostituisci XXX con l'ID del numero della voce nell'elenco dei menu. Lasciare vuoto per non visualizzare questo pulsante. Scegli il colore di sfondo dell'icona e il colore dell'icona.

- Chiamata Diretta: Inserisci il tuo numero di telefono senza spazi, (, ), +, ecc. Inserisci il numero con il codice della nazione es.: 39. Lasciare vuoto per non visualizzare questo pulsante. Scegli il colore di sfondo dell'icona e il colore dell'icona.

Configura i paramentri legati alla finestra popup: 

- Colore di sfondo Intestazione: scegli il colore di sfondo dell'intestazione della finestra popup.

- Colore testo Intestazione: scegli il colore del testo contenuto nell'intestazione della finestra con tutti i link ai canali da te scelti.

- Tipo di intestazione: puoi scegliere se visualizzare l'intestazione già pre-formattata nel modulo con la visualizzazione del Nome, dipartimento e avatar dell'incaricato al servizio clienti, oppure se personalizzare completamente l'intestazione con un contenuto html.

Nel caso in cui dovessi optare per la tipologia Nome e immagine dell'incaricato, dovrai compilare i seguenti campi:

- Nome incaricato: inserisci il nome dell'incaricato o della tua azienda. Lasciare vuoto se non si vuole visualizzare nulla.

- Nome dipartimento: inserisci il nome del dipartimento dedicato al servizio clienti. Lasciare vuoto se non si vuole visualizzare nulla.

- Immagine incaricato: carica l'avata dell'incaricato. Potresti anche inserire il logo della tua azienda. Se lasciato vuoto, verrà visualizzato l'avatar di default del modulo.

Nel caso in cui dovessi optare invece per la tipologia Contenuto html, compila il campo Contenuto dell'intestazione

Infine:

- Contenuto commento incaricato: questo campo ti da la possibilità di visualizzare nella finestra popup un messaggio di benvenuto. Se lasciato vuoto non verrà visualizzato nulla.

3. Vuoi personalizzare il modulo Messenger Links 15 cambiando l'ordine dei pulsanti?

Nel caso in cui volessi cambiare l'ordine dei pulsanti nella finestra popup, puoi creare un override del template del modulo. Per farlo leggi il mio articolo Come sovrascrivere un layout di una componente, un modulo o un plugin in Joomla!

Crea l'override del modulo e cambia l'ordine dei pulsanti direttamente nel file che avrai creato nella cartella del tuo template: tempaltes/nometuotemplate/html/mod_messengerlinks15/default.php

Modulo gratuito Live Chat, Facebook Messenger, WhatsApp e molti altri per Joomla! 4 e Joomla! 5

Dalla versione 1.7 del modulo Messenger Links 15, si è estesa completamente la compatibilità con Joomla 4 e Joomla 5.

Dalla versione 1.8 del modulo Messenger Links 15, si è estesa completamente la compatibilità con PHP 8. 

A partire dalla versione 1.14 del modulo Messenger Links 15, è stato eliminato l'intero codice jQuery e sostituito con JavaScript plain.

Rapido e semplice!

Spero che questo mio modulo ti sia stato utile.

Se vuoi dei consigli per realizzare il tuo sito internet con Joomla o qualsiasi altro CMS puoi contattare la web agency di Bari e provincia Interno15