Modulo di contatto PHP. Modulo di feedback personalizzabile: come creare online? Come creare un bellissimo modulo di contatto HTML e PHP popup con il telefono e inviare l'ordine tramite e-mail

Ciao! In questo articolo imparerai come creare un modulo di contatto popup per siti html e wordpress. Innanzitutto, tali moduli saranno necessari per negozi online, landing page e semplici siti di biglietti da visita, poiché sono davvero convenienti per l'utente.

Ad esempio, un visitatore è arrivato al tuo sito, ha esaminato le informazioni di cui aveva bisogno, sembra essere pronto per ordinare il tuo prodotto o servizio, ma non vuole chiamare un'altra città e spendere un sacco di soldi. È in questi momenti che il modulo di feedback pop-up viene in soccorso.

Crea un modulo di contatto html

Quindi, supponiamo che tu abbia già un sito Web e desideri creare un modulo, durante la compilazione, l'utente sarà in grado di ricevere feedback da te. Per fare ciò, prima di tutto, viene creata la cornice stessa.

Incolla il seguente codice nel posto giusto sul sito:

Applicazione in linea

Facoltativamente, puoi aggiungere campi aggiuntivi per l'immissione di informazioni o rimuovere quelli esistenti. Sconsiglio vivamente di utilizzare captcha o altra protezione contro i bot in tali moduli, che renderanno difficile per l'utente compilare il modulo.

Il codice è inserito, cosa vediamo?

Il modulo è apparso, ma è necessario dargli un'occhiata. Per fare ciò, aggiungi i seguenti stili:

/* Modulo di contatto */ #inline ( margin-left:30px; width:80%; margin:0 auto; background:#fff; padding:10px 20px; ) .txt ( display:inline-block; color:#676767 ; width:190px; margin-bottom:10px; border:1px solid #ccc; padding:5px 9px; font-size:15px!important; line-height:1.4em; ) .txtarea ( display:inline-block; colore: # 676767; width:617px; margin-bottom:10px; border:1px solid #ccc; padding:5px 9px; font-size:15px!important; line-height:1.4em; height:80px; ) .txt:focus, . txtarea:focus (stile bordo:solido; colore bordo:#bababa; colore:#444; ) input.error, textarea.error (colore bordo:#973d3d; stile bordo:solido; sfondo:#f0bebe; colore :#a35959; ) input.error:focus, textarea.error:focus ( border-color:#973d3d; color:#a35959; ) #send ( color:#FFFFFF; display:block; cursor:pointer; padding:5px 11px ; font-size:1.2em; border:solid 1px #F9F9F9; border-radius:2px; background:#70C6B9; width:210px; margin-bottom:20px; ) #send:hover ( background:#9797 97; ) /* Modulo di feedback */

Già molto meglio. In ogni caso, dovrai adattare il modulo al design generale del sito, quindi il tuo alla fine sarà diverso dal mio.

Si presenta così:

Che succede? Il visitatore fa clic sul campo e lo script gli sostituisce una maschera già pronta, con il prefisso internazionale. Abbastanza conveniente.

Per fare ciò, è necessario collegare lo script della maschera. Puoi scaricarlo alla fine dell'articolo insieme al codice sorgente.

Colleghiamo lo script prima del tag di chiusura. Non dimenticare di cambiare il percorso del file con il tuo. Ok, il modulo di feedback è stato creato, gli stili sono impostati, ora devi inserire un gestore in modo che le notifiche arrivino alla tua posta.

Per fare ciò, inserisci il seguente script prima del tag di chiusura:

Come funziona questo script?

1. Esegue la convalida dell'e-mail inserita.
2. Specifica i campi con cui lavorare.
3. Convalida questi campi per il completamento. Se i campi obbligatori non sono specificati, viene visualizzato un messaggio che indica che devono essere compilati.
4. Elabora le informazioni inserite e avvia l'invio di una notifica alla posta.
5. Invia un messaggio all'utente che la sua richiesta è stata accettata utilizzando Ajax.

L'ultima cosa che resta da fare è creare il file sendmessage.php, inserire il seguente codice php al suo interno e caricarlo nella root del tuo sito.

