Come ottenere il massimo dal modulo di contatto 7

Contact Form 7 è di gran lunga il plugin per moduli più popolare nel repository WP.org. CF7 ha più funzionalità direttamente dal repository rispetto alla maggior parte dei plugin in generale. Inoltre, c'è una vasta selezione di estensioni per il plug-in che ti consente di fare praticamente tutto ciò che ti viene in mente. Con questo in mente, vogliamo mostrarti come ottenere il massimo da Contact Form 7 e dalla vasta selezione di estensioni Contact Form 7.

Iscriviti al nostro canale Youtube

Modulo di contatto 7: una breve panoramica

Come abbiamo detto sopra, CF7 è di gran lunga il plugin per moduli più popolare, oltre ad essere uno dei più versatili. Se non lo conosci, tuttavia, all'inizio potrebbe sembrare complicato. Ma quando lo analizzi, scoprirai che non è così.

Solo perché usi il codice per creare i tuoi moduli non dovrebbe spaventarti. È davvero abbastanza intuitivo. Tecnicamente non hai nemmeno bisogno di imparare il codice utilizzato perché i pulsanti sopra l'area di testo ti offrono una modalità per la personalizzazione. Puoi utilizzare le modalità senza preoccupazioni e Contact Form 7 funzionerà alla grande per te. Ma quando ti immergi nei tag e nel codice, ottieni tutta la potenza del plug-in.

Ad esempio, il modello di modulo di contatto predefinito ha 4 campi:

• Nome
• E-mail
• Soggetto
• Messaggio

Ma diciamo che hai bisogno anche del numero di telefono di qualcuno. Se premi il pulsante tel , puoi inserire quel campo nel modulo.

Le opzioni sono piuttosto semplici, ma un paio potrebbe aver bisogno di chiarimenti.

1. Nome: questo campo è solo per te. Lo usi sia per identificare il modulo nei tuoi elenchi organizzativi, sia nello shortcode per indicare al modulo di contatto 7 quale campo di inserimento telefonico desideri visualizzare.
2. Valore predefinito: questo valore sarà quello che c'è nel campo per impostazione predefinita. Se vuoi mostrare loro come vuoi che il numero sia formattato, per esempio.
3. Attributo ID: se vuoi dare uno stile a questo particolare campo con CSS, assegnagli un ID qui.
4. Attributo di classe: la classe CSS per tutti i tuoi campi telefonici, o forse i campi in generale. Tuttavia, le convenzioni di denominazione delle classi dipendono da te.
5. Lo Shortcode: Contact Form 7 compila tutti i valori man mano che procedi , quindi puoi semplicemente copiare il codice o premere Inserisci tag per finire. Se hai bisogno di modificarlo in un secondo momento nel modulo, puoi farlo perché tutte le informazioni sono proprio qui e non devi rifare nulla. Il codice finale sarà simile a [[tel contact-phone-1 id:phone-1 class:phone placeholder “1 (931) 762-0897”]]

Ciascuno dei tag che hai per impostazione predefinita funziona in questo modo.

Altre schede: posta e messaggi

La scheda Posta è piuttosto semplice. Qui è dove prenderai le etichette dello shortcode dal modulo precedente e le utilizzerai per formattare le informazioni inviate in un'e-mail leggibile. In questo modo, quando le persone utilizzano il modulo di contatto, l'invio non ti verrà inviato come gobbledygook. Qui puoi anche impostare le intestazioni e gli indirizzi e-mail.

La scheda Messaggi è qualcosa con cui molte persone non si scherzano. È dove CF7 conserva tutti i messaggi in primo piano che i tuoi utenti vedranno. Ti ringraziamo, la tua email è stata inviata come messaggi o siamo spiacenti, non hai compilato tutti i campi richiesti . Questo genere di cose.

Ha anche una logica condizionale minore, come cosa succede se il messaggio viene contrassegnato come spam. Contact Form 7 ti dà un sacco di controllo in quest'area, il che è bello. Soprattutto perché tutto questo è avvenuto con l'edizione gratuita essenziale .

e diventa anche meglio. Ora che hai familiarità con ciò che puoi fare con il plug-in stesso, diamo un'occhiata ad alcune delle migliori estensioni Contact Form 7 là fuori in modo che tu possa davvero vedere la potenza sotto il cofano di CF7.

Le migliori sette estensioni del modulo di contatto 7

Immaginiamo che sette sia un buon numero a cui attenersi perché, beh, è ​​il modulo di contatto 7. E questo ha senso. Con tutta la potenza incorporata nel plug-in di base gratuito, puoi fare molto, molto con pochi plug-in. Andiamoci, allora.

1. Campi condizionali per il modulo di contatto 7

Di tutte le estensioni Contact Form 7 disponibili, questa potrebbe essere la più importante. Una delle caratteristiche che il plugin di base non ha è la logica condizionale. Questo plugin risolve il problema estendendo le funzionalità di CF7. Invece di, diciamo, mostrare la stessa forma a tutti indipendentemente dal dispositivo, puoi dare loro una forma particolare che si adatta meglio alla loro piattaforma. E non devi usare CF7 solo per i contatti: puoi creare qualsiasi tipo di modulo desideri. Quindi, se hai bisogno che i moduli di feedback vengano visualizzati dopo che determinati criteri sono stati soddisfatti, puoi farlo con questo plugin.

Prezzo: GRATIS | Maggiori informazioni

2. Componente aggiuntivo PayPal e Stripe

Forse non hai bisogno di una soluzione di e-commerce completa. Forse eseguire WooCommerce o qualcos'altro è semplicemente troppo per una o due cose che vendi. Questo plugin potrebbe essere la soluzione migliore. Puoi conservare un modulo creato per ogni particolare articolo che vendi (ciascuno con SKU o ID univoco) e i tuoi utenti verranno reindirizzati a PayPal o Square dopo aver inviato il modulo. Non ospiterai o elaborerai le loro informazioni di pagamento, ma otterrai solo il vantaggio di vendere le tue cose con pochi clic.

Prezzo: GRATIS | Maggiori informazioni

3. CAPTCHA davvero semplice

Tutti odiamo il CAPTCHA. Tuttavia, rappresentano una prima difesa efficace contro lo spam e le minacce alla sicurezza. Really Simple CAPTCHA è scritto dallo stesso sviluppatore di Contact Form 7, quindi sai che di tutte le estensioni che forniscono questa funzione, questa è quella di cui fidarsi.

Prezzo: GRATIS | Maggiori informazioni

4. Modulo di contatto 7 Skin

CF7 è incredibilmente facile da personalizzare. Certo, puoi aggiungere ID CSS a ciascun modulo e modellarli in questo modo, ma perché dovresti quando esistono le skin Contact Form 7? Questo plugin utilizza un editor drag-and-drop in modo che se non sei un mago del design e puoi estrarre CSS in un attimo, puoi farlo invece. Uno dei tratti distintivi di un sito Web professionale è un design completamente integrato, moduli inclusi, e questo può aiutarti a farlo da solo senza l'aiuto di un professionista del design.

Se vuoi davvero utilizzare Contact Forms 7 sul tuo sito al massimo, vorrai una varietà di opzioni per il modo in cui lo stile. CF7 Skins offre una serie di pacchetti premium e componenti aggiuntivi in ​​modo che tu possa ottenere non solo più modelli e skin per il tuo sito, ma anche logica e capacità di suddividere i moduli in più pagine e uno stile ancora più avanzato di quello disponibile nel versione gratuita.

Prezzo: GRATIS, con upgrade Premium | Maggiori informazioni

5. Autorisponditore CF7 (Premium)

Se mantieni un elenco di e-mail (e siamo quasi certi che lo fai), questa estensione di Contact Form 7 premium potrebbe essere qualcosa a cui dare un'occhiata. Molti dei servizi di risposta automatica e-mail là fuori hanno un'integrazione front-end tutt'altro che stellare con i siti web. I loro widget e API possono creare confusione a volte. Quindi CF7 Autoresponder ti consente di utilizzare un potente plug-in, che hai già progettato perfettamente per adattarsi al tuo sito e continuare a generare e archiviare tutti i lead che desideri con il tuo servizio di posta elettronica preferito. Per soli $ 18 su CodeCanyon, è un vero affare. Soprattutto perché funziona anche con forme consolidate. Non c'è bisogno di ricostruire nulla. Assicurati solo che questo sappia che esistono e che sei in affari. Letteralmente.

Prezzo: $ 18 | Maggiori informazioni

6. Modulo di contatto 7 Archiviazione (Premium)

Se vuoi davvero ottenere il massimo da Contact Form 7, devi trarne vantaggio che è tutto installato su WordPress. CF7 Storage fa in modo che tutti i tuoi invii di moduli vengano salvati nel tuo database WP. Molte volte, le e-mail si perdono. O forse il server di posta elettronica si incasina e perdi un vantaggio importante. O peggio, la tua e-mail inizia a contrassegnare gli invii dal tuo sito Web come spam / spazzatura (per esperienza ... questo è il peggio). Questo plugin risolve il problema fornendoti una casella di posta sul lato server di ogni invio da uno qualsiasi dei tuoi moduli. A $ 19, è meno di un anno di Google One. Pensiamo che sarai d'accordo che è un piccolo prezzo da pagare per questo tipo di utilità (e sicurezza, onestamente).

Prezzo: $19 | Maggiori informazioni

7. CF7 Drop Uploader (Premium)

La ricerca tra le strutture di file e le directory per trovare un file da caricare è così 2002. Il CF7 Drop Uploader offre al plug-in preferito di tutti questo tocco moderno e poi alcuni. Trascinando qualsiasi file sul modulo si avvierà il caricamento e i tuoi utenti non perderanno tempo mentre cercano e fanno clic e fanno clic e fanno clic e fanno clic. Molte volte, gli utenti ti contattano per chiedere aiuto con un problema e se i tuoi moduli non consentono almeno un caricamento di screenshot, allora hai attrito tra l'utente e la soluzione al loro problema. Combina questo con altre estensioni Contact Form 7, come quella che salva nel tuo database, e hai davvero iniziato a spremere la potenza dal piccolo plugin che potrebbe. Drop Uploader costa $ 17, ma ne vale assolutamente la pena per la facilità che offre ai tuoi utenti.

Prezzo: $ 17 | Maggiori informazioni

Conclusione

Se sei già un utente di Contact Form 7, speriamo di essere stati in grado di aprirti gli occhi su alcuni modi in cui puoi espandere la sua utilità sul tuo sito web. E se sei nuovo, dai un'occhiata a tutte le estensioni Contact Form 7 là fuori. Se vuoi davvero ottenere il massimo da CF7, devi trovare le estensioni giuste. E i sette sopra coprono davvero la maggior parte delle tue basi in termini di espansione di ciò che è possibile con il plug-in gratuito fuori dal repository.

Quali sono le tue estensioni Contact Form 7 preferite?

Immagine in primo piano dell'articolo di Vitya_M / shutterstock.com