Come configurare smartphone e PC. Portale informativo

Modulo di feedback senza plug-in. Modulo di contatto - I migliori plugin WP

Non molto tempo fa, il blog ha pubblicato una nota "I 50 plugin più popolari per il motore WordPress" e poiché il lavoro sul corso WordPress sta volgendo al termine, vogliamo presentarvi un'altra selezione di plug-in per questo motore. Vale a dire, oggi esamineremo i migliori plugin migliori per i moduli di contatto.

Inizieremo ricordando quali dovrebbero essere le pagine o i blocchi più importanti su tutti i siti commerciali. Questi sono "Chi siamo" - dove sono scritte informazioni sull'azienda, "Servizi" - con una descrizione dei servizi o beni forniti e "Contatti" - per ricevere feedback da clienti o ordini.

È nei contatti che vengono inseriti i moduli di feedback, in quanto ciò consente al visitatore non solo di conoscere la tua offerta e andarsene, ma di mettersi in qualche modo alla prova. Scrivi una recensione, racconta i tuoi desideri o commenti sul progetto, offri la tua collaborazione o ordina i tuoi servizi.

Ma sfortunatamente questa utile funzionalità non è integrata nel set standard del motore e dobbiamo cercare soluzioni estranee a questo problema. Per fare ciò, devi scrivere tu stesso il modulo (se sai come farlo) o utilizzare plug-in già pronti.

Spero che tu esamini questo elenco e scelga il plug-in più adatto alle tue esigenze.

Questo è il plug-in più famoso e probabilmente il migliore per la creazione di moduli di contatto, poiché il numero di installazioni attive supera già i 3 milioni e il plug-in stesso viene regolarmente aggiornato dagli sviluppatori. Il set di funzionalità standard include caselle di controllo, pulsanti di opzione, caricamenti di file, funzioni anti-spam e CAPTCHA. E con esso, puoi impostare rapidamente un modulo contenente campi di testo, numeri di telefono, indirizzi postali, date e altro. Questo plugin è completamente gratuito e facile da incorporare con semplice HTML e vanta l'invio AJAX.

Questo è un intero set di plugin, widget e servizi per il motore di WordPress. E di conseguenza, ha il suo generatore di moduli integrato molto semplice ma buono. Con esso, ottieni un'interfaccia semplice e veloce per aggiungere moduli a qualsiasi nota o pagina del sito. Per fare ciò, devi solo fare clic sul pulsante "Inserisci modulo" e sarai in grado di creare e aggiungere rapidamente un modulo.

Questo plug-in ti consente di creare moduli di contatto dall'aspetto unico tramite la funzione Active Engage e di incorporarli non solo nelle pagine o nelle note del sito, ma in tutte le pagine contemporaneamente nell'angolo in basso a destra. Con un solo clic da parte di un visitatore, il tuo modulo di contatto apparirà sullo schermo e attirerà l'attenzione su di sé. Ma, allo stesso tempo, è possibile anche la consueta integrazione del form nei post, nelle pagine o nella sidebar.

Questo è un altro plug-in molto popolare disponibile in due versioni: come plug-in per WordPress e codice PHP per l'integrazione in siti "autoprodotti". L'unicità di questo plugin è che i bot spammer vengono rilevati automaticamente sul sito. L'utilizzo del plugin captcha e Akismet Fast Secure form blocca gli attacchi con le tattiche di spamming più diffuse. Questa funzione riduce la possibilità di spam e qualsiasi altra informazione indesiderata.

Un plug-in gratuito all-in-one con una fantastica interfaccia drag'n'drop intuitiva per la creazione di moduli di contatto sul tuo sito WordPress. Nel pannello di amministrazione, puoi creare il tuo modulo semplicemente trascinando e rilasciando i blocchi necessari e personalizzandoli in base alle tue esigenze. E ha anche un numero enorme di funzioni, incluso il gestore AJAX, moduli anti-spam affidabili, importazione ed esportazione di dati.

Questo è un altro plug-in drag'n'drop che ti consente di creare e gestire tutti i tipi di moduli sul tuo sito da un'unica posizione. È progettato per rendere il processo di creazione del modulo rapido e semplice, in modo che l'utente non debba imparare a modificare alcun codice. Il plug-in ha una sezione di supporto per gli sviluppatori abbastanza ampia per la risoluzione dei problemi e aiuta a configurarlo.

