Contact Forms 7 personalizzazione dell'aspetto. Un esempio di aggiunta di un modulo di feedback

Ciao a tutti. Come, allora ho troppe energie e oggi ho deciso di scrivere un altro articolo che sarà dedicato a uno dei plugin di WordPress. Piuttosto un plug-in interessante e funzionale, fa fronte ai suoi doveri al 100% e non ho ancora trovato meglio dare un feedback.

Non voglio tormentarti da molto tempo, penso che tu abbia già capito di cosa parleremo nell'articolo. E così, oggi capiremo e configureremo modulo di contatto 7 plugin per WordPress, ovvero creare una forma risposta.

Sono rimasto seduto a lungo e ho pensato quali fossero gli svantaggi del plug-in e non mi è venuto in mente nulla, ma questa creazione ha molti vantaggi.

Vantaggi del plug-in Contact Form 7.

1. Chiarezza e facilità di personalizzazione. La persona che incontra questo plugin per la prima volta sarà in grado di capirlo senza problemi.
2. Creazione di un gran numero di moduli diversi e loro integrazione nel sito.
3. Il modulo viene inserito utilizzando uno shortcode sulla pagina e in qualsiasi punto del sito. È molto conveniente.
4. Supporto per russo e altre lingue.
5. Supporto per richieste Ajax.
6. Protezione dallo spam con una domanda di testo o captcha. Per captcha, dovrai inoltre installare Really Simple CAPTCHA.
7. Personalizzazione aspetto forme con utilizzando css stili.
8. Integrazione con il servizio Akismet per la protezione dallo spam.

Sul nostro sito web è possibile visualizzare e utilizzare tale modulo: se si fa clic sulla voce di menu "Contattaci", verrà visualizzata una finestra in cui è possibile visualizzare un esempio illustrativo.

Iniziamo!

Innanzitutto, dobbiamo scaricare questo plug-in. E 'possibile dal nostro server ecco il link -\u003e oppure dal sito ufficiale ecco il link -\u003e Scarica dal sito ufficiale .

Dopo il download è necessario installarlo su. Non descriverò come installare, penso che dovresti conoscere questo processo dalla A alla Z. Scaricato, installato, ora andiamo direttamente a noi stessi, per capirlo e configurarlo.

Configurazione del plug-in Contact Form 7 e creazione di un modulo di feedback.

Ora che hai scaricato e installato tutto quanto necessario, vai all'amministrazione dashboard di WordPress e trova l'oggetto Modulo di contatto 7, cliccaci sopra e verremo indirizzati alla pagina per l'aggiunta di un nuovo modulo.

Creazione di moduli.

Per creare un nuovo modulo, è necessario fare clic su " Aggiungere nuova", Quindi selezionare la lingua (russo per impostazione predefinita) e fare clic su" Aggiungi nuovo ". Dopo tutti i passaggi effettuati, dovresti avere la seguente immagine:

Il modulo viene creato, ora lo personalizzeremo, in base alle vostre esigenze, e prima gli daremo un nome. Nel mio caso, chiamerò " Modulo di prova", Lo chiami come preferisci e quindi fai clic su" Salva ". Ora puoi vedere lo shortcode che dovrà essere inserito nel codice del sito in cui verrà visualizzato questo modulo.

Avremo bisogno del codice un po 'più tardi poiché dobbiamo prima impostare il modulo. Vai al modello di modulo e personalizzalo.

Sulla destra c'è l'elenco a discesa " Genera tag", Se lo espandi, puoi vedere molti campi che vengono aggiunti al modulo.

Genera campo tag

A sinistra puoi vedere i campi che sono già stati aggiunti al modulo.

Ad esempio, creiamo un semplice modulo in cui ci sarà un nome, una mail, un numero di telefono, domanda di testo per protezione antispam, messaggio e pulsante di invio.

Inizia.

Creiamo un campo di testo per il nome. Nell'elenco a discesa "Genera tag", seleziona " Campo di testo". Mettiamo un segno di spunta nel campo richiesto, gli diamo un nome nel mio caso "NOME" e assegniamo un id in modo che il campo possa essere stilizzato usando gli stili CSS. Ho id \u003d "nome". Di seguito puoi vedere il testo " Copia questo codice e incollalo nel tuo modello di modulo a sinistra". Prendiamo questo codice e lo copiamo nel modello di modulo, come nell'immagine:

