Il modulo di contatto è uno degli aspetti che non può assolutamente mancare.

Se vuoi ricevere richieste e contatti nel tuo sito web, L'obiettivo di questa lezione è quello di andare a creare un form di contatto con il plugin di V P Forms e di andarlo ad incorporare all'interno di una pagina web creata con WordPress.

Iniziamo subito quindi con aggiungere il plugin Andiamo a La voce Aggiungi il nuovo plugin.

Andiamo a cercare il nostro V P Forms.

Non vi potete sbagliare! L'autore V P Forms ha oltre cinque milioni di installazioni attive.

È un plug-in sicuro stabile.

Non ho mai avuto nessun tipo di problema per il mancato invio di una mail o di una richiesta di contatto.

È veramente veramente consigliato attiviamo il plug-in di conseguenza.

Dopo l'attivazione avremmo due possibilità o creare subito il primo modulo, oppure leggere la guida completa dove ci sono tutta una serie di documentation e tutorial che potrebbero esservi d'aiuto.

Nel caso in cui voi vogliate sviluppare un modulo di contatto più complesso o anche per prendere dimestichezza con questo plugin, andiamo subito nella creazione di un nuovo modulo.

Quindi, come vedete, è stata aggiunta come in come sempre una nuova voce nel nella di WordPress dove avete varie cose tra cui i pagamenti, i dati inseriti, ci sono delle funzioni sia pro che free, perché questo plugin? Ci tengo a precisare che è free, ma ha anche delle versioni pro a pagamento che danno accesso a molte, molte possibilità.

È il miglior plugin um in assoluto in circolazione perché consente di ricevere anche pagamenti tramite un form di contatto, integrarlo a gestionali C, R M e software di News News Mailing, quindi è veramente veramente molto molto potente nella sua versione free ci permette di creare tante tipologie di moduli contatti.

Iniziamo subito andiamo alla voce di tutti i moduli dove chiaramente troverete una lista di quelli che sono i moduli di contatto che avete creato su Aggiungi Nuovo avete chiaramente la possibilità di aggiungere un nuovo modulo di contatto.

Andiamo subito dentro.

Okay.

Um, come vedete ci sono anche dei gameplay da cui, volendo potete partire nella creazione di un form.

Ad esempio un semplice modulo di contatto, um un modulo per con altri campi, come ad esempio caselle di controllo, upload di file um menù a tendina.

Insomma, varie tipologie.

Se preferite partire da un tete preco costruito chiaramente è una vostra scelta, magari anche inizialmente.

Per fare dei test.

Potreste usare questa possibilità in questo tutorial.

Lo creeremo da zero, quindi andrò a cliccare su Crea un modulo vuoto.

Okay, iniziamo con la creazione del nostro modulo di contatto V P Forms.

Funziona un po' come la logica dei attraverso un infatti in modo abbastanza semplice, potete scegliere il e il campo che desiderate inserire nel vostro modulo di contatto, lo trascinate e iniziate poi a lavorare sulla base di quell'elemento.

In questo in questa fase andremo a creare un modulo di contatto e poi lo andremo a incorporare in una pagina un po' come se fossimo dei freelance, che stiamo creando un modulo di contatto per ricevere delle richieste di informazione e invitare delle degli utenti a richiedere una sorta di preventivo.

Allora la prima cosa che andremo a fare è quella di inserire un campo semplice, una semplice riga di testo dove andrò ad inserire il nome.

Anzi no, potremmo fare così perché su V P Forms abbiamo la possibilità di inserire questo campo che si chiama nome che ingloba All'interno due campi um pre ricostruiti con il nome e con il cognome cliccando sul su qualsiasi campo aggiunto.

Abbiamo la possibilità di modificare, um i campi e di decidere se rendere obbligatorio o meno il valore nella TV avanzata.

Ci sono appunto delle impostazioni avanzate dove possiamo definire la dimensione del campo Se vogliamo utilizzare una dimensione grande, una dimensione media.

In questo caso, io lo lascerò con una dimensione media.

E se vogliamo, possiamo anche inserire dei segni a posto.

