Quando inizi a sviluppare in WordPress, una delle prime grandi sfide non è stata scrivere codice… ma rispondere ai clienti.

Giorno dopo giorno, si è sommersi da richieste ripetitive. Le stesse domande, gli stessi problemi, gli stessi orari impossibili. Ci sono team che si sono ritrovati spesso a gestire email di supporto anche a notte fonda, solo per restare a galla.

Ci sarà un modo più intelligente per farlo?

Ed è lì che è entrata in gioco l’intelligenza artificiale.

Con gli strumenti giusti, l’IA ci ha permesso di automatizzare gran parte delle risposte, offrire assistenza 24 ore su 24 e rendere ogni interazione più efficiente e anche più umana, paradossalmente.

Abbiamo visto questi sistemi in azione nelle nostre aziende: i chatbot AI sono in grado di rispondere in tempo reale alle domande più comuni, lasciando spazio ai nostri team per dedicarsi a ciò che conta davvero — le richieste complesse e personalizzate.

In questo articolo voglio mostrarti come anche una piccola attività (come la tua) può sfruttare l’intelligenza artificiale per migliorare il supporto clienti. Ti darò strumenti concreti, idee pratiche e qualche consiglio su come iniziare da subito, senza bisogno di un team da Silicon Valley.

Un cliente soddisfatto è un cliente che torna. Ma se gestisci un’attività da solo (o con un team ridotto), sai quanto può essere stressante rispondere a ogni email, ogni chat, ogni telefonata… tutto nello stesso momento.
E diciamolo: non puoi essere ovunque contemporaneamente.

È qui che entra in scena l’intelligenza artificiale.

Con gli strumenti giusti, l’AI può diventare il tuo alleato silenzioso: risponde alle domande più frequenti, è sempre attiva, personalizza le interazioni e ti permette di recuperare tempo e ridurre lo stress.

Ecco perché prenderla sul serio

Risposte in tempo reale
I clienti odiano aspettare. I chatbot AI possono fornire risposte immediate alle domande più comuni, migliorando la percezione del tuo brand.

Disponibilità continua
Mentre tu dormi, l’AI lavora. È online 24/7, così nessun cliente resta senza supporto, anche di notte o nei weekend.

Efficienza e risparmio
Gestisce decine (o centinaia) di richieste in contemporanea, senza bisogno di assumere staff aggiuntivo. Secondo alcuni dati, può farti risparmiare fino a 2–3 ore al giorno.

Team più focalizzato
Il tuo team (o tu stesso) non dovrà più ripetere le stesse risposte mille volte. L’AI filtra e gestisce le richieste base, lasciandoti tempo per i casi importanti.

Esperienza su misura
Molti strumenti AI imparano dai comportamenti degli utenti. Possono personalizzare le risposte in base a conversazioni precedenti o dati noti, rendendo il supporto più umano di quanto sembri.

Ovviamente l’intelligenza artificiale non sostituisce del tutto il contatto umano — ma lo potenzia. Le attività ripetitive le gestisce lei, quelle più delicate restano a te. E insieme diventate una macchina da supporto impeccabile.

Quali strumenti usare ?

Nessuno ha voglia di aspettare minuti (o ore) per ricevere assistenza. In rete tutto è veloce, e chi visita il tuo sito si aspetta lo stesso. Se il supporto non arriva in tempo, il rischio è che chiudano la pagina e non tornino più.

Per questo motivo, i chatbot alimentati da intelligenza artificiale stanno diventando uno strumento essenziale.

Questi assistenti virtuali rispondono in tempo reale alle domande più frequenti, accompagnano gli utenti nella navigazione del sito e possono persino aiutare durante l’acquisto.
La cosa migliore? Sono sempre attivi, 24 ore su 24, 7 giorni su 7.

Negli ultimi mesi, abbiamo visto diversi brand partner adottare chatbot intelligenti per la gestione delle richieste più comuni. Il risultato? Meno attese, più soddisfazione e supporto clienti alleggerito.

Se vuoi provarlo anche tu, esistono strumenti intuitivi come ChatBot.com che ti permettono di configurare un bot in pochi clic, integrabile facilmente nel tuo sito WordPress.
In alternativa, puoi usare soluzioni basate su ChatGPT, ideali per conversazioni più naturali, complesse e personalizzate.