Nome:".$nome utente."

\r\n"; $msg .= "

Numero di telefono:".$telefono."

\r\n"; $msg .= "

Posta:".$posta utente."

\r\n"; $msg .= "

Messaggio:".$contenuto."

\r\n"; $msg .= " "; // invia messaggio if(@mail($sendto, $subject, $msg, $headers)) ( echo "true"; ) else ( echo "false"; ) ?>

Questo è tutto, un semplice modulo di feedback per il sito html è pronto. Non dimenticare di cambiare semplicemente l'e-mail nel file sendmessage.php con la tua.

Aggiunta di un modulo di feedback pop-up al sito

Ci sono momenti in cui hai bisogno di un modulo pop-up che si apre quando fai clic su un pulsante. È molto facile farlo. Ad esempio, prendiamo il modulo che abbiamo creato in precedenza e lavoriamo con esso.

Per prima cosa dobbiamo connettere jqury fancybox, che puoi scaricare alla fine dell'articolo.

Aggiungi queste righe prima del tag body di chiusura, cambia semplicemente il percorso del file con il tuo.

E gli diamo stili.

Modalbox ( colore:#FFFFFF; display:blocco; cursore:puntatore; riempimento:10px 11px; dimensione carattere:1.2em; bordo:solido 1px #F9F9F9; raggio-bordo:2px; sfondo:#70C6B9; larghezza:210px; testo -decoration:none; text-align:center; margin:0 auto 20px; ) .modalbox:hover ( background:#979797; )

Si noti che il pulsante, una volta cliccato, farà apparire una finestra pop-up, deve essere assegnata la classe modalbox e il percorso href="#inline". Senza questo, il modulo popup non si aprirà sul sito.

Quindi nascondiamo il modulo che abbiamo creato in precedenza in modo che si apra in una finestra pop-up. Per fare ciò, è necessario sostituire gli stili #inline da quelli vecchi a quelli nuovi.

#inline ( display:none; margin-left:30px; width:80%; margin:0 auto; background:#fff; padding:10px 20px; )

Di conseguenza, otteniamo un tale pulsante.

Facendo clic su di esso si apre una finestra pop-up con feedback.

Anche in questo caso, gli stili, la disposizione dei campi e gli elementi possono essere modificati in base alle tue esigenze. Ad esempio, per una richiamata dal sito, sarà sufficiente lasciare solo 2 campi - nome e numero di telefono, e rimuovere il resto dei campi.

Non dimenticare che affinché il modulo funzioni, dovrai aggiungere il gestore che è pubblicato sopra alla fine del sito e caricare il file nella radice del sito sendmessage.php.

Modulo di feedback per wordpress

Se il tuo sito è alimentato da wordpress, puoi utilizzare plugin speciali per aggiungere un modulo di contatto. Uno dei migliori plug-in Contact Form 7. Puoi scaricarlo dal sito Web ufficiale o tramite il pannello di amministrazione nella sezione Plugin.

Dopo aver attivato il plugin, apparirà una nuova scheda nel menu a sinistra. Aprilo e fai clic su Aggiungi nuovo.

Inserisci il nome del nuovo modulo, seleziona i campi che dovrebbero essere nel modulo. Di solito bastano quelli standard, che vengono aggiunti automaticamente. Mantenersi in forma.

Dopo il salvataggio, sullo schermo apparirà uno shortcode, che dovrà essere inserito nella pagina in cui deve essere visualizzato il modulo di contatto, ad esempio nella pagina Contatti.

Copia questo codice, vai alla pagina desiderata, seleziona il formato "Testo" nell'editor visivo, incolla questo shortcode e salva la pagina.

Quindi controlliamo se il modulo è visualizzato nella pagina e funziona correttamente. Per fare ciò, basterà andare alla pagina in cui è stato inserito il codice. Dovresti avere un modulo come questo:

Ora i visitatori del tuo sito potranno contattarti attraverso il modulo di contatto creato sul motore di wordpress.

Creazione di un modulo di feedback popup per wordpress

Io stesso non mi piace aggiungere plugin extra a questo motore, poiché caricano il sito, rallentandolo. Pertanto, per un modulo pop-up, di solito utilizzo 2 opzioni.

1. Fissiamo semplicemente il modulo pop-up descritto sopra nell'articolo non al sito html, ma al motore.
2. Un modulo creato con il plug-in popup Contact Form 7 con alcune modifiche minori.

Il primo metodo è già stato descritto sopra, quindi passiamo al secondo.

Innanzitutto, incolla il codice seguente subito dopo il tag body di apertura.

X

Vediamo cos'è cosa:

• Un collegamento con id="callme-open" quando viene cliccato, il nostro modulo si aprirà. Si prega di notare che questo collegamento non deve essere inserito dopo il tag aperto, ma nel punto in cui si desidera che si trovi questo pulsante. Di solito viene aggiunto nell'angolo destro dell'intestazione, accanto al numero di telefono della tua azienda.
• Il blocco bg-b creerà uno sfondo del sito oscurato quando viene aperto il modulo popup.
• Il blocco callme conterrà il modulo di feedback stesso.
• X - questa sarà la nostra croce nell'angolo del modulo, quando viene cliccato su cui il modulo si chiuderà.
• Bene, il codice php in cui verrà lanciato lo shortcode del plug-in Contact Form 7.

Tieni presente che il tuo ID e il nome del modulo potrebbero differire dal mio. Il nuovo codice è stato aggiunto, ora gli diamo degli stili.

Bg-b ( position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(51,51,51,0.55); z-index:1000; ) body ( position: relativo; ) .callme ( position:fixed; top:30%; left:50%; width:300px; margin-left:-150px; z-index:1100; background:#fff; padding:20px 20px 10px; border- raggio:4px; ) .callme piccolo (posizione:assoluta; destra:10px; alto:10px; dimensione carattere:15px; cursore:puntatore; )

Salva il codice e controlla. Il modulo ora dovrebbe essere posizionato al centro dello schermo, con uno sfondo scuro traslucido dietro di esso. Tutto va bene, ma resta da aggiungere l'ultima cosa: uno script che aprirà e nasconderà questo modulo quando si fa clic sui pulsanti desiderati.

Questo script deve essere inserito nel file footer, prima del tag body di chiusura.

Gli ultimi ritocchi sono lasciati e il modulo pop-up su wordpress sarà pronto. Assegna alle classi .callme e .bg-b lo stile display:none. Ciò è necessario affinché il modulo non appaia sullo schermo all'avvio del sito.

Abbiamo discusso con te diverse opzioni per creare un modulo di richiamata. Spero che non avrai problemi con l'implementazione del modulo sul tuo sito. In caso di problemi o domande, puoi sempre ottenere consigli nei commenti.

AGGIORNAMENTO 06/06/2018

Nelle ultime versioni di WordPress Gli script jQuery non funzionano con il simbolo $, quindi questo dovrebbe essere preso in considerazione e sostituire $ con jQuery

Abbastanza spesso c'è un tale problema in cui un modulo pass-through sul sito smette di inviare su pagine interne. Per evitare che ciò accada, specifica il percorso completo del file sendmessage.php nel gestore. Ad esempio, in questo modo:

URL: "http://site.ru/sendmessage.php"

E puoi scaricare i codici sorgente dei primi due moduli da

AGGIORNAMENTO 07/04/2018

A grande richiesta, il modulo di feedback è stato aggiornato. Ora tiene conto della casella di controllo per il consenso all'invio dei dati in conformità con la legislazione della Federazione Russa n. 152-FZ "Sui dati personali", l'adattabilità a qualsiasi risoluzione dello schermo è stata migliorata, i file js e css sono stati compressi.

È ora possibile visualizzare l'esempio, nonché scaricare i sorgenti del modulo di feedback aggiornato e del modulo pop-up online, seguendo i collegamenti.

Saluti caro lettore, oggi ho preparato per te un delizioso modulo di feedback html che funziona senza ricaricare la pagina utilizzando la tecnologia Ajax + un potente trigger che motiverà i tuoi visitatori a utilizzare il modulo. I lettori del mio blog hanno discusso molto attivamente il mio precedente articolo sulla Landing Page, ora stiamo valutando, guardando il nuovo modulo finalizzato. Tutto necessario fonte e demo allegati nell'articolo , analizzeremo anche la struttura del lavoro e la connessione.

UPD: Risolto un bug con la codifica del nome nella riga dell'oggetto. Ora tutto è visualizzato correttamente. Ringraziamo il lettore (Ekaterina Karacheva)

Il formato del modulo stesso include anche un file gestore php, inoltre, avrai bisogno della libreria e degli script jquery per funzionare, ma prima di tutto, non lo caricherò per molto tempo - passiamo alla revisione e all'analisi il nostro feedback.

Modulo di feedback html - struttura del lavoro

Il nostro modulo si presenta così:

Cos'è tutto il sale qui dentro? Il modulo è sul lato destro, ma sul lato sinistro ho creato un blocco speciale che incoraggerà il tuo visitatore a inserire immediatamente le sue informazioni di contatto! Il segreto è semplice: vedere la data e l'ora nel riquadro a sinistra? La data verrà visualizzata oggi per tutto il tempo, nel tempo, l'intervallo di queste due ore viene calcolato dall'ora attuale, ad esempio, se l'ora è 13:14 ora, l'intervallo di ore sarà: dalle 12 alle 14. Guarda come funziona)))

