In realtà è possibile creare manualmente una pagina FAQ , ma se quello che cerchi è uno strumento che ti semplifica la vita allora sei nel posto giusto !

Plugin per creare la pagina FAQ sul tuo sito in WordPress

Uno dei migliori plugin che puoi trovare sullo store di WordPress è Ultimate FAQs , conta più di 40.000 installazioni e risulta essere aggiornato costantemente :

Installato ed attivato il nostro plugin inizierà la configurazione, il primo step infatti consiste nel creare le categorie a cui associare le domande frequenti :

Il passo successivo invece sarà creare le domande che vogliamo associare alla categoria appena creata :

Finito di scrivere le domande frequenti , adesso non ci resta che creare la nostra pagina che conterrà le  domande da mostrare ai nostri utenti :

Clicca su “Create Page” e poi sul pulsante “successivo“.

Il prossimo step di permetterà aggiungere le impostazioni di visualizzazione delle singole domande :

Potrai scegliere il modo in cui le domande dovranno essere visualizzate e in quale ordine mostrarle .

Ogni impostazione potrai modificarla anche successivamente, recandoti nelle impostazioni del plugin sulla voce FAQs nel menu della tua Dashboard :

Anche per quanto riguarda le domande, potrai aggiungere o modificare quelle create recandoti sulla voce “All FAQs” :

Bene adesso non ci resta che recarci sulla pagina generale delle domande che hai creato precedentemente . L’indirizzo sarà il nome del tuo sito seguito da “/faq” , quindi  www.il-tuo-dominio.it/ufaq :

Oltre a visualizzare ogni singola domanda, il plugin offre la possibilità di passare alla successiva o precedente senza dover tornare indietro .

PS : La visualizzazione delle pagine dipenderà dal tema che si utilizza . L’immagine è stata presa dal mio solito WordPress in locale che uso per fare i test dei plugin, infatti come puoi notare presenta un tema molto minimal .

Vediamo il dettaglio della singola domanda :

Bene ! Adesso potrai creare la tua pagina FAQ sul tuo sito in WordPress in pochi minuti e in maniera molto veloce !

È stato utile questo articolo ? Conoscevi già Ultimate FAQs ?

Lasciami un commento .

L'articolo Pagina FAQ WordPress proviene da Alessandro Albergo.

Cosa è il BOT di Telegram ?

Con il termine bot si vanno a indicare dei programmi, che funzionano all’interno dell’applicazione (Telegram) e interagiscono con gli utenti all’interno della chat.

I bot di Telegram posso sembrare dei veri e propri profili, dietro ai quali però non ci sono persone reali.

Finita questa piccola introduzione, vediamo subito come crearne uno per il nostro sito web !

Configurarlo in WordPress

Come primo step, inutile dirti che devi essere un utente Telegram .

Andiamo ora sul nostro sito in WordPress e installiamo il plugin che ci darà una grande mano per rendere autonomo il nostro Bot, il plugin in questione è Wp Telegram  ,ne puoi trovare diversi sullo store di WordPress, , ma questo è quello con cui mi sono trovato molto bene ed è sempre aggiornato.

Attivato il nostro plugin, clicchiamo su WP Telegram nel menù della Dashboard.

Adesso potrai notare una schermata dove c’è un breve tutorial su come creare il tuo BOT. Si dovrai crearlo tu, ma seguendo questi 2 semplici passaggi, ci vorranno solo 2 minuti.

Cerca su Telegram:  @BotFather

È il BOT di Telegram che ti creerà il tuo BOT personale , sembra un gioco di parole ma è proprio così .

Bene adesso apri la chat e clicca su avvia o scrivi  “/start “:

Adesso, digitiamo come ci suggerisce “/newbot” e subito dopo digitiamo il nome che vogliamo dare al nostro BOT, come vedi nell’esempio dovrai trovare un nome mai usato, e non potrai usare punti:

Una volta accettato il nome, ti verrà inviato un altro messaggio in cui ci sarà il Token del tuo programma Telegram.

Copiamo il codice, e incolliamolo dove il plugin di WordPress lo chiede:

Incollato il codice, scriviamo il nome del nostro BOT e clicchiamo su “Test Token” e subito dopo la conferma del test riuscito, clicchiamo su “Salva i cambiamenti”.