Per la posta (e-mail) facciamo lo stesso, per il telefono selezioniamo dalla lista “Genera tag”, il campo “ Numero di telefono"E facciamo lo stesso per analogia.

Per configurare il messaggio, seleziona " Campo di testo”E fai lo stesso per analogia con tutto quanto descritto sopra.

Ora aggiungi il campo " Domanda". Per fare ciò, nell'elenco a discesa, seleziona la voce " Domanda", Dagli un nome. Nel campo Domanda | Risposta è possibile porre diverse domande e risposte, sotto il campo è presente un esempio di domanda logica, è possibile porre una domanda di testo, ad esempio, "È il terzo mese dell'anno? Marzo ", ecc. Incolla il codice come prima.

campo "Domanda"

E l'ultima cosa di cui abbiamo bisogno è il pulsante " Invia messaggio", Puoi lasciare quello che nel modello o nell'elenco" Genera tag ", seleziona" Pulsante Invia ". Il modello è pronto, premere il pulsante " Salva”.

Controlliamo cosa abbiamo, copia lo shortcode e incollalo sulla pagina o in qualsiasi parte del codice dove necessario. Incollerò su una pagina di prova.

Questo è quello che ho fatto:

Dovresti avere qualcosa di simile.

Configurazione del destinatario del modulo e dei messaggi

Scendiamo un po 'sotto il modello di modulo e vediamo le impostazioni del destinatario.

1. Campo di destinazione. Inserisci la mail da cui verranno inviate le lettere ai visitatori che compilano il modulo.
2. Campo mittente. Anziché<>, sostituiamo i nostri shortcode (i nomi che sono stati dati ai campi). Puoi vederli sopra. Nel mio caso lo sarà<>.
3. Campo dell'argomento. Scrivo sempre il Feedback Form e indico il sito.
4. Scatola modello di lettera. Qui puoi dedurre ciò che il tuo cuore desidera. Per il nostro esempio, creo il campo Da:<> e dati Telefono :, Messaggio ..
5. Gli altri campi sono vuoti.

Alla fine, non dimenticare di salvare.

Se vai ancora più in basso, puoi vedere le impostazioni del messaggio. Tutto qui è in russo, quindi puoi modificarlo in base alle tue esigenze come desideri. Qui penso che lo capirai

Il modulo è pronto, puoi andare a testare e vedere se il messaggio arriva alla posta che hai specificato.

Per me funziona tutto bene, dopo aver premuto il pulsante "Invia", vedo il messaggio " Il messaggio è stato inviato con successo. grazie. "Puoi testare e vedere quali errori il modulo darà se i dati non sono inseriti correttamente.

Per quanto riguarda gli stili css, possono essere aggiunti al file css principale style.css. Con Firebag, puoi guardare gli ID dei campi e le classi e definirli in modo appropriato.

Modulo di contatto 7 Plugin per WordPress molto funzionale, puoi fare una forma di qualsiasi complessità, sono sicuro che sei convinto di questo. Su questo finisco, se alcuni punti non sono completamente chiari, scrivi nei commenti cercherò di aiutarti a capirlo. Grazie.

Utilizzando il plug-in Modulo di contatto. Ma nel tempo, è diventato chiaro che le capacità di questo plugin non sono chiaramente sufficienti e il più grande svantaggio è che ti consente di creare un solo modulo di feedback.

Sembra che non ci siano problemi, infatti. Ma alcuni proprietari di siti necessitano di più di un modulo di feedback, che può essere posizionato non solo nella pagina "Feedback" o "Contatto", ma anche in qualsiasi altra pagina o post.

In questo tutorial, voglio mostrarti come creare un modulo di feedback utilizzando un altro plugin, più funzionale e leggermente più complesso di quello discusso nell'ultimo post. Iniziamo?

Descrizione del plugin

Il plug-in Contact Form 7 ti consente di creare molti moduli diversi per inviare i risultati alla tua casella di posta. Puoi personalizzare assolutamente tutto: l'aspetto del modulo, l'ordine dei campi, il nome delle etichette, il formato delle e-mail, la scelta dei destinatari delle risposte. Tutto sommato, il plugin è davvero molto funzionale e interessante.