Il visitatore vedrà: wow, oggi uno sconto, e sono appena arrivato in tempo, c'è anche uno sconto! Deve essere preso immediatamente! Questo è il nostro grilletto.

Abbiamo scaricato le fonti del modulo di feedback html, guardato la demo - penso di aver giocato abbastanza)) Ora sull'essenziale, il principio di funzionamento:

La convalida dei campi nel modulo di input avviene nel file del gestore contact.php di seguito nell'elenco del codice del programma puoi vedere il messaggio di errore e nel modulo stesso appare l'avvenuto invio della lettera, ecco come appare dopo l'invio:

Codice sorgente del gestore di moduli

Incolla in linea 52 la tua posta, quindi tutte le lettere verranno inviate alla posta specificata.

"; ) // Convalida la funzione telefono ValidateTel($valueTel) ( $regexTel = "/^(7,12)$/"; if($valueTel == "") ( return false; ) else ( $string = preg_replace( $regexTel, "", $valueTel); ) return empty($string) ? true: false; ) if(!$tel) ( $error .= "Per favore inserisci un telefono.
"; ) if($tel && !ValidateTel($tel)) ( $error .= "Inserisci un telefono valido.
"; ) if(!$errore) // Controllo del messaggio (lunghezza) if(!$messaggio || strlen($messaggio)< 1) { $error .= "Введите ваше сообщение.
";// Questa riga imposta il limite minimo per la scrittura di lettere. ) if(!?utf-8?b?". base64_encode($name) ."?="; $message ="\n\nName: ".$ nome."\n\nNumero di telefono: " .$tel."\n\nMessaggio: ".$messaggio."\n\n"; $mail = mail(" [email protetta]", $oggetto, $messaggio, "Da: ".$nome_tema."<".$tel.">"."Rispondi a: ".$email." "." X-Mailer: PHP/" .phpversion()); if($mail) ( echo "OK"; ) ) else ( echo "

Prestazioni di forma

Per ricevere lettere nella tua casella di posta, cambia la riga che ho menzionato sopra. Ti consiglio di utilizzare la posta gmail.com, non ci sono ritardi e stipiti nel ricevere una lettera generata dal modulo. Ti ho avvertito, perché c'erano molte domande da parte dei lettori (le lettere non arrivano su mail.ru). Stai attento a questo.

Compiliamo tutti i campi, tieni presente che il numero di telefono è inserito da 8 - ho scritto espressamente il numero dagli otto "89251122333" nel prompt. Quando si inserisce un carattere «+» apparirà un messaggio di errore. Se qualcuno ne ha bisogno, è facile aggiungerlo al gestore «+» .

Modulo compilato con i dati del test

Lettera sulla cassetta delle lettere

Come puoi vedere, la lettera è stata ricevuta, con tutti e tre i campi che sono stati compilati e inviati. Il titolo della lettera "Applicazione dal sito del sito" viene modificato nel gestore contact.php

Tutto funziona bene, sarà bello sentire il tuo feedback (critiche costruttive) nei commenti, se ci sono difficoltà e non riesci a far fronte a qualcosa, sentiti libero di scrivermi su VK (lo troverai nei dettagli di contatto ). Spero che il design e la funzionalità di questa simbiosi del modulo di feedback (servizi di ordinazione, applicazione) e un trigger che invita all'azione ti siano piaciuti. Buona fortuna a tutti nel lavoro e un atteggiamento positivo, ciao))

Preparato con il supporto di

Modulo di feedback per il sito, che vi mostrerò, si basa sull'utilizzo della tecnologia Ajax. Ma non preoccuparti, non c'è bisogno che tu lo sappia, è tutto pronto, non resta che installare questo modulo e personalizzarlo per te!

Ragazzi, la sceneggiatura è molto obsoleta. Alcuni funzionano, altri no. E sono troppo pigro per capirlo e ancor di più per aggiornarlo. Quindi prova a tua discrezione.

modulo di contatto php con e-mail

Questo modulo di feedback del sito web di per sé molto funzionale, ad esso sono collegati diversi plug-in che creano un aspetto accattivante e controllano la validità (correttezza di lettura) dei dati inseriti. Questi plugin funzionano su grandi e potenti! E si chiamano così:

1. JQTransform- un plugin che ti permette di rendere bello il nostro modulo di feedback!

2. formConvalida- e questo plugin verifica la correttezza delle informazioni inserite nel modulo di contatto e, in tal caso, visualizza i suggerimenti!

Per il funzionamento completo di questo modulo, verrà utilizzata la classe PHPMailer. Considerato uno dei migliori!

Nota per gli intelligenti:

Il modulo di feedback per il sito può essere realizzato in HTML! Ma funzionerà solo con PHP! E nient'altro!

Questo sono io per coloro che cercano un modulo di contatto solo HTML. Lo farai, ma non funzionerà!

Pertanto, il tuo deve supportare PHP e per questo modulo di contatto, PHP deve essere almeno la quinta versione. Spero di essere stato chiaro? Inoltre, ora, qualsiasi hosting normale supporta queste condizioni!

Ho scovato questo modulo di feedback sul sito www.tutorialzine.com, il link porta direttamente alla pagina originale, ovvero sito dell'autore di questo modulo!

Tutto è in inglese, quindi io e Sasha abbiamo dovuto armeggiare un po' per Russify questo modulo di contatto e gli stessi plugin ad esso collegati.

Ad essere sinceri, abbiamo passato due giorni con questo "stampo", quando hanno cominciato a spuntare vari stipiti, e non volevamo pubblicare il modulo di feedback incompiuto, soprattutto uno così bello! Quindi, se sei un fan di fare tutto da solo e il pensiero ti entra nella testa più brillante: per Russify questo modulo da solo, darò un paio di suggerimenti, dal momento che non ti limiterai a tradurre semplicemente frasi:

1. Questo modulo di feedback è progettato per la borghesia e scaricato da lì, quindi ti invierà invece dei normali caratteri russi - krakozyably. Comprendi la codifica. E in generale, tutti i "sigilli" saranno associati a questo!

2. Lo script di convalida inizialmente non comprende le nostre lettere, quindi dovranno essere scritte lì!

3. Anche dopo queste azioni, se specifichi l'oggetto della lettera in russo, la lettera arriva con l'oggetto - Nessun oggetto (spero di averlo scritto correttamente), questo viene trattato se specifichi la codifica nel file di classe PHPMailer.

4. Nella forma originale, il testo nei campi di input veniva premuto fino in fondo e non al centro. Questo è un problema tecnico del plugin JQTransform.

Bene, come tutti dipinti e avvertiti. Andiamo oltre!

Ciao, cari lettori del sito del blog. Oggi voglio parlare dei modi per creare feedback, ordini, contatti e altri tipi di cui un webmaster potrebbe aver bisogno per organizzare una comunicazione conveniente con i propri visitatori o clienti.

È chiaro che quando si utilizza Joomla e WordPress, il problema del feedback o dell'ordine può essere risolto utilizzando varie estensioni o plugin, ma ci sono modi adatti a qualsiasi progetto costruito sia su puro Html che utilizzando (script, cms, costruttori e feedback dei generatori di moduli).

Tuttavia, ci sono soluzioni che non richiedono il supporto Php e saranno menzionate anche in questo articolo. Non ci saranno descrizioni particolarmente dettagliate di installazione e configurazione in questo articolo, perché questa è solo una panoramica delle opzioni disponibili che ora si possono trovare in rete.

Ti sarei estremamente grato se fornissi il tuo esempio di creazione di sistemi di feedback nei commenti (preferibilmente originali, belli e funzionali) con un link alla descrizione e la pagina con un esempio (sto ancora cercando la soluzione perfetta ).

Moduli di contatto per Joomla e WordPress

Vediamo come organizzare il feedback in Joomla e WordPress utilizzando strumenti o estensioni standard.

Di default, Joomla ha già un , che implementa questa funzionalità, le cui impostazioni puoi leggere al link fornito. Di norma, nella distribuzione di questo motore sono incluse di default le estensioni più stabili, ma non sempre quelle più funzionali. E gli sviluppatori non dormono e periodicamente compaiono nuove soluzioni più funzionali.

Quindi puoi scaricare un modulo di feedback separato per Joomla chiamato Contatto rapido, che può darti nuove caratteristiche e funzionalità (vedi demo). Puoi leggere la configurazione e le capacità di questo modulo. Inoltre, il componente standard in Joomla per l'implementazione del feedback non ha sufficiente flessibilità e non consente di utilizzare la protezione antispam (captcha) e inoltre non consente di creare diversi moduli di contatto sul sito.

Questi problemi vengono risolti utilizzando un componente alternativo per questo motore chiamato aiContactSafev, che ti consente di creare un numero qualsiasi di moduli di feedback sul sito (puoi collegarli a diversi indirizzi e-mail) e ha la possibilità di aggiungere un campo per il caricamento dei file, oltre a qualsiasi altro tipo di campo.

Verifica la correttezza della compilazione dei campi con emissione di messaggi di errore, inoltre aiContactSafev memorizza un archivio di tutti i dati inviati e consente di visualizzarlo da .

Questo componente ha un captcha personalizzabile in modo molto flessibile (immissione di un codice durante l'invio di dati per la protezione dallo spam). Può essere scaricato gratuitamente per diverse versioni di Joomla e .

Ora parliamo di WordPress. Personalmente, non ho ancora deciso in merito e ho una normale E-mail nella mia pagina dei contatti, che, in generale, non è molto interessante, perché è da tempo nel database di spam e se non riuscissi a associarla a il solito, poi la marea di spam mi avrebbe travolto molto tempo fa.

Ma lo spam cutter di Google Mail funziona bene e anche troppo bene, perché le vostre lettere, cari lettori, a volte cadono sotto la sua mano calda, per cui, approfittando di questo momento, mi scuso.

In generale, questo è il principale vantaggio del modulo di feedback: ti consente di mantenere il tuo indirizzo email in incognito per gli spammer. Ebbene, di solito è anche racchiuso in un guscio piuttosto piacevole, che può aggiungere un vantaggio in relazione al progetto dell'utente, questo è particolarmente vero per le risorse commerciali, quando un comodo modulo d'ordine o feedback può aumentare la conversione (reddito).

In realtà, su WordPress. C'è un plugin molto popolare e molto potente chiamato Modulo di contatto 7. La sua popolarità si sposta, il che significa che c'è qualcosa in esso. È vero, per implementare la funzione captcha, dovrai installare un plug-in CAPTCHA davvero semplice aggiuntivo.

Il modulo di contatto può essere inserito in qualsiasi pagina o post del tuo blog WordPress, nonché in un widget. Si tratta infatti di una sorta di costruttore per WordPress che permette di aggiornare le informazioni nel form senza aggiornare la pagina (usando la tecnologia ajax). Personalmente ho testato questo plugin sul sito circa un paio di anni fa, e poi mi è sembrato molto pesante e inopportunamente macchinoso per la realizzazione dei miei obiettivi (feedback).

È chiaro che in questo periodo il Contact Form 7 avrebbe potuto diventare molto più adatto all'attuazione dei compiti che ci troviamo ad affrontare, e quindi ti suggerisco di provarlo da solo, sulla base di una descrizione abbastanza dettagliata. Se utilizzi un altro plugin buono e leggero, ti preghiamo di lasciare qualche parola a riguardo nei commenti.

Quindi, abbiamo parlato dell'implementazione del feedback in Joomla e WordPress utilizzando le estensioni appropriate.

Ma c'è ancora diversi modi:

Crea tu stesso un modulo. Per fare ciò, dovrai scrivere il suo codice e progettarne l'aspetto usando gli stili Css, e anche scrivere un gestore per esso in Php (in linea di principio, saranno sufficienti le conoscenze acquisite dal video corso Php di Popov) e quindi, verificando la correttezza di compilare i campi e qualcos'altro. Lascia che ti dica subito che non sarà facile.

Per descrivere il processo di installazione e configurazione di questo script, dovrai scrivere un articolo separato, quindi ti suggerisco di scaricare e guarda un video tutorial dettagliato in questa occasione, che descriverà anche il processo di integrazione dello script nel design del tuo sito.

Costruttori e generatori di moduli di feedback

Ci sono parecchi costruttori e generatori di moduli di contatto online. Ad esempio, questo servizio offre un'interfaccia abbastanza comoda e funzionale per la creazione di strutture di quasi ogni complessità. Nel primo passaggio, ti verrà chiesto di scegliere una combinazione di colori:



Successivamente, è necessario selezionare i campi necessari per il modulo futuro dalla parte sinistra della finestra e quindi, facendo clic su di essi, ottimizzarli (impostare le etichette dei campi in russo, selezionare la larghezza del campo, modificare il tipo e inserire il testo preliminare):



I campi aggiunti possono essere scambiati con un semplice trascinamento del mouse, eliminati e modificati nuovamente:



In generale, l'interfaccia di questo designer online è molto, molto moderna e conveniente. Dopo aver organizzato tutti i campi di cui hai bisogno nell'ordine giusto e aver portato tutte le impostazioni di cui hanno bisogno, puoi fare clic sul pulsante di salvataggio (situato in basso). Nella pagina successiva, ti verrà chiesto di visualizzare e scaricare lo script di feedback o di tornare alla modifica:



Feedback per siti HTML (senza Php)

Esistono servizi online che forniscono gratuitamente i propri gestori Php, che saranno posizionati sui loro server. Questo tipo include:



Non una fontana, ovviamente, in termini di fronzoli di design, ma un tale modulo può essere creato in cinque secondi e inserito assolutamente su qualsiasi sito in un altro minuto, anche ospitato senza supporto Php.



Dopo aver personalizzato l'aspetto e aver aggiunto i campi richiesti, fare clic sul pulsante "Visualizza", quindi sul pulsante "Personalizzati" e copiare il codice. Incollalo nella pagina dei contatti e clicca sul pulsante "Inserisci" che si trova sotto il codice.

Successivamente, inserisci l'indirizzo della pagina del tuo sito in cui hai inserito il codice e l'indirizzo e-mail a cui devono essere ricevuti i messaggi dell'utente inviati tramite questo stesso modulo.

C'è un altro generatore di moduli di feedback molto simile nella funzionalità. Le strutture create con esso possono essere collocate anche su hosting senza supporto Php (basta specificare l'indirizzo della pagina e l'e-mail a cui verranno inviati i messaggi). Non parlerò molto di lui, perché in sostanza è molto simile al costruttore appena descritto.

Buona fortuna a te! A presto sul sito delle pagine del blog

Puoi guardare altri video andando su

");">


Potresti essere interessato

Moduli Google: come creare un sondaggio online su un sito in Moduli Google
SendPulse - Notifiche push per il sito e un'opzione gratuita per collegarle da SendPulse Editor HTML online: visual, IDE ed editor per l'installazione sul sito
Accelerazione e protezione del tuo sito nel servizio cloud Airi.rf