AI + Help Desk: Automatizzare il supporto

Gestire l’assistenza clienti può essere stressante, soprattutto quando arrivano decine di richieste con le stesse domande. Ma con l’aiuto dell’intelligenza artificiale, puoi trasformare completamente il modo in cui gestisci i ticket e le risposte.

Invece di rispondere manualmente a ogni singolo messaggio, l’AI può analizzare le richieste in arrivo, riconoscere i problemi più comuni e fornire risposte accurate e coerenti, basandosi sulla cronologia delle conversazioni e sulle risorse della tua knowledge base.

Ma non finisce qui.

L’intelligenza artificiale può anche organizzare i ticket in automatico, assegnando priorità, categorizzandoli e inoltrandoli al reparto o alla persona più adatta.
Quando arriva una nuova richiesta, l’AI capisce di cosa si tratta e la smista senza che tu debba toccare nulla.

E nei casi urgenti? Nessun problema: può evidenziare automaticamente i ticket critici, assicurandosi che non vadano persi tra le richieste meno urgenti.

Il risultato?
Un team più libero, un carico di lavoro più gestibile e clienti che ricevono supporto rapido, preciso e personalizzato.

Vuoi iniziare?

Prova strumenti AI per help desk come:

• HelpScout

• Freshdesk

• HelpDesk.com

Queste piattaforme combinano automazione e tocco umano, rendendo ogni risposta efficiente, ma comunque rilevante e personale.

Gli Assistenti Vocali con AI

Le classiche attese infinite al telefono e i menu vocali impossibili da navigare stanno finalmente lasciando spazio a un’alternativa più smart: gli assistenti vocali basati su intelligenza artificiale.

Oggi i clienti vogliono risposte rapide e precise, anche al telefono. E gli assistenti vocali intelligenti possono offrire proprio questo: risposte immediate, 24 ore su 24, senza bisogno di un operatore umano.

Grazie a piattaforme avanzate come Google Dialogflow e Amazon Lex, è possibile creare sistemi vocali capaci di comprendere il linguaggio naturale, interagire con gli utenti e persino completare azioni semplici — come prendere appuntamenti o gestire piccoli ordini.

Perché è utile?

• Meno attese, più efficienza: l’IA analizza la richiesta e risponde subito, senza far passare il cliente da un reparto all’altro.

• Disponibilità continua: il supporto telefonico è attivo anche quando il tuo ufficio è chiuso.

• Esperienza migliorata: il cliente può parlare normalmente, senza dover usare frasi rigide o numeri da digitare.

Ma non è tutto: questi sistemi sono perfetti anche per migliorare le funzionalità self-service. Molti utenti preferiscono risolvere i problemi da soli, e l’IA li guida passo dopo passo:

• Risposte automatiche alle domande frequenti

• Reset password vocali

• Navigazione assistita tramite comandi vocali

Uno strumento che ti consiglio?

Nextiva è una delle soluzioni più interessanti per creare sistemi telefonici intelligenti. Permette di automatizzare l’instradamento delle chiamate, rispondere alle domande più comuni e gestire prenotazioni direttamente con l’assistente vocale.

L’Analisi del Sentiment: Capire le Emozioni dei Clienti

Sapere come si sentono i tuoi clienti è fondamentale quanto rispondere alle loro domande.
Non basta offrire assistenza: bisogna anche ascoltare il tono delle interazioni.

Qui entra in gioco l’analisi del sentiment basata sull’intelligenza artificiale.

Questa tecnologia permette di interpretare automaticamente email, messaggi in chat, commenti social e ticket di supporto, rilevando il tono emotivo dietro le parole.
In pratica, ti aiuta a capire se chi ti scrive è frustrato, soddisfatto, o semplicemente neutrale.

Cosa puoi farci?

• Individuare subito clienti insoddisfatti e intervenire prima che il problema peggiori.

• Personalizzare le risposte: se l’utente è irritato, l’IA può suggerire un tono più empatico.

• Rafforzare le relazioni: quando il feedback è positivo, puoi cogliere l’occasione per ringraziare o proporre qualcosa in più.