Inoltre, puoi collegare il plug-in Akismet ad esso per proteggerti dallo spam, implementare e anche utilizzare il multilinguismo. Questo, secondo me, è fantastico! :-)

Installazione del plug-in Contact Form 7

Il plugin è installato in modo standard in WordPress. Vai alla sezione "Plugin" - "Aggiungi nuovo", inserisci il nome Contact Form 7 e installalo dal repository. Non dimenticare di attivare immediatamente dopo l'installazione.

Configurazione del modulo di contatto 7

Dopo aver attivato il plugin nel file main menu di WordPress apparirà un nuovo elemento "Contatti (CF7)", questo è il luogo principale per impostare i moduli di feedback. Il numero di moduli non è limitato da nulla.

Un elenco dei moduli esistenti è disponibile nella sezione "Moduli di contatto":

Puoi anche copiare lo shortcode richiesto da incollare in una pagina o in un post:

Aggiunta di un nuovo modulo di feedback

Come puoi vedere, non ci sono elementi aggiuntivi speciali nel menu, quindi passiamo alla creazione del modulo di feedback stesso. Per fare ciò, seleziona la voce "Aggiungi nuovo" nel menu principale.

Innanzitutto ci viene chiesto di selezionare la lingua dell'interfaccia del form che verrà creato. WordPress definisce versione installata sul tuo sito e offre di selezionarlo per impostazione predefinita:

Ma puoi scegliere qualsiasi lingua disponibile dall'elenco:

Dopo aver fatto clic sul pulsante "Aggiungi nuovo", verrà visualizzato il costruttore del modulo.

Cambia il nome del modulo

Il primo passo è inserire il nome del nostro modulo in modo da non perdersi nell'elenco dei moduli quando ce ne sono troppi. Per fare ciò, fai clic sulla parola "Titolo" nella parte superiore dello schermo:

Successivamente, apparirà un campo di testo, in cui inseriamo un nome con una descrizione:

Non appena la pagina si aggiorna, vedrai il seguente messaggio:

Puoi copiare lo shortcode proposto e incollarlo nella pagina che ci serve.
Ma puoi farlo in seguito, non appena hai impostato il modulo. La scelta è tua.

Modifica del modello di modulo

Un modello di modulo è semplicemente HTML che modella l'aspetto del modulo. Per impostazione predefinita contiene 4 campi (nome, indirizzo email, oggetto e messaggio) e il pulsante di invio del modulo. Assomiglia a questo:

Puoi scambiare i blocchi semplicemente tagliando e incollando il loro codice dove vuoi.
Ad esempio, possiamo scambiare il campo dell'email e il nome del cliente:

Oppure possiamo rimuovere il campo "Oggetto" in modo che non compaia nel nostro modulo. Per fare ciò, elimina il blocco di testo corrispondente nel nostro modello:

Un asterisco accanto al codice dell'elemento significa che questo campo è obbligatorio e fino a quando il cliente non inserisce un valore, il modulo non verrà inviato:

Come aggiungere un nuovo campo a un modulo

Immagina di dover aggiungere un campo con l'indirizzo del sito a un modulo standard. Il costruttore del modulo di questo plugin ti consente di implementare i tuoi piani senza problemi. È sufficiente utilizzare il pulsante "Genera tag":

Quando viene premuto, verrà visualizzato un enorme elenco di possibili campi aggiuntivi:

Devi solo scegliere il tipo di campo richiesto ed eseguire una serie di semplici passaggi.

Non allarmarti. Le impostazioni, anche se sembrano intimidatorie, sono in realtà molto semplici :-)

Il flag "Campo obbligatorio" consente di impostare controllo aggiuntivo e finché questo campo è vuoto o non valido, il modulo non verrà inviato. Quasi tutti i tipi di campi hanno questa impostazione:

Inoltre, molti campi del nostro form hanno le stesse impostazioni del nome, specificando l'ID dell'elemento e la classe CSS, attraverso la quale è possibile modificare l'aspetto di questi campi. Sono presenti in quasi tutti i campi:

Il campo "Nome" è il più importante, viene utilizzato sia nel modello di modulo che nel modello di lettera.

Ma durante l'utilizzo di questo plugin, non ho mai dovuto modificare o impostare i valori di questi attributi. Molto probabilmente non ne avrai nemmeno bisogno. Ma sono obbligato a raccontarli e presentarli :-)

Tutte le caselle di testo nel nostro costruttore di moduli hanno campi aggiuntivi con la dimensione del campo stesso e la lunghezza massima del valore, eccole:

Inoltre, campi specifici, come URL o altri campi di testo non ordinari, hanno le proprie impostazioni speciali. Ad esempio, il nostro campo URL ha un'ulteriore personalizzazione:

Non prenderò assolutamente in considerazione tutte le impostazioni, perché ce ne sono troppi e sono specifici per ogni tipo di campo. Bene, se all'improvviso hai ancora bisogno di queste informazioni, scrivine nei commenti a questa nota e mi preparerò revisione aggiuntiva impostazioni.

Ora dobbiamo aggiungere il codice per questo campo al modulo nel modello di modulo.
Per fare ciò, copia il codice proposto e incollalo nel modulo a sinistra:

Ad esempio, voglio inserire un campo con l'indirizzo del sito dopo il nome del cliente. Dovrò inserire il codice per analogia con altri campi, cioè aggiungere un paragrafo, un'interruzione di riga e inserire lo shortcode di questo nuovo campo:

Bene, affinché il valore di questo campo arrivi al nostro indirizzo email, questo valore deve essere copiato:

E incolla nella casella di testo sottostante nel "Modello di lettera":

Altri campi vengono aggiunti per analogia. Tutto è semplice e chiaro :-)

Destinatario e modello di lettera

Ora diamo un'occhiata alle impostazioni che vengono prese in considerazione quando si invia un messaggio. Nel nostro caso, questo è il destinatario (quasi sempre tu lo sei) e il modello della lettera che verrà inviato all'indirizzo email specificato dopo l'invio del messaggio.

Prima di tutto, è necessario specificare il destinatario, a cui arriveranno i messaggi di posta elettronica dal nostro modulo. Per impostazione predefinita, qui viene sostituito l'indirizzo e-mail dalle impostazioni di WordPress.

Penso che tu abbia già notato che questi moduli utilizzano codici incomprensibili, come ,. Quindi, questo è lo stesso campo "Nome" del generatore di campi che ho considerato sopra:

Bene, allora devi solo riordinare il modello della lettera stessa:

Puoi utilizzare tutti quei campi che sono stati creati automaticamente tramite il pulsante "Genera tag", oppure puoi lasciare il modulo standard se non hai modificato nulla nelle impostazioni.

P.S. Nelle impostazioni di questo plugin c'è un'opzione piuttosto interessante: specificare il secondo destinatario del messaggio. Ad essere onesto, non riesco a pensare immediatamente al motivo per cui potrebbe essere necessario, ma poiché esiste un'opportunità, qualcuno la utilizzerà comunque.

Configurazione dei messaggi

Ebbene, che tipo di plugin per l'invio di messaggi è se non ti permette di cambiare il testo delle notifiche o delle etichette? E il plug-in Contact Form 7 non fa eccezione. Ti consente di tradurre qualsiasi iscrizione o messaggio di errore:

Problemi noti

Accade così che quando si utilizzano controlli non standard, come e-mail o URL, l'aspetto dei singoli elementi sulla pagina sarà diverso. Ad esempio, presta attenzione al campo "Indirizzo del tuo sito" nel modulo stesso:

Non hai visto? E ti mostrerò più da vicino:

In generale, il problema è che l'aspetto di tali campi è visivamente diverso dai campi di testo standard. Confronta con il campo "Il tuo nome", capirai tutto in una volta.

Ci sono due opzioni qui. Il primo è aggiungere gli stili appropriati al file style.css del tuo tema, o cambiare il tipo di URL in testo nel modello di modulo, quindi tutto andrà bene:

Conclusione

Penso che la panoramica dei modi per creare moduli di feedback possa essere considerata completamente chiusa e l'argomento stesso viene considerato su e giù.