Bene! Adesso il tuo BOT è pronto per essere usato dal Plugin di WordPress .

Ora non ci resta che creare il canale Telegram (se non dovessi averne già uno) e rendere anche il BOT amministratore del canale. Per farlo, clicchiamo su impostazioni canale -> Aggiungi iscritto -> cerchiamo il nome del nostro BOT.

Non ci crederai, ma hai quasi terminato il tuo invio degli articoli automatici sul canale Telegram ! Clicca nella schermata del plugin su “Post to Telegram ” e scrivi il nome del tuo canale dove te lo chiede :

Ora non ti resta che scegliere le condizioni e di cosa inviare a Telegram quando pubblichi o aggiorni pagine/articoli :

Ricordati sempre di cliccare su “Salva i cambiamenti” in basso (a fine pagina) , altrimenti dovrai ripetere la procedura !

Adesso non ti resta che goderti il tuo canale Telegram automatizzato

È stato utile questo articolo ?

L'articolo Creare Bot Telegram per WordPress proviene da Alessandro Albergo.

Come spesso mi piace fare, ti mostrerò 2 tutorial per creare il tuo link di Whatsapp in codice e l’altro tramite un plugin per il sito in CMS come WordPress.

Whatsapp per il sito web in codice :

Incominciamo con quello che più mi piace ! Il codice . Se cerchi il plugin per WordPress, puoi saltare questa parte .

Utilizzeremo la libreria Font Awesome per creare l’icona, quindi come primo step, installiamo la libreria nel nostro progetto! Se non dovessi saperlo fare, puoi leggere l’articolo in cui parlo dell’icona di Instagram, in cui spiego passo passo il procedimento per installarla in maniera rapida.

Bene, adesso che hai tutto installato, procediamo con la generazione della nostra icona nel TAG “<a ></a>” .

<a href=""><i class="fab fa-whatsapp"></i></a>

Che tu ci creda o meno, abbiamo quasi finito! Adesso basterà inserire il link API di Whatsapp seguito dal tuo numero di telefono nell’ “href” ,

<a href=”https://api.whatsapp.com/send?phone=tuo-numero-di-whatsapp“><i class=”fab fa-whatsapp”></i></a>

Quindi:

<a href="https://api.whatsapp.com/send?phone=393896312092"><i class="fab fa-whatsapp"></i></a>

IMPORTANTE:

• Non inserire il “+” d’avanti al “39” ma scrivilo proprio come nell’esempio
• Il numero deve chiaramente essere registrato su whastapp

Se volessi inserire anche un messaggi pre-impostato per il mittente, potrai aggiungere “&text=” e scrivere il tuo messaggio, chiaramente per la spaziatura dovrai usare “%20” :

https://api.whatsapp.com/send?phone=393896312092&text=Ciao%20voglio%20più%20info

Adesso non ti resta che inserire l’icona dove più ti piace e goderti il collegamento all’app di Whatsapp.

Plugin per WordPress :

Vediamo subito come avere Whatsapp per il sito web attraverso il plugin per WordPress !

Ci sono davvero tanti plugin su WordPress, ma quello che mi è piaciuto molto e utilizzo spesso è Join.chat , davvero semplice da configurare e non ho mai avuto nessun tipo di conflitto con i vari temi.

Installiamolo scaricandolo attraverso il link o direttamente da WordPress e attiviamolo.

Adesso vedrai nelle impostazioni il nome del plugin appena installato :

Clicchiamo sulla voce Join.chat e settiamo la nazione cliccando sulla bandierina nel primo campo, e tutti gli altri campi utili come il delay per l’apparizione della call to action (se la volessi impostare) . Potrai anche sostituire l’icona con un’altra immagine, e decidere dove visualizzare l’icona ( DX o SX ) :

C’è qualche pagina dove non vuoi che appaia l’icona di Whatsapp? Ti basterà andare nell’editing della pagina interessata , e vedrai sulla destra l’impostazione di Join.chat, per nascondere l’icona, clicca su “hidden” (occhio sbarrato ) :

Adesso non ti resta che goderti il link di Whatsapp sul tuo sito web !

È stato utile l’articolo ? Lasciami un commento

L'articolo Chat Whatsapp per il sito Web 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.