L’obiettivo è semplice: rispondere meglio, in modo più umano, anche se a farlo è una macchina.

Vuoi implementarlo?

Un buon punto di partenza è utilizzare Uncanny Automator integrato con OpenAI: puoi configurarlo per analizzare in automatico il sentiment di ogni messaggio ricevuto e agire di conseguenza — ad esempio, inoltrare i negativi al supporto prioritario o inviare un ringraziamento personalizzato a chi lascia un commento positivo.

Intelligenza Artificiale e Sicurezza dei Pagamenti

Quando si parla di pagamenti online e gestione degli account, anche una piccola attività può diventare bersaglio di tentativi di frode. Accessi sospetti, transazioni strane, comportamenti anomali… spesso è difficile stare dietro a tutto manualmente.

Ed è proprio qui che entra in gioco l’intelligenza artificiale.

Grazie all’analisi dei pattern comportamentali, gli strumenti AI possono rilevare automaticamente segnali di pericolo: login falliti ripetuti, acquisti improvvisi di alto valore, tentativi anomali di accesso da località insolite.

In pratica, l’AI ti avvisa prima che il danno avvenga.

Utilizzare soluzioni basate sull’intelligenza artificiale per il monitoraggio delle transazioni significa:

• Ridurre drasticamente gli addebiti fraudolenti

• Prevenire accessi non autorizzati

• Offrire un’esperienza di pagamento più sicura e fluida

Non a caso, oggi oltre 9 aziende su 10 usano già l’AI per potenziare la sicurezza e migliorare la fiducia del cliente.

Strumenti consigliati

• Stripe: integra algoritmi AI per identificare e bloccare transazioni sospette in tempo reale.

• PayPal: utilizza machine learning per monitorare comportamenti irregolari e proteggere ogni fase del pagamento.

Entrambi si integrano facilmente con WordPress e offrono un’esperienza utente scorrevole, anche su mobile.

Gli Errori Più Comuni da Evitare Quando Usi l’Intelligenza Artificiale per il Supporto Clienti

L’intelligenza artificiale può rivoluzionare il servizio clienti: automatizza le risposte, accelera i tempi di gestione e migliora l’efficienza. Ma attenzione: non è una bacchetta magica.

Se usata male, può fare più danni che benefici.

Ecco gli errori più frequenti da evitare:

1. Affidarsi troppo all’AI

L’AI è un alleato, non un sostituto completo dell’interazione umana.
Nei casi più delicati o emotivi, serve sempre la possibilità di passare la mano a un operatore reale. Il cliente deve sapere che dietro c’è ancora una persona.

2. Chatbot mal configurati

Un bot che risponde in modo robotico, vago o completamente fuori tema è peggio del silenzio.
Investi tempo in script utili e realistici, che sappiano guidare davvero l’utente verso una soluzione.

3. Dimenticare la privacy

L’AI lavora con tanti dati. Assicurati che ogni sistema sia conforme a GDPR, CCPA e altre normative sulla privacy.
I dati devono essere sicuri, criptati e gestiti in modo trasparente.

4. Non aggiornare l’Intelligenza Artificiale

Se l’AI si basa su una knowledge base vecchia, finirà per dare risposte sbagliate.
Aggiorna regolarmente con nuove FAQ, feedback ricevuti e modifiche ai tuoi prodotti o servizi.

5. Ignorare il feedback dei clienti

I tuoi clienti ti diranno (direttamente o indirettamente) se l’AI funziona o meno.
Monitora commenti, recensioni e ticket per migliorare continuamente.

FAQ sull’Intelligenza Artificiale per il Supporto Clienti

Come può una piccola azienda iniziare a usare l’AI nel supporto?

Parti dalle attività ripetitive: risposte alle FAQ, conferme d’ordine, richieste base.
Strumenti come chatbot AI o helpdesk intelligenti possono alleggerire il lavoro manuale e migliorare la velocità di risposta.
L’AI può anche analizzare i dati cliente per creare esperienze più personalizzate.

In che modo l’AI personalizza l’esperienza del cliente?

Analizzando le interazioni passate, gli acquisti e il comportamento sul sito, l’AI può:

• Suggerire prodotti correlati