Ovviamente apparirà sicuramente qualcuno che non ha successo o che vuole suggerire qualche altro plug-in simile da prendere in considerazione. Sono sempre felice di avere domande e suggerimenti! Sentiti libero di chiederglielo nei commenti :-)

Se vuoi ringraziarmi per il materiale, puoi farlo qui :-)

Se trovi un errore, seleziona una parte di testo e premi Ctrl + Invio.

Contact Form 7 può gestire numerosi moduli di contatto, in cui è possibile personalizzare in modo flessibile il contenuto dei moduli e delle mail con markup abbastanza semplice. I moduli hanno il supporto integrato per gli invii Ajax, CAPTCHA, filtro antispam Akismet e altro ancora.

Documentazione e supporto

Screenshot

Installazione

1. Carica l'intera cartella contact-form-7 nella directory / wp-content / plugins /.
2. Attiva il plug-in nella pagina Plugin nella dashboard di WordPress.

Nel menu del dashboard di WordPress, troverai la scheda "Feedback".

Per sapere come utilizzare correttamente il plugin, puoi visitare la sua home page.

Collaboratori e sviluppatori

Contact Form 7 è un progetto aperto codice sorgente... I seguenti collaboratori hanno contribuito allo sviluppo del plugin:

Partecipanti

Registro delle modifiche

Ricevere informazioni aggiuntive vedi Comunicati.

5.1.3

• Risolto un bug che rendeva impossibile deselezionare un'opzione nella scheda Posta.

5.1.2

• Contatto permanente: introdotto un selettore dell'elenco dei contatti.
• Contatto costante: viene fornita un'impostazione aggiuntiva constant_contact.
• reCAPTCHA: introdotti gli intercettatori del filtro wpcf7_recaptcha_actions e wpcf7_recaptcha_threshold.

5.1.1

• reCAPTCHA: modifica la reazione ai token di risposta vuoti.

5.1

• Introdotto il modulo di integrazione del contatto permanente.
• Modulo reCAPTCHA aggiornato per supportare reCAPTCHA v3.
• Aggiunge regole di stile per la modalità oscura.

5.0.5

• Risolto un problema di mancata corrispondenza tra get_data_option () e get_default_option () nella classe WPCF7_FormTag.
• Sopprime errori PHPderivanti da chiamate a unlink ().
• Introdotto wpcf7_is_file_path_in_content_dir () per supportare la costante UPLOADS.

5.0.4

• Imposta esplicitamente l'argomento power_type nella chiamata register_post_type () per correggere un problema di escalation dei privilegi non autorizzato.
• File allegato locale: è vietato specificare percorsi assoluti ai file situati al di fuori della directory wp-content.
• Strumento di convalida della configurazione: aggiunge un elemento di prova per rilevare impostazioni errate per i file allegati.
• Risolto un bug nella compatibilità con le versioni precedenti di JavaScript per i browser legacy che non supportano l'attributo segnaposto HTML5.
• Casella di controllo del consenso: disabilita la funzione di non memorizzare del tag del modulo.

5.0.3

• CSS: applica lo stile del cursore "non consentito" per inviare pulsanti nello stato "disabilitato".
• Casella di controllo di accettazione: rivede l'interfaccia utente del generatore di tag per incoraggiare l'uso di opzioni migliori in termini di protezione dei dati personali.
• Introduce la funzione wpcf7_anonymize_ip_addr ().
• Consent_for introdotto: opzione di archiviazione per tutti i tipi di tag del modulo.

5.0.2

• Aggiunta la sezione Note sulla privacy al file readme.txt.
• Aggiornato il contenuto del meta-box delle informazioni.
• Usa get_user_locale () invece di get_locale () dove è più appropriato.
• Casella di controllo di accettazione: reimposta lo stato disabilitato dei pulsanti di invio dopo un invio riuscito.

5.0.1