Quindi, ad esempio, magari Fabi o comunque, in base alle prof, le vostre preferenze.

Potete inserire dei dei segnaposto e dei valori predefiniti.

Okay, questa è la prima parte.

Tornando nell'aggiunta del campo, possiamo aggiungere anche altri campi.

Come ad esempio Magari potrebbe interessarmi ricevere il campo email qui.

La stessa cosa.

Aggiungiamo il campo, eh? Possiamo modificare L'etichetta se vogliamo il tuo indirizzo e-mail.

Okay, lo terrò obbligatorio.

E nella T V avanzata come sempre.

Possiamo decidere la dimensione del campo e poi torniamo sui campi.

Andiamo ad aggiungere ora un menù tendina oppure una scelta multipla.

Okay, magari proviamo con una scelta multipla e la chiamerò.

A che cosa sei interessato? E magari facendo degli esempi? Essendo magari un freelance, potrei essere interes- essendo un cliente che cerca dei servizi da un freelance nel settore digital.

Potrei inserire Web design al di page o e-commerce, magari.

Okay, anche qui possiamo decidere se tenerlo obbligatorio o meno.

E alla voce avanzate che varia un po'.

In base alla tipologia di campo che andate ad inserire, potete decidere se svilupparlo su due, due colonne, tre colonne online.

Insomma, chiaramente sempre in base alle vostre preferenze.

Allora mi sembra molto interessante.

Ora svilupparlo sulle tre sulle tre colonne.

Okay, e torniamo sui campi.

A questo punto, magari aggiungiamo anche un o un menù a tendina.

Oppure magari un paragrafo di testo con magari delle informazioni aggiuntive.

Chi dettagli del tuo progetto.

Okay anche questo.

Magari potremmo tenerlo magari non obbligatorio in questo caso, Però, chiaramente, se volete renderlo, basta abilitare questa spunta.

Okay, Questo è più o meno il campo che andremo ad inserire nella pagina.

Facciamo un un giro nel quelle che sono le impostazioni, eh? Scusate le impostazioni del modulo che ho appena creato.

Um, potete chiaramente inserire un nome del modulo che poi sarà di vostro aiuto quando avrete diversi moduli nella nella di Wop Forms.

In questo caso lo chiamerò forma richiesta preventivo.

Potete inserire anche una descrizione e potete modificare il tasto che non è altro che torno di qua il la l'invito all'azione quindi in questo caso il pulsante um per inviare effettivamente il il modulo vi consiglio consiglio di non lasciare il classico messaggio in via o invia un messaggio Contattami che sono un po' troppo generici e cercare un po' di renderlo unico questo pulsante.

Ad esempio, in questo specifico caso potremmo inserire ricevi un preventivo su misura che è un po' più um user friendly, diciamo un po' più in linea con quello che sto inviando quando mettendomi mettendoci nei panni dell'utente che sta compilando poi possiamo anche aggiungere il recap è un'opzione aggiuntiva.

In questo caso non andremo a configurare, però sappiate che si può collegare quindi aggiungere una semplice casella di controllo in fondo al form e nella voce.

Notifiche è una delle voci più importanti che vi consentirà di ricevere notifiche per ogni persona che invierà il modulo di contatto Invia a indiri- invio a indirizzo email.

Qui potete scegliere chi deve ricevere le notifiche ogni volta che l'utente compila un modulo in questo caso di default c'è l'admin email significa che riceverete um che l'amministratore del sito in questo caso ho inserito la mia mail riceverà la notifica ogni volta che l'utente compilerà un modulo.

Però, se volete potete anche inserire semplicemente un altro indirizzo e lo andate ad inserire in questo apposito campo.

Okay, perfetto.

Um, ovviamente potete anche inserire più indirizzi email separati dalla dalla virgola, poi l'oggetto della mail.

Quindi che tipo di oggetto um riceverete magari anche qui andate a personalizzarlo.

Potremmo scriverci richiesta preventivo dal sito web e poi il nome del mittente.