Ciao, oggi ho deciso di condividere i vari metodi html personalizzati, per creare un link di email sul proprio sito .

Per quanto io preferisca (come già accennato in qualche articolo scorso ) , il form di contatto rispetto il link email, penso che conoscere questi metodi potrebbe essere sempre utile.

Attributo MAILTO

L’attributo “mailto” , è la parola chiave che puoi scrivere all’interno di un “ href ”, creando link collegato ad un indirizzo e-mail per far si che l’utente, cliccandoci sopra, possa aprire il proprio client di posta per scrivere una mail all’indirizzo specificato nel link stesso.

ES:

<a href="mailto:iltuoindirizzoemail@email.it">Invia email </a>

Come vedi, in questa maniera andiamo a creare un link che al click, il browser creerà una nuova email con l’indirizzo specificato come destinatario (in questo caso iltuoindirizzoemail@email.it).

Quindi per creare un semplice link di invio email, ti basterà copiare e incollare quel codice nell’ html sostituendo “iltuoindirizzoemail@email.it” con la tua email.

Per WordPress potrai scrivere anche semplicemente mailto:iltuoindirizzoemail@email.it all’interno della generazione link:

Come vedi in WordPress non hai bisogno di scrivere il codice, ti basta sottolineare la parola e fare click sul bottone link (quelle 2 parentesi con il trattino al centro, che in realtà dovrebbe essere una catena ).

Abbiamo visto come creare un invio al click semplice, ma se volessimo personalizzarlo ?

Niente di più facile!

Aggiungere un secondo indirizzo:

Per esempio, se volessimo inviare l’email a più indirizzi, ti basterà aggiungere una virgola dopo il primo e scrivere il secondo :

<a href="mailto:iltuoindirizzoemail@email.it, ilmiosecondoindirizzoemail@email.it">Invia email </a>

Aggiungere un indirizzo in conoscenza:

Per inserire un indirizzo in conoscenza (CC) ci basterà scrivere subito dopo la prima email il punto interrogativo (?) seguito da “cc=” e l’indirizzo:

<a href="mailto:iltuoindirizzoemail@email.it?cc=ilmiosecondoindirizzoemail@email.it">Invia email </a>

Posso creare l’oggetto ?

Certamente! In questo caso scriveremo la solita email nel link, seguita da “&subject=Quello che ci voglio scrivere”, es:

<a href="mailto:iltuoindirizzoemail@email.it&subject=Preventivo sito web">Invia email </a>

Chiaramente potrai combinare più soluzioni, come per esempio inviare l’email html a più persone con l’oggetto preimpostato e un indirizzo in conoscenza:

<a href="mailto:iltuoindirizzoemail@email.it, ilmiosecondoindirizzoemail@email.it?cc=emailcc@conoscenza.it&subject=Preventivo sito web">Invia email </a>

È stato utile l’articolo ?

Lasciamo un commento per farmelo sapere

L'articolo Link email in HTML 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.

Ciao oggi vediamo come creare un form di contatto per WordPress in maniera davvero semplice.

Il Form di contatto è il modulo che permette a chi visita il tuo sito di contattarti, scrivendo il suo messaggio, proprio come un’email.

Ma perché allora creare un form di contatto ? Potrei mettere un’email semplicemente sulla mia pagina.

In realtà lo puoi fare e a dire la verità io sono uno di quelli che preferirebbe mettere direttamente l’email in modalità “link” , in maniera tale che cliccando, si apra la casella di posta elettronica con la mia email impostata come destinatario.

Esempio link email:

<a href="mailto:indirizzoemail@email.it" >indirizzoemail</a>

Ma perché come la maggior parte di chi ha un sito internet allora non lo fa ?

In realtà i motivi più comuni sono 2:

• Il primo è per il solito e dannato SPAM !

Devi sapere che ci sono i cosiddetti Bot/Hackers che girano per il web, ed oltre che cercar di estrapolare informazioni o provare ad accedere al tuo pannello di amministrazione provando gli username e password comuni, cercando l’email di ogni sito web, per poi provare a fare spamming o phishing sull’indirizzo trovato .

• Il secondo motivo invece, è per non lasciare l’email a qualsiasi utente