• Risolti gli usi errati di _n ().
• Convalida della configurazione: corretto conteggio errato degli avvisi nel pannello della scheda Impostazioni aggiuntive.
• Convalida della configurazione: corretto il trattamento improprio per il tag di posta speciale [_site_admin_email] nel campo dell'intestazione del messaggio di posta.
• Casella di controllo di accettazione: gli attributi di classe e id specificati sono stati applicati all'elemento HTML sbagliato.
• Convalida della configurazione: quando è presente un'intestazione di posta aggiuntiva per le cassette postali come Cc o Reply-To, ma ha un possibile valore vuoto, verrà restituito l'errore "Viene utilizzata la sintassi della casella di posta non valida".
• Specifica esplicitamente il quarto parametro di add_action () per evitare di passare valori di parametro non intenzionali.
• Verificare se la directory di destinazione è vuota prima di rimuovere la directory.

5.0

• Impostazioni aggiuntive: on_sent_ok e on_submit sono state rimosse.
• Nuova impostazione aggiuntiva: skip_mail
• Flamingo: il titolo del canale in entrata cambia insieme a una modifica nel titolo del modulo di contatto corrispondente.
• Eventi DOM: rendi accessibile un intero oggetto di risposta API tramite la proprietà event.detail.apiResponse.
• Posta HTML: aggiunge attributi relativi alla lingua all'intestazione HTML.
• Caricamento file: imposta l'attributo di accettazione su un campo di caricamento.
• Introduce la classe WPCF7_MailTag.
• Interrompi un tentativo di invio di posta utilizzando l'intercettore di azioni wpcf7_before_send_mail. In alternativa, puoi impostare lo stato e il messaggio personalizzati tramite un intercettatore di azioni.
• Casella di controllo di accettazione: consente di specificare una dichiarazione di condizioni nella parte del contenuto del tag del modulo.
• Casella di controllo di accettazione: supporta l'opzione opzionale.
• Nuovi tag di posta speciali: [_site_title], [_site_description], [_site_url], [_site_admin_email], [_invalid_fields], [_user_login], [_user_email], [_user_url], [_user_firstser_name_name], [_user_name], [_user_display_name]
• Nuovi intercettatori di filtri: wpcf7_upload_file_name, wpcf7_autop_or_not, wpcf7_posted_data _ ($ type) e wpcf7_mail_tag_replaced _ ($ type)
• Nuove funzionalità di form-tag: zero-controls-container e not-for-mail

A causa del fatto che il plug-in Contact Form 7 è molto utilizzato dagli utenti di WordPress, è diventato necessario scrivere manuale dettagliato su di essa. Questo articolo tratta la personalizzazione del modulo di contatto 7, i metodi di implementazione e le risposte alle domande frequenti sull'utilizzo del plug-in.

Per aggiungere il Modulo di contatto 7 nella posizione desiderata, è necessario copiare il codice di incorporamento nella sezione della pagina o del post. Questo è fatto molto semplicemente:


Ogni modulo di contatto ha il proprio tag breve come [contact-form-7 id \u003d "71" title \u003d "(! LANG: Modulo di contatto 1"] . Чтобы вставить контактную форму в свой пост, скопируйте шорткод и вставьте его в содержание поста.!}

Se il modulo non viene visualizzato e restituisce un errore contact-form-7 404 "Not Found"

Il codice è un segno che il modulo di contatto specificato dallo shortcode non può essere trovato. Assicurati di utilizzare il codice di incorporamento corretto. Prova a ripetere l'incollaggio copiando codice richiesto ancora.

Come aggiungere o modificare un campo per modificare l'aspetto di un modulo di contatto 7?

Per aggiungere un campo, aggiungi un tag a modulo campo di testo, cambia completamente o modifica il modulo, devi andare alle impostazioni e impostare i parametri che ti servono.

Ogni tag ha una sintassi rigida, che supporta più varianti. L'apprendimento della sintassi può essere difficile, ma puoi creare facilmente un tag personalizzato utilizzando invece il generatore di tag. Fare clic sul pulsante del tag e dopo la formattazione fare clic su " Crea tag ". Puoi anche familiarizzare con l'argomento in un articolo separato.

Impostazioni interne del modulo di contatto 7.

Le seguenti impostazioni sono disponibili in ogni modulo:

• Impostazione di un modello di modulo;
• Lettera;
• Notifiche di invio di moduli.

In queste impostazioni, è possibile eseguire le manipolazioni necessarie con i tag del modulo di input, personalizzare la forma della lettera che l'utente riceverà e le impostazioni per la notifica durante l'invio di lettere.