• Personalizzare messaggi e offerte

• Anticipare bisogni o preferenze

Un sistema intelligente non solo risponde, ma proattivamente migliora l’esperienza utente.

Come gestire la privacy dei dati con l’AI?

Se usi strumenti di AI, la protezione dei dati è essenziale.
Assicurati che il sistema rispetti il GDPR (Europa) o il CCPA (California).
Devi:

• Raccogliere consenso esplicito

• Conservare i dati in modo sicuro

• Spiegare chiaramente come vengono utilizzati

Per farlo al meglio su WordPress, puoi usare plugin come WPConsent, oppure servizi esterni che ti aiutano in pochi click a creare la tua privacy policy completa, vedi questo articolo : Cookie & Privacy Policy

È stato utile questo articolo ?

Lasciamo un commento

L'articolo Intelligenza artificiale per il servizio clienti proviene da Alessandro Albergo.

In realtà le e-mails automatiche sono inviate per ogni tipo di azione, quando qualche nuovo utente si iscrive, effettua una acquisto, cancella il proprio account, ordine fallito ecc …

Per modificare il contenuto delle notifiche di posta elettronica automatiche, basta recarsi nelle impostazioni di WooCommerce nella tua Dashboard ed andare nella sezione email, dove potrai gestire le personalizzazioni delle voci :

Come vedi è davvero molto semplice personalizzare le notifiche delle azioni che vengono effettuate sul tuo negozio online utilizzando WooCommerce.

Le email inviate di default però, si presentano molto semplici e poco accattivanti.

Oggi voglio consigliarti un plugin che ti permetta di modificare a livello grafico le notifiche inviate ai tuoi clienti dal tuo e-commerce .

Creare email grafiche e personalizzare per WooCommerce

Uno dei plugin che ritengo molto semplice da utilizzare è Kadence WooCommerce Email Designer , ti permette di modificare la grafica attraverso i suoi template gratuiti e vedere il risultato in tempo reale :

Come vedi è davvero molto semplice.

Scegli il template che fa per te e il contenuto modificato prima nella sezione email sarà arricchito dalla tua grafica scelta .

Adesso potrai personalizzare le tue email ed inviare notifiche ai tuoi clienti in maniera più elegante e professionale .

È stato utile questo articolo ?

Lasciami un commento

L'articolo Email personalizzate WooCommerce proviene da Alessandro Albergo.

Le traduzioni per un sito internet, potrebbero aiutarti ad espandere il tuo range di utenza ed avere un pubblico non solo italiano. Proprio per questo ci sono molti plugin per la traduzione nello store di WordPress che potrebbero fare al caso tuo.

Di solito per una traduzione molto approfondita consiglierei di optare per un plugin professionali come WPML, che è uno dei migliori pacchetti di traduzioni disponibile ed è solo in versione a pagamento.

Se quello che ti serve però è una traduzione automatica (quindi non dettagliata) che con un click ti semplifichi la vita, possiamo prendere in considerazione altre tipologie di plugins per il sito web.

Uno che potrebbe fare al caso nostro e con una traduzione totalmente automatica è GTranslate .

Oltre a fornire un set di “Icone Bandiera” per il tuo menù, ha le traduzioni sincronizzate con Google Translate e quindi mantiene il proprio formulario sempre aggiornato.

Quindi installiamo il plugin sul nostro WordPress ed andiamo in impostazioni -> Gtranslatre:

Adesso vedrai la finestra con la quale potrai personalizzare il menù delle bandiere “lingua” , potrai scegliere uno stile a lista , oppure semplicemente visualizzare tutte le bandiere decidendo se visualizzare anche il nome della lingua :

Dove seleziono le lingue per la traduzione di WordPress ?

Potrai selezionare la lingua principale e decidere se mostrare le icone di traduzione nel menù, ci saranno anche le varie misure da scegliere per le icone.

Hai anche la possibilità di impostare un cambio automatico della lingua senza che l’utente lo faccia manualmente e avere le icone che seguono lo scroll della pagina (modalità floating).

In basso dove ci sono le caselle, è la parte delle traduzioni con la quale potrai scegliere in quali lingue vuoi che venga tradotto il tuo sito web.