Immagina di avere un sito web molto visitato, e immagina di ricevere ogni secondo email da tutti gli utenti che ti contattano per delle informazioni o perché sei un Influencer. Non riusciresti a gestire tutti gli utenti, se conti anche tutti gli spam che ti arrivano in maniera esponenziale.

Invece con il form di contatto sul tuo sito (in WordPress o no), potresti integrare un modulo che non rilascia la tua email, ma comunque è in grado di inoltrare il messaggio nella tua casella di posta, oltre a proteggerti dagli spam con delle integrazioni.

Poi chiaramente, potrai rispondere all’utente e quindi lasciargli la possibilità di mettersi in contatto con te senza utilizzare il form.

Bene ora che abbiamo analizzato perché è utile avere un form di contatto, vediamo subito qual’ é il plugin che fa per noi!

Il plugin che consiglio è Contact Form 7 , è il numero 1 dei plugins e ha la possibilità come ti ho detto qualche paragrafo prima, di integrare i sistemi per lo spam.

Quindi scarichiamolo o installiamolo direttamente da WordPress .

Finita l’installazione e attivato il plugin (Contact Form 7 – CF7) , noterai nel menù della tua Dashboard la voce contatto:

Adesso cliccando “Contatto”, noterai che si aprirà un pannello con un modulo già creato, clicchiamo su modifica e vediamo come personalizzarlo :

Come vedi dall’immagine, la costruzione del form di contatto è molto semplice, in alto hai a disposizione dei bottoni che ti generano i  campi, checkbox, menù a discesa (il seleziona), pulsanti di accettazione ecc.. Puoi aggiungere tutti gli elementi di cui hai bisogno.

PS: Cancellando l’asterisco in un campo, come per esempio [email* your-email] , lo renderai facoltativo e non più obbligatorio.

Adesso vediamo la sezione Mail

Come vedi è già tutto compilato.

Di default il messaggio arriverà al tuo indirizzo email registrato su WordPress, ma se non volessi utilizzare quell’ indirizzo potrai sostituire [site_admin_email] con altro (mioindirizzoditesting@gmail.com). Lo stesso vale per tutti gli altri input da personalizzare.

Dove leggi [your-message], [your-email] , [your-name] e così via, sono le informazioni di chi ti sta contattando, quindi almeno che tu non voglia ricevere un email bianca (vuota) , non ti consiglio di eliminarli.

Quello che ti consiglio invece, è di creare dei form semplici e senza troppi obblighi.

Per esempio, cerca di non rendere obbligatorio il numero di telefono o altri moduli aggiuntivi che potrebbero infastidire, cerca di rendere tutto molto semplice e veloce .

Personalizza il pulsante “Invia”. Cerca di scriverci qualcosa, anche un semplice “Invia il messaggio”, tenderà a frenare meno il procedimento della richiesta, molte volte l’utente si sente frenato nell’ inviare il messaggio, una personalizzazione potrebbe aiutare ad ispirare più fiducia.

Hai anche la possibilità di inviare un’email di risposta automatica cliccando la casella “mail (2)” , lì si aprirà una pagina simile alla precedente, dove potrai scrivere la risposta automatica anche in HTML se dovessi saper utilizzare il linguaggio.

Come vedi ci sono tutti i campi , quello che ti consiglio, è di impostare l’email “Da” scrivendo noreply@miosito.it , in questa maniera sarà più intuibile da parte dell’utente che si tratta di un email automatica a cui non è possibile rispondere.

Contact Form 7 ti dà anche la possibilità di personalizzare i messaggi di errore o di avvenuto invio del messaggio, nella sezione “messaggi”, come vedi è un plugin davvero molto valido.

Bene ora non ti resta che salvare tutte le tue modifiche e implementare lo Shortcode che ti viene mostrato nella pagina principale del plugin:

Copialo e incollalo nella pagina in cui vuoi che venga mostrato.

Adesso avrai il tuo form di contatto pronto da essere utilizzato! Se hai bisogno dell’integrazione per lo Spam, trovi tutte le indicazioni sul mio articolo riguardante Google reCAPTCHA e l’integrazione con Contact Form 7 .

È stato utile questo articolo ?

Lasciami un commento se non vai troppo di fretta

L'articolo Form di contatto per WordPress proviene da Alessandro Albergo.