Avendo prodotto tutto impostazioni interne del modulo di contatto 7riceverai il codice di incorporamento modificato, che verrà incorporato da te nell'area richiesta del sito.

Come si specifica o si modifica l'oggetto di un messaggio?

Basta cambiare il campo "Oggetto" nella sezione "Lettera". Per fare ciò, vai al menu delle impostazioni desiderate e cambia il tag standard con il tuo nome.

Come impostare un autorisponditore per Contact Form 7?

Per impostare un autorisponditore che verrà attivato dopo che la prima lettera è stata inviata con successo, è necessario andare nella sezione "Lettera", scendere nelle impostazioni e mettere un segno di spunta accanto a "Lettera 2". Dopo la visualizzazione del modulo, configurarlo secondo i criteri necessari, analogamente a "Lettera 1".

La posta che arriva attraverso il modulo di contatto del plug-in Contact Form 7 mostra "WordPress" come nome del mittente. Come lo cambio?

L'indirizzo del mittente è costituito da un indirizzo e-mail il mittente e nome aggiuntivo il mittente. WordPress assegna "WordPress" come nome del mittente se il parametro non è formattato. Se desideri utilizzare un nome diverso in modo che "WordPress" non venga più visualizzato come nome del mittente, devi specificare esplicitamente il nome del mittente nel campo "Da:" nella sezione "Posta":

Posso pubblicare un modulo di contatto al di fuori di un messaggio?

Sì. Puoi inserire il tuo modulo di contatto in un widget di testo. abbiamo già considerato. Tutto quello che devi fare è creare un widget e inserire lo shortcode del modulo che ti serve.

Come faccio a incorporare un modulo di contatto in un file modello?

Puoi inserire lo shortcode direttamente nel tema del template usando la funzione do_shortcode (). Questo può essere fatto con una riga come questa:

Messaggio di errore "Impossibile inviare il messaggio". Il modulo di contatto non invia e-mail. Cosa c'è che non va?

Di solito ci sono diversi motivi per un messaggio del genere:

• Il primo vero motivo potrebbe essere il server di posta, con il divieto di inviare il modulo di posta. In questo caso, il messaggio di errore sarà circondato da una linea rossa. Contatta l'amministratore del server per una soluzione.
• Secondo possibile motivo è che il modulo di invio è sospettato di essere spam. In questo caso, il messaggio di errore sarà circondato da una linea arancione.

Il messaggio di risposta "Il tuo messaggio è stato inviato con successo", ma la lettera non arriva.

Se un messaggio viene visualizzato con un bordo verde, significa che funzione PHP per inviare la posta è sicuramente completato con successo. Quindi, se non puoi ricevere la posta, è molto probabile che la posta sia stata rubata o eliminata.

Se puoi controllare il log del tuo file server email, questo potrebbe darti qualche suggerimento. Il filtro anti-spam spesso causa problemi di questo tipo.

Il modulo di contatto reindirizza alla pagina di errore 404 dopo l'invio.

Questo problema è causato da una combinazione di due errori di configurazione. Innanzitutto, JavaScript AJAX non funziona sul tuo modulo di contatto. A causa di questo problema, il tuo modulo di contatto è costretto a reindirizzare dopo l'invio. In secondo luogo, il modulo di contatto utilizza parole inaccessibili nei nomi dei campi di input. Questa domanda confonde WordPress, risultando in 404 (" Non trovato") Errori.

Il modulo di contatto si comporta in modo strano in alcuni browser.

Può essere causato da HTML, CSS, Javascript errati. Controlla la pagina del modulo con i validatori o gli strumenti di debug.

Strumenti utili:

• Firebug - estensione per Firefox... Ottimo per il debug di JavaScript.
• Servizio di convalida del markup W3C: servizio di convalida HTML.
• Servizio di convalida CSS W3C - Servizio di convalida CSS.

Come utilizzare il modulo di contatto nella lingua desiderata, non in inglese.

Contact Form 7 è stato tradotto in molte lingue. Verifica se esiste un file di configurazione della lingua per il tuo sito, quindi e modulo di contatto 7 plugin utilizzerà questa lingua.

Contact Form 7 imposta l'impostazione della lingua di WordPress. Dopo aver cambiato la lingua impostazioni di WordPressAnche il modulo di contatto 7 sta cambiando.