Ricordati di salvare le impostazioni appena avrai finito di personalizzare il plugin, cliccando in basso a sinistra “Salva le modifiche”.

Adesso vedrai nel tuo sito le bandiere che daranno la possibilità ai tuoi utenti di tradurre le tue pagine !

È stato utile questo articolo ?

Lasciami un commento

L'articolo Traduzione automatica sito in WordPress proviene da Alessandro Albergo.

Molti dispositivi ora sono dotati del supporto nativo per la modalità dark. L’aggiunta di una modalità dark al tuo sito web adatta automaticamente il tuo design alle preferenze del browser impostato dall’utente.

In questo articolo, ti mostreremo come aggiungere facilmente la modalità scura al tuo sito web in WordPress sia nela parte frontend che nell’ area di amministrazione (dashboard).

Cos’è la Dark Mode e perché aggiungerla al sito web?

La dark mode viene utilizzata su dispositivi mobili e computer per ridurre la quantità di luce bianca sullo schermo.

Alcuni dispositivi sono dotati di una modalità notturna che utilizza invece tonalità di colori più caldi (lo schermo tendente sul giallo).

Invece la dark mode utilizza un approccio diverso aggiungendo colori scuri sullo sfondo bianco.

Se hai un iPhone o un dispositivo Android, potresti essere in grado di passare alla modalità dark semplicemente utilizzando un interruttore nelle tue impostazioni.

Plugin per la dark Mode sul sito in WordPress

Uno dei plugin che mi è piacito molto, è WP Dark Mode , oltre a darti la possibilità di riconoscere il dispositivo dell’utente impostato su dark-mode e quindi adattare i colori del tuo sito in automatico, fornisce anche un set di pulsanti switch per decidere la modalità di visione (light/dark) :

Quindi l’aggiunta del plugin WP Dark Mode sul tuo sito, offre agli utenti la possibilità di attivare e disattivare le modalità light e dark durante la visualizzazione.

Con la versione pro potrai anche aggiungere la dark mode alla tua Dashboard (utile se lavori sul tuo sito di sera o di notte).

I siti web popolari come YouTube infatti, offrono la combinazione di colori scuri. Ciò consente agli utenti di guardare i video a tarda notte con un’esperienza visiva più confortevole.

Vediamo subito come configurare il nostro plugin Wp Dark Mode su WordPress:

Dopo l’attivazione del plugin sopracitato, vai nel menù della Dashboard e clicca “WP Dark Mode”.

La prima schermata che possiamo notare, sarà quella delle  Impostazioni generali :

Qui, l’impostazione “Abilita modalità scura in base al sistema operativo” (l’ultimo bottone) è già attivata di default.

Ciò significa che i visitatori vedranno automaticamente la versione scura del tuo sito quando il loro dispositivo è impostato in modalità dark.

Anche l’impostazione “Mostra interruttore nel frontend” è già attivata e quindi gli utenti possono potranno cambiare la visualizzazione scura del sito in qualsiasi momento, anche se non hanno abilitato un’opzione dark mode sul proprio dispositivo.

Infatti adesso visitando il tuo sito web, potrai notare il pulsante fluttuante sulla destra, con il quale ogni utente potrà fare un cambio di visualizzazione.

Abbiamo anche la possibilità di scegliere il pulsante e la personalizzazione di colori nella modalità dark (alcuni pulsanti e colori sono attivabili solo per la versione pro) e di scegliere la posizione destra o sinistra del pulsante fluttuante (di default “right bottom” ) :

Finto il settaggio non ci resta che cliccare su “Salva impostazioni” dopo aver terminato le modifiche.

Adesso avrai il tuo sito in WordPress con la modalità Dark Mode pronta per essere utilizzata dagli utenti!

È stato utile questo articolo ? Conoscevi già questo plugin o ne utilizzi altri ?

Lasciami un commento per farmelo sapere 

L'articolo Dark mode al tuo sito WordPress proviene da Alessandro Albergo.

Ci sono tantissimi plugins sullo store di WordPress che potresti installare, ma oggi ho creato una lista di 4 plugins che uso in ogni progetto e che secondo me dovrebbero essere presenti in ogni sito WordPress.