In questo caso il sito è corso W p online punto it Va benissimo corso WordPress, ma potete personalizzare con il nome della vostra brand, della vostra azienda o del vostro brand.

Um e potete anche personalizzare l'e-mail del mittente in alcuni casi um c'è anche la possibilità di modificare um i campi che riceverete nella mail di conferma e di default è impostata su Fields.

Questo significa che quando riceverete la notifica di un utente che ha compilato un forum nella mail saranno presenti tutti i campi e diciamo che in linea generale va benissimo questo perché riceverete tutte le informazioni che l'utente ha inserito ogni volta che fate una modifica chiaramente salvate e se volete potete anche visualizzare un'anteprima.

Diamo un occhio alla parte delle conferme.

La parte della conferma è semplicemente un messaggio che L'utente riceverà dopo aver compilato il modulo.

E qui potete personalizzarlo.

Ad esempio.

Grazie per averci contattato.

Ti invierò entro quarantotto ore e qui chiaramente potete personalizzare quello che volete perché è un semplice editor di testo.

Potete aggiungere ad esempio il grassetto, il so, il corsivo, il sottolineato dei colori, un elenco puntato anche un'immagine, se volete.

Quindi mi raccomando, anche questa è una parte molto importante.

Quindi salviamo le modifiche.

Andiamo a vedere un po' Come si comporta all'interno di una pagina web? Una volta che abbiamo eseguito le modifiche, possiamo uscire attraverso questo tasto e andando alla voce di tutti i moduli, abbiamo il forum che abbiamo appena creato.

Come vedete qui a destra trovate uno short cod.

Lo Short cod non è altro che una piccola porzione di codice che mostrerà in qualsiasi punto del vostro sito web questo modulo di contatto.

Quindi questo significa che potete incorporarlo in qualsiasi sezione in una pagina contatti in una pagina servizio nel footer del sito web ovunque.

Quindi la prima cosa che andremo a fare è copiare il nostro shortcode e lo andiamo ad aggiungere in una pagina di test.

In questo caso vado ad aggiungere una pagina con elemento di test.

La chiamiamo, facciamo la chiamiamo contatti, facciamo pubblica modifica con elemento, andiamo a trascinare un semplice editor di testo e vado ad inserire il mio Faccio salva e aggiorna le modifiche e vado a vedere nel fronte che cosa succede e viene mostrato correttamente il mio modulo di contatto.

A questo punto non ci resta che testarlo.

Quindi vedere se tutto funziona correttamente.

Okay, Ho aperto la pagina dove faremo il test.

Andiamo subito a vedere se il modulo di contatto che abbiamo appena creato funziona.

Andrò ad inserire quindi tutti i campi, I test se il mio nome e cognome con un indirizzo email siamo qua e-commerce test invio saggio action.

Innanzitutto il messaggio di conferma si vede correttamente, quindi già siamo al cinquanta percento della del test.

Andiamo a verificare se in webmail ricevo il messaggio, faccio il SH della pagina ed eccola qua.

Richiesta di preventivo dal sito web.

Nome, nome e cognome.

Indirizzo email A che cosa si è interessato? Il campo viene riportato su E-commerce l'opzione di scelta che ho inserito e i dettagli del progetto quindi, um, per fare un breve recap in questa lezione, abbiamo visto la potenzialità del plugin V P Forms per WordPress che al momento lo reputo il plugin più um popolare.

E il plugin che funziona meglio per creare forma per WordPress in modo semplice, um da da una gestione veramente veramente rapida e semplice e che vi consente anche di non perdervi nessun tipo di contatto via mail.

Mi è capitato in passato per esperienza personale con alcuni plugin tipo Contact um Ninja forms di ricevere molti spam nelle mail.

Le mail finivano nello spam, molti errori nell'invio dei messaggi.

Per intenderci, dopo che L'utente inviava un fondo di contatto, si riceveva spesso degli errori con V P.

Forbes.

Non ho mai avuto problemi di questo tipo.

Quindi mi raccomando configurate, fate tutti i test, provate anche varie tipologie di campi e fate i test per l'invio del vostro modulo di contatto