CAPTCHA non funziona, non appare nessuna immagine.

Per utilizzare i CAPTCHA, è necessario che le librerie GD e FreeType siano installate sul server. Inoltre, assicurati che la cartella temporanea per il CAPTCHA sia impostata con autorizzazioni di scrittura.

Il campo di immissione del testo CAPTCHA funziona su Internet Explorer ma non su Firefox. Impossibile inserire il codice.

Questo è un problema ben noto causato dall'abuso di tag. ... Assicurati di usarlo correttamente.
Uso corretto:

Inserisci il codice:

[captchac your - captcha] < strong > & lt; etichetta & gt;< / strong > Inserisci il codice: [captchar your - captcha]< strong > & lt; / label & gt;< / strong >

Questo non funzionerà correttamente:
Inserisci il codice:

Ciao cari lettori del blog. Continuando il tema dei moduli di feedback di WordPress. E visto che ne ho parlato, oggi vi propongo di parlare del plugin WP Contact Form 7. Successivamente, vi mostrerò la configurazione passo passo del plugin e descriverò brevemente anche i componenti aggiuntivi per questo plugin.

Navigazione nella pagina:

Descrizione del modulo di contatto di WordPress 7

2) Attiva il plug-in Contact Form 7 nell'area di amministrazione di WordPress.

3) Vai alla nuova scheda creata, come mostrato in figura:

4) Fare clic sulla scheda "Aggiungi nuovo" e specificare la lingua predefinita del modulo oppure selezionare quella desiderata

5) Specificare il nome del modulo di contatto e fare clic su Salva.

6) Ora abbiamo uno shortcode che può essere copiato e incollato nel post o nella barra laterale per visualizzare il form - contact-form-7 id \u003d "1252" title \u003d "(! LANG: Form number 1" (надо взять в !} parentesi quadre come mostrato).

7) Ecco come appare il nostro modulo:

Certo, non è molto bello, ma nessuno si preoccupa di creare i tuoi stili o creare la tua forma e inserire inserti lì.

Come visualizzare il modulo di contatto 7 in qualsiasi punto del modello

Al punto 6 configurazione passo dopo passo Ti ho mostrato come prendere lo shortcode del codice CF7 e poi ho descritto che questo codice può essere visualizzato in un widget, in un post o in una pagina. Inoltre, voglio dire che puoi visualizzare il modulo di contatto 7 ovunque nel modello. Per fare ciò, inserisci il seguente semplice codice:

Questo è tutto, se hai fatto tutto correttamente, riceverai l'output del modulo di contatto 7 in una posizione arbitraria nel modello WordPress.

Personalizzazione dei campi di input del modulo di contatto 7

Grazie a lui, avrai anche scatole come:

Configurazione della risposta a risposta per il modulo di contatto 7

NEL nuova versione plugin CF7 4.4 e versioni successive, lo sviluppatore consiglia di entrare nel campo da (eccolo sulla skin in basso)

l'indirizzo corretto che corrisponde al tuo dominio. Può essere visto dalla pelle e questa raccomandazione crea un problema:

Come rispondere a un utente da un mailer?

Se premi semplicemente rispondi, risponderemo alla nostra posta, infatti, risponderemo noi stessi. Questo è molto scomodo, perché dobbiamo copiare manualmente l'indirizzo dell'utente, incollarlo nel mailer e solo dopo rispondere.

C'è una soluzione a questo problema e, come sempre, semplice. Hai bisogno sul campo Intestazioni aggiuntive aggiungi codice:

Rispondi a:

Ovviamente your-email-sh deve essere sostituito con il tuo shortcode di posta. Vedi la skin qui sotto:

Ora, quando ricevi una lettera dal feedback di WordPress, puoi fare clic per rispondere nel mailer e la tua risposta verrà inviata all'e-mail corretta.

Se dopo questi passaggi ti trovi di fronte a un problema, dovresti leggere il post facendo clic sul collegamento. Sono descritti i principali problemi e le cause dei problemi nel plugin Contact Form 7.

È tutto. Spero che tu capisca come sono configurati il \u200b\u200bplugin e i suoi layout.