Un altro plug-in che ti consente di creare rapidamente e facilmente moduli di contatto sul tuo sito. Per combattere lo spam, si integra con il plugin Captcha. Nella versione pro del plug-in sono disponibili funzionalità aggiuntive, come la convalida del modulo e la selezione della casella, tra l'altro, entrambe sono disponibili gratuitamente nel già citato Modulo di contatto 7.

Ecco l'elenco dei plugin. Spero che tu abbia già scelto quello più adatto a te stesso e sia riuscito anche a testarlo sul tuo sito web.

Ci vediamo in altri post!

1 voto

Buon giorno, lettori del mio blog. Andrey Zenkov è con te. Il modulo di contatto di WordPress è una parte importante di qualsiasi sito e ne parleremo oggi. Considera esempi specifici sul CMS più popolare - WordPress. Siediti, versa del tè, perché ti aspetta un articolo lungo, emozionante e informativo.

Voglio iniziare la mia storia oggi con le parole di Richard Bach: "Non dovrebbero esserci limiti per noi". Invito tutti i miei lettori a non fermarsi mai qui. Ogni volta che vedi una stagnazione nel tuo sviluppo, fai ogni sforzo per sfondare il limite successivo. Al di fuori di esso, ti aspetta un successo ancora maggiore.

Che cos'è un modulo di feedback e a cosa serve?

Modulo di feedback: un modulo sul sito, necessario per un tempestivo contatto tra il proprietario della risorsa e i visitatori. Cosa serve? Ho elencato tre motivi principali per te:

  • Protezione dallo spam bot. I parser di indirizzi e-mail ti aggiungeranno al loro database se lo pubblichi semplicemente sul sito. Ciò porterà alla ricezione costante di messaggi che non hanno alcun valore. Quando crei un modulo, ti consiglio di nascondere il tuo indirizzo;
  • Ottieni tutte le informazioni. Affinché l'utente possa comunicarti tutto ciò che desidera fin dalla prima volta, aggiungi i campi necessari al form (numero di telefono, commento, oggetto del messaggio, ecc.);
  • Risparmio di tempo dei visitatori. Non devono più cercare il tuo indirizzo, andare al client di posta e digitare un messaggio. Questo può essere fatto direttamente dalla tua risorsa.

Ci sono più vantaggi, ti ho evidenziato i principali. Consiglio di installare il plugin captcha. Tale misura proteggerà dai robot spam, riceverai lettere solo da ospiti reali interessati al tuo progetto.

Se vuoi imparare a proteggerti non solo dai bot spam, ma anche da altre minacce più serie, ti consiglio di seguire il corso" Protezione totale di WordPress ”, che è stato preparato da un webmaster esperto.


Soluzioni pronte per il tuo progetto

Se non sai come sviluppare tu stesso un comodo modulo di feedback per il sito, ho preparato diversi plug-in interessanti facili da installare da solo. Non hai nemmeno bisogno di conoscenze speciali in .

Modulo di contatto 7

Dopo aver specificato tutte le impostazioni, riceverai il codice di un modulo di contatto già pronto con l'invio di e-mail quando fai clic sul pulsante. Può essere posizionato ovunque sul tuo sito.

Quale può essere la conclusione?

Il modulo di feedback via e-mail è un'ottima soluzione per comunicare con i tuoi abbonati. Cogli l'opportunità se le persone vogliono connettersi con te. Qualcuno ti insegnerà qualcosa di nuovo, qualcuno ti darà consigli utili. Oggi ti ho parlato delle opzioni che io stesso utilizzo durante la creazione di progetti. Scegli il meglio per te e inizia! E questo articolo giunge al termine.

Resta sintonizzato sul blog per imparare regolarmente qualcosa di nuovo e interessante.

Ciao caro lettore, in questo articolo ti mostrerò come creare un modulo di contatto popup sul tuo sito WordPress. Spesso, quando si sviluppa il proprio sito Web o blog, è necessario stabilire la possibilità di una comunicazione operativa con i visitatori della risorsa Internet. In questo caso, ti tornerà utile un modulo di feedback pop-up per wordpress, che ti aiuterà a stabilire un contatto rapido con gli utenti.