Plugin che secondo me devi assolutamente avere su WordPress

Wp Fastest Cache – Plugin da avere su WordPress

Il primo in assoluto che consiglio è il Plugin per la cache . Ce ne sono tanti ma utilizzo di solito WP Fastest Cache . Se hai bisogno di un tutorial per l’utilizzo puoi vedere il  mio articolo su “Come velocizzare WordPress” .

Smush

Smush è un ottimo plugin che ci aiuta a velocizzare il nostro sito, comprimendo e ottimizzando le immagini. Anche per questo strumento molto utile, puoi vedere il tutorial nel mio articolo “Come velocizzare WordPress” .

Yoast SEO

Uno dei miglior plugin per la SEO del nostro sito WordPress è  Yoast SEO:

Che tu abbia un blog, sito vetrina o e-commerce , questo plugin non deve mancare nel tuo sito WordPress. È uno strumento molto utile che ci permette di verificare l’indicizzazione del nostro sito web.

Caratteristiche

Punteggio base SEO su ogni pagina e articolo del tuo sito.
Generatore di XML sitemap che potrai condividere su Google.
Supporto per Facebook.
Impostazioni di RSS.
Modifica titoli e descrizioni in blocco.
Può modificare il file .htaccess e file robots.txt.
Impostazioni di importazione ed esportazione.
Regolazioni dei permalink ed eventuali rotture di link interni ed esterni con auto-redirect.

Prezzo: Gratis ma c’è anche la versione premium disponibile con  molte più funzioni.

Contact Form 7

Contact Form 7 è un plugin per la creazione dei form di contatto, devi averne uno sul tuo sito se hai intenzione di essere contattato dagli utenti.

Questo strumento è il numero 1 dei plugins e ha la possibilità di integrare i sistemi per lo spam :

Se vuoi capire perché dovresti avere un form di contatto ed hai bisogno di un tutorial rapido su come utilizzarlo, vedi il mio articolo “Form di contatto per WordPress” .

È stato utili questo articolo ?

L'articolo I plugin che non devono mancare sul tuo WordPress proviene da Alessandro Albergo.

Il tutto consiste nell’integrare il un “plugin”, o meglio snippet di codice generato da Facebook stesso, nella pagina web che desideri oppure in tutte le pagine.

Attraverso il Messenger della tua pagina Facebook  che apparirà sul sito web, potrai iniziare una conversazione con gli utenti o clienti senza che loro lascino il sito. A tua volta sarai in grado di rispondere alla chat attraverso l’applicazione sul tuo Smartphone ( Business Suite Apple – Business Suite Android ) o attraverso il sito di Facebook.

Che si tratti di un sito web “statico”, “dinamico” o un CMS (come per esempio WordPress), il procedimento e il risultato sarà lo stesso.

Per prima cosa quello che ti serve, sarà una pagina Facebook , si solo per chi ha una pagina (azienda, blogger, artista ecc..) ed è amministratore della stessa, può usufruire di questi servizi.

Nota importante : Per procedere, il tuo sito web deve avere il certificato SSL , ovvero il protocollo “https://” .

Finite le premesse iniziamo subito con la generazione della nostra chat di Facebook Messenger sul sito web !

Effettua l’accesso a Facebook e vai sulla pagina che gestisci ( non il tuo profilo, ma la pagina ) .

Adesso clicchiamo “Impostazioni” , come vedi è l’ultima voce della sidebar che trovi sulla sinistra.

Adesso vedrai cambiare le voci nella sidebar, bene clicchiamo “Messaggi” :

Sulla schermata di destra ci saranno tante voci riguardanti il settaggio dei messaggi, verso la fine (esattamente la terzultima voce) ci sarà “Aggiungi Messenger al tuo sito web” :

Clicchiamo su “Inizia” !

Ora inizierà la configurazione guidata dove dovrai settare i messaggi automatici e copiare il codice che Facebook di fornisce per integrare la chat di messenger sul sito web :

Divertiti come vuoi, puoi cambiare il colore, la prima frase di saluto per avviare la conversazione e personalizzare le FAQ con risposte automatiche.

Per ottenere il plug-in, ti basterà cliccare su configura e seguire i 4 steps, dove dovrai selezionare la lingua e copiare il codice che ti verrà dato :

Adesso che abbiamo il codice, non ci resta che integrarlo sul nostro sito subito prima della chiusura del TAG “</body>” .

Su WordPress invece, dovrai cliccare su Aspetto -> Editor del tema -> Selezionare il tema in uso :

Dovrai incollare il plug-in subito prima della chiusura del “/body“, proprio dove vedi la linea blu nell’immagine esempio .

Adesso dovresti vedere sul tuo sito web la chat a comparsa, potrai anche decidere dall’impostazione della Pagina Facebook di far aprire in automatico la conversazione oppure solamente al click sull’icona.

Per la visuale Desktop dovresti vedere qualcosa del genere :

Per il mobile invece : 

Ottimo, adesso se hai seguito tutti i passaggi avrai la tua chat pronta sul sito web !

È stato utile l’articolo ? Lasciami un commento

L'articolo Facebook Messenger sul tuo sito web proviene da Alessandro Albergo.

Sicuramente potevo utilizzare un’immagine “.png” , ma avrei dovuto impiegarci più tempo per adattare la dimensione su ogni dispositivo. Quindi come quasi tutti gli sviluppatori che utilizzano le icone, ho deciso di crearla con una libreria e precisamente ho utilizzato “Fontawesome“.

Cosa è Font Awesome ?

Font Awesome è una delle tante librerie per sviluppatori che mette a disposizione le icone in codice, che prendono forma grazie al file di stile “CSS” che il sito rilascia tramite link (CDN).

Molte di queste librerie hanno icone che si possono utilizzare con un piano Free, quindi basta semplicemente registrarsi e includere il link della CDN rilasciato, altre invece hanno un piano PRO (a pagamento e con CDN a parte).

Non preoccuparti perché l’icona di Instagram rientra nel piano Free .

Quindi per iniziare come primo step, installiamo la libreria! Niente di più facile, copiamo la CDN e inseriamola nell’ “head” del nostro progetto con il tag “link”. Per semplificarti il tutto ti condivido qui la CDN da inserire direttamente nell’ “head”, in questa maniera potrai anche non registrarti sul sito.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />

Adesso potrai copiare il codice di ogni icona free del sito FA (Font Awesome) e incollarla nel tuo progetto, il risultato sarà appunto l’icona visualizzabile (quella che avrai scelto ). Se dovessi prendere un’icona pro invece, non essendo inclusa nella CDN, non verrà visualizzata sul sito web.

Posso installare Font Awesome su WordPress ?

Certo, come al solito è tutto più rapido, ti basta installare il plugin FontAwesome  e poi inserire il codice nell’HTML del tuo articolo o del Widget.

Per Sapere come utilizzare l’HTML nella pagine puoi vedere l’articolo Immagini Responsive , dove spiego come farlo .

Creiamo l’icona di Instagram con il suo vero colore

Come prima cosa, dopo aver installato la libreria sul tuo sito, cerchiamo l’icona di Instagram nella barra di ricerca del sito FA , semplicemente cercando la parola chiave (che in questo caso sarà “Instagram”).

Io ho usato questa icona:

<i class="fab fa-instagram fa-3x"></i>

Ho aggiunto la classe “fa-3x” che rende l’icona più grande. Ci sono varie misure del css di FA, e vanno da “fa-1x” a “fa-5x”, tu puoi scegliere la misura che più ti soddisfa.

Adesso non ci resta che aggiungere il nostro stile tramite CSS.

Utilizzando WordPress potrai aggiungere lo stile tramite il menù Personalizza -> CSS Personalizzato (Lo stesso menù che usi per modificare la Favicon del tuo sito) oppure installando il Plugin Simple Custom CSS and JS .

Copia e incolla questo codice all’interno del tuo CSS o del Plugin:

.insta-colore{
	color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}

Su WordPress :

Inseriamo quindi la classe che abbiamo istanziato con il nome di  “insta-colore” all’interno dell’icona di Font Awesome, quindi il risultato finale nell’ HTML sarà :

<i class="fab fa-instagram fa-3x insta-colore"></i>

Adesso dovresti vedere la tua icona di Instagram con lo stesso colore e sfumature di quella originale.

È stato utile questo articolo ?

Lasciami un commento per qualsiasi domanda o per qualche osservazione

L'articolo Colore icona Instagram Font Awesome proviene da Alessandro Albergo.

Se ti infastidiscono gli spam che ti arrivano dal form di contatto del tuo sito in WordPress, sei nel posto giusto per imparare ad integrare Goolge reCAPTCHA, ed evitare email pubblicitarie che arrivano sulla tua posta elettronica.

Come primo consiglio, ti suggerisco di utilizzare (ma forse lo starai già utilizzando) il plugin Contact Form 7 .

Si presenta come un ottimo form di contatto ed è davvero personalizzabile su tutti i punti di vista.

Se hai bisogno di una guida su come utilizzarlo puoi dare un’occhiata al mio articolo;  form di contatto.

Ora andiamo sul nostro plugin  (lo troviamo nel menù del pannello di controllo sotto la voce contatto) e clicchiamo integrazione :

Adesso dovresti vedere nella schermata, una sezione con la scritta reCAPTCHA:

Bene , proseguiamo con “Imposta integrazione” , e dovresti vedere un form simile a questo :

Non ci resta che inserire le chiavi di Google reCAPTCHA per far si che l’ anti spam funzioni con il form di contatto.

Va bene Ale.. Ma queste chiavi di Google come le genero ? Si paga ??

Assolutamente no! Il reCAPTCHA è un servizio gratuito di Google e per generarle ti servono 5 minuti

Vediamo come fare. Clicca su questo link : reCAPTCHA (v3).

Dovresti vedere ora la Dashboard reCAPTCHA di Google , effettua l’accesso con il tuo account ( va bene anche lo stesso account che usi per Gmail ):

Ora clicca su v3 Admin Console e poi il tasto aggiungi  “+” (in alto a destra) per iniziare a generare le tue chiavi :

Bene adesso diamo un nome all’etichetta (consiglio di scrivere l’indirizzo o il nome del sito, per trovarlo subito nel caso dovessimo avere più chiavi), selezioniamo reCAPTCHA v3, inseriamo il dominio e accettiamo i termini e le condizioni. Infine, clicchiamo su invia

Adesso cliccando sull’ingranaggio delle impostazioni in alto a destra, vedremo le impostazioni e il tipo di reCAPTCHA creato (in questo caso v3).

Selezioniamo la voce chiavi “reCAPTCHA v3” e si aprirà una finestra con le chiavi da copiare:

Copiamole e inseriamo la chiave pubblica nella casella dove il plugin chiede “Chiave del sito” e la chiave privata dove c’è scritto “Chiave Segreta” ( nell’integrazione di Contact Form 7 ).

Bene a questo punto dovresti vedere il tuo reCAPTCHA funzionante, noterai infatti un pulsante/badge di Google sulla destra in tutte le pagine del sito.

Quel badge è utile per i termini e le condizioni di Google e per quel che sappiamo, è obbligatorio tenerle sul sito.

Non c’è un altro modo per mostrare i termini e le condizioni ? Si può togliere il badge?

Si certo, basta utilizzare il css personalizzato. Clicchiamo su personalizza sito (il bottone che utilizzi per modificare il titolo o il logo del tuo sito web) e dove ti chiede di inserire il CSS personalizzato incolliamo questo codice:

.grecaptcha-badge { visibility: hidden; }

Nel caso tu non abbia questa opzione nel tuo tema, potrai optare per un plugin che ti permetta di aggiungere del css personalizzato, valido per tutto il sito, il suo nome è Simple Custom CSS and JS .

Ora basterà salvare le modifiche per notare che il badge sarà sparito.

Adesso ti converrà indicare nel footer gli stessi termini e condizioni di google, copia e incolla questo testo:

THIS SITE IS PROTECTED BY RECAPTCHA AND THE GOOGLE PRIVACY POLICY AND TERMS OF SERVICE APPLY.

Bene! Ora il tuo sito è protetto dagli spam!

È stato utile l’articolo ?

Lasciami un commento per farmelo sapere .

L'articolo Evitare Spam con Google reCAPTCHA su WordPress proviene da Alessandro Albergo.