Che cos'è un popup del modulo di contatto WordPress?

Ragioni per l'uso

Vediamo a cosa serve questo modulo.

  1. Risparmio di spazio libero sul sito. Il modulo di contatto può essere posizionato ovunque: nel piè di pagina o nell'intestazione, nel contenuto principale della pagina, come pulsante mobile, ecc.
  2. Aspetto efficiente. L'animazione dell'aspetto di una nuova finestra sembra interessante e insolita
  3. Disponibilità. Puoi lasciare voci in questo modulo da qualsiasi punto del sito, gli utenti non devono tornare alla pagina principale.

Un ulteriore vantaggio: il modulo è facile da modificare e personalizzare per adattarsi al tuo sito. Un modulo di feedback pop-up per wordpress può essere presentato come una finestra di apertura per ordinare una chiamata, un servizio o un prodotto o iscriversi. Se lo desideri, puoi aggiungere effetti visivi, varie immagini, ecc.

Plugin per l'installazione di un modulo popup

Diamo un'occhiata agli strumenti necessari per sviluppare finestre pop-up in wordpress, un'applicazione speciale per la progettazione e la creazione di siti web.

Modulo di contatto 7

Questo plugin viene utilizzato direttamente per costruire il form. Per installarlo, segui questi passaggi:

Scatola fantasia facile

Questo plugin è adatto per sviluppare un effetto popup. La sequenza di installazione di Easy FancyBox è simile all'installazione del plugin precedente.

Impostazioni del plug-in

È possibile configurare le impostazioni del componente aggiuntivo Easy FancyBox tramite file multimediali. Utilizzare le opzioni di menu "Impostazioni" -> "File multimediali".

Nel blocco che si apre, appena sotto le impostazioni standard, si troveranno i parametri del plugin stesso. Solitamente è presente un segno di spunta accanto alla voce "Immagini", che indica l'attivazione della finestra pop-up al click sull'immagine. Si consiglia di rimuoverlo, poiché se sono presenti altri strumenti aggiuntivi per creare un'animazione pop-up, le immagini verranno aperte due volte.

Ma non è tutto. Seleziona la casella accanto a "Contenuto in linea"

Chiunque può inoltre approfondire le impostazioni del plug-in e impostarle a propria discrezione.

Suggerimento: se vuoi che il modulo sia sempre aperto, deseleziona l'opzione "Chiudi FancyBox quando si fa clic sull'overlay" nelle impostazioni di Easy FancyBox, che svolge la funzione di chiudere la finestra quando si fa clic con il mouse all'esterno di essa.

Istruzioni passo dopo passo

Bene, la preparazione preliminare "noiosa" è finita, ora passiamo alla parte più "deliziosa": come, infatti, viene sviluppato un modulo pop-up di feedback wordpress.

Gestione della finestra del modulo

Da dove iniziamo? Naturalmente, con le impostazioni preliminari del modulo stesso. Seleziona la voce "Contact Form 7" nel menu a destra, quindi l'opzione "Aggiungi nuovo".

Trova un nuovo nome per il modulo, ad esempio "Esperimento", digitalo nel campo di immissione della finestra che si apre, dove si trova il testo "Titolo", e fai clic sul pulsante "Salva". Puoi modificare altri parametri, incluso il modello di modulo stesso, ma non lo toccheremo. Per ora, il nostro obiettivo principale è semplicemente imparare a creare moduli pop-up.

Dai un'occhiata al risultato. Come puoi vedere, il plug-in ha generato uno shortcode speciale, che viene utilizzato per la successiva visualizzazione del modulo. Devi copiarlo.

Derivazione della forma

Ora passiamo alla programmazione. Il nuovo codice del programma può essere inserito ovunque nel sito, ad esempio, in "Contatti" e altri. Nel nostro esempio, il nuovo modulo verrà visualizzato nel widget. Seleziona "Aspetto" dal menu, quindi fai clic su "Widget", quindi nella finestra che si apre, fai clic sull'opzione "Testo".

Ora fai clic sul pulsante "Aggiungi widget".

Incolla il seguente codice nel campo di input "Contenuto":

Scrivere una lettera

Ecco come apparirà il risultato risultante:

Tieni presente che invece dello shortcode specificato nell'esempio, dovrai specificare quello che hai formato come risultato della creazione di un nuovo modulo.

Inoltre, il modulo può essere modificato: aggiungere o rimuovere campi di input, inserire il testo iniziale e/o finale prima e dopo il modulo, convertire il testo in un'intestazione o visualizzarlo come blocco separato, utilizzare stili diversi, segnaposti, ecc. Ci sarebbe tempo e voglia!

Collegamento Stile

Consideriamo anche due modi per convertire un collegamento in un pulsante per migliorarne la visualizzazione.

Il primo modo è utilizzare stili di tema aggiuntivi.

Il codice seguente può essere incollato come segue:


Il codice stesso ha questo aspetto:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 /***Visualizzazione del collegamento come pulsante****/ .contact-us a( margin:auto; /*disponi il blocco al centro*/ display:block; width:199px; /*dimensione del pulsante*/ padding :11px 22px ; /*padding*/ border:1px solid black; /*frame tint*/ background:#3399ff; /*background pattern*/ text-decoration:none; /*converti testo in non sottolineato*/ text-align: center; /*centra la didascalia*/ color:#ffffff; /*sfumatura della didascalia*/ -moz-transition: tutti i 0.6s facilitano; -webkit-transition: tutti i 0.6s facilitano; transizione: tutti i 0.6s facilitano; ) /**Link al passaggio del mouse che cambiano colore**/ .contact-us a:hover( -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; box-shadow:0 0 7px #111 ; -moz-transition: tutti i 0.6s facilitano; -webkit-transition: tutti i 0.6s facilitano; transizione: tutti i 0.6s facilitano; )

/***Visualizzazione del collegamento come pulsante****/ .contact-us a( margin:auto; /*disponi il blocco al centro*/ display:block; width:199px; /*dimensione del pulsante*/ padding :11px 22px ; /*padding*/ border:1px solid black; /*frame tint*/ background:#3399ff; /*background pattern*/ text-decoration:none; /*converti testo in non sottolineato*/ text-align: center; /*centra la didascalia*/ color:#ffffff; /*sfumatura della didascalia*/ -moz-transition: tutti i 0.6s facilitano; -webkit-transition: tutti i 0.6s facilitano; transizione: tutti i 0.6s facilitano; ) /**Link al passaggio del mouse che cambiano colore**/ .contact-us a:hover( -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; box-shadow:0 0 7px #111 ; -moz-transition: tutti i 0.6s facilitano; -webkit-transition: tutti i 0.6s facilitano; transizione: tutti i 0.6s facilitano; )

Il risultato è un pulsante come questo:

Il codice dice già di cosa è responsabile il suo parametro. Ora ognuno può modificare il codice a proprio piacimento, sperimentando stili e colori diversi e creando il link più appropriato per il popup.

2 modi: usa l'immagine come pulsante. Innanzitutto, carica l'immagine necessaria sul sito (qualsiasi che ti piaccia, non necessariamente sotto forma di pulsante - non importa). Per fare ciò, fare clic su "File multimediali" -> "Aggiungi nuovo" e selezionare l'immagine desiderata. Un collegamento permanente al file apparirà a destra dell'immagine (in questo esempio, http://www.sait.ru/wp-content/uploads/2017/04/depositphotos_2169498-E-mail-internet-icon.jpg ), copialo e aggiungilo al codice (non rimuovere le virgolette):

Aggiungi il codice risultante al codice di output principale del modulo invece del testo "Scrivi una lettera".

1

Il mio sito mostrava il pulsante mostrato nello screenshot qui sotto:

Ed ecco come apparirà il pulsante se lasci lo stile aggiuntivo descritto nel primo metodo:

Aggiunta al menu

Affinché il modulo di feedback pop-up per wordpress venga richiamato direttamente dal menu, è necessario utilizzare il seguente codice

1 2 3
  • Scrivere una lettera
  • Scrivere una lettera
  • Per prima cosa devi capire dove esattamente devi inserire questo codice. Vai all'"Editor" tramite "Aspetto" e tra i modelli seleziona "Intestazione (header.php)"

    Ora trova il luogo in cui si trova il codice del menu. Trova le seguenti informazioni:

    1 2

    Principali articoli correlati