Pagina di destinazione con feedback. Modulo per inviare una email senza ricaricare la landing page

Cambiare l'immagine nella prima schermata o "personalizzare" i vantaggi per il cliente, ma che senso ha se non c'è interazione con il modulo?
Le statistiche mostrano che nel 20% dei casi il motivo della conversione insufficiente della landing page non risiede tanto in una cattiva USP o nella mancanza di traffico mirato, ma in una progettazione negligente e sconsiderata del modulo di domanda.
Il visitatore non vuole lasciare i suoi dati di contatto, "lascia cadere" il modulo e se ne va. Stai perdendo potenziali clienti e quindi entrate.
Perché sta accadendo questo e come aumentare la conversione del modulo di domanda?

2 ragioni per una scarsa "riempitura" del modulo:

modulo di domanda errato
la sua funzionalità mal concepita

L'articolo fornisce una semplice checklist con la quale puoi analizzare facilmente i moduli sulla pagina di destinazione. Per lavoro consiglio di utilizzare 4 strumenti: clicca mappa, scorri mappa, analisi moduli e .

Il modulo di domanda deve essere visibile nella prima schermata senza “scrolling”

Esaminare la mappa di scorrimento. Verifica se i principali elementi di conversione rientrano nelle parti visualizzate della pagina. Controlla la tua pagina su dispositivi con schermi di dimensioni diverse. Presta particolare attenzione alla versione mobile!

Controlla tutti i browser

È necessario verificare come funziona il modulo di domanda in tutti i browser, e vale la pena testarlo separatamente! Se la funzionalità è difettosa, non ci saranno risultati, dati per l'analisi e raccomandazioni.

Il numero di campi deve corrispondere all'attività

Fig. 2 Un esempio di campo aggiuntivo che risolve il problema del cliente

La regola è semplice: presta attenzione alla comodità di compilare questi moduli:

utilizzare suggerimenti (ad esempio, una "maschera" per i numeri di telefono);
consentire l'invio del modulo senza compilare tutti i campi disponibili;
fissare obiettivi adeguati - ad esempio, non chiedere un numero di telefono di contatto nella pagina di iscrizione se . I visitatori non compileranno 5 campi solo per ottenere una demo o un catalogo.

Utilizzare diversi modi per ottenere informazioni di contatto

Parti dalle caratteristiche del prodotto o della nicchia. Dai la possibilità di contattarti telefonicamente, via email o via chat per una consulenza. Considera il comportamento dei clienti: è più facile che qualcuno chiami subito e discuta le condizioni, in alcuni casi (ottenendo un preventivo) non puoi fare a meno di interagire con il modulo.

Forma chiusa o aperta?

Quando lavoriamo con siti stranieri, ci troviamo sempre più di fronte a un modulo di domanda chiuso: un pulsante semplice e comprensibile in stile "Inizia ora". Ma non esiste una risposta chiara su quale forma funzioni meglio. Alla fine, tutto dipende dalla competenza con cui hai costruito un "eyeliner" logico sul pulsante prezioso.

Le regole per progettare i campi nel pop-up saranno le stesse:

Sii coerente. Il modulo dovrebbe essere il più semplice possibile da compilare.
Attenersi all'ordine. Inserisci per primi i campi più facili da compilare (ad esempio “nome”).
Formulare un vantaggio chiaro. Spiegare perché il visitatore deve compilare il modulo E cosa otterrà.

Fig. 3 Un esempio di un buon “lead” verso un modulo di domanda chiuso

Non utilizzare frasi modello!

Come ottenere una consulenza gratuita. Pensa a diverse opzioni per un "passo facile" che possa interessare l'utente e farlo interagire con il modulo.

Un buon esempio è nella nicchia delle vendite di automobili. Invece dello standard “Chiedi consiglio per la vendita di un'auto”, è stato utilizzato un trucco interessante: il visitatore è invitato a stimare immediatamente l'importo che può ricevere.

Richiedere un'azione specifica

Allontanati dalla dicitura "presenta una domanda". È molto meglio creare un pulsante con una descrizione di un risultato specifico (ad esempio, "ottieni CP" o "calcola il costo"). Idealmente, il testo del pulsante dovrebbe duplicare parzialmente l '"eyeliner".

Attira ulteriore attenzione

Utilizza guide grafiche. L’opzione più semplice è “liberare” lo spazio attorno al modulo e indirizzare l’occhio del visitatore con un puntatore o una freccia. Quindi la forma diventerà più evidente e attirerà maggiormente l'attenzione.

Fai in modo che l'immagine (banner fotografico sulla prima schermata) funzioni per il CTA

Nel caso in cui sia impossibile enfatizzare il modulo con elementi grafici o rendere il pulsante più grande e contrastante, “attira” l'attenzione dell'utente su di esso attraverso un'immagine. Seleziona correttamente una foto e indirizza lo sguardo del visitatore nella direzione che ti serve.

Fig. 7 Lo sguardo della ragazza attira la tua attenzione sulla forma

Scopri come gli utenti interagiscono con i moduli

L'analisi del modulo di domanda mostra quali campi sono compilati/non compilati dagli utenti. E Webvisor, grazie alle sue funzionalità, funge da "fratello maggiore" che monitora il comportamento del visitatore. Se c'è stata un'interazione con il modulo, ma i dati non sono stati inviati per qualche motivo, ti mostrerà quale era il problema. Aiuterà, in altre parole, a capire in quali fasi di compilazione gli utenti hanno difficoltà, quali campi possono essere cancellati e quali invece vanno integrati con un suggerimento per la corretta compilazione.

Ringrazia il cliente: questo è importante

Pensa ai dettagli! Una pagina di ringraziamento ben progettata non è solo una manifestazione di rispetto per il cliente, ma anche uno strumento per aumentare la conversione. Ancora una volta: allontanati dagli schemi! Diventa creativo: invece della frase standard "La tua domanda è stata accettata", scrivi qualcosa di più personale su di te e sulla tua azienda. Una pagina di ringraziamento, se realizzata correttamente, può essere un buon posto per sperimentare.

conclusioni

L'interazione con il form è il culmine della comunicazione tra la landing page e il cliente. Prima di testare gli elementi di conversione della tua landing page, analizza i tuoi moduli CTA rispetto alla nostra lista di controllo.

Controlla l'invio di dati da diversi dispositivi e diversi browser. I bug locali delle singole versioni si verificano molto più spesso di quanto si possa pensare.

Assicurati di condurre analisi dei moduli per identificare i campi che i clienti lasciano per capire perché se ne vanno e come puoi risolverlo.

Prima di apportare modifiche e testare i moduli, conta il numero di richieste già ricevute per avere un quadro reale dei risultati ottenuti dopo aver apportato miglioramenti.

Sii completamente equipaggiato e rimani un passo avanti rispetto ai tuoi concorrenti. Pagine di destinazione delle conversioni per te!

Saluti ai miei lettori, ho acquisito esperienza e vi parlerò dei principi del modulo di feedback php. Ti mostrerò con esempi illustrativi in modo che tu capisca come funziona il tutto e come avviene l'interazione tra il modulo di input stesso (i suoi campi di input) e il file gestore scritto in php. Inoltre, puoi scaricare gratuitamente il codice sorgente insieme a .

Naturalmente, sarebbe fantastico se avessi almeno una minima conoscenza di HTML/CSS. Dovrai trascinare il codice sulla tua pagina per analogia. Il linguaggio PHP non sarà influenzato, mostrerò tutte le modifiche necessarie che devono essere apportate da solo.

AGGIORNAMENTO: Sulla base del feedback dei lettori, ho capito che serve qualcosa di più bello e funzionale, incontratevi, date un'occhiata e date un'occhiata. Scegli quale ti piace di più)

UPDATE2: versione 3.0 Responsive Landing + modulo ajax con passaggio di tag UTM, dai un'occhiata e dai un'occhiata. Ti piacerà

Mi sono ricordato di me stesso quando ho provato per la prima volta a creare il mio modulo di feedback in php, e onestamente è stato laborioso, perché. Non capivo cosa stesse succedendo e come. Pazienza e perseveranza amici e avrete successo.

Modulo di contatto php - struttura

Studieremo l'analisi del modulo di feedback stesso utilizzando l'esempio di una landing page (Landing Page), a proposito, c'è un articolo separato su . Puoi vedere come funziona in azione utilizzando i pulsanti sottostanti, allego i codici sorgente di questo one-pager e il file principale del gestore php (questo file verrà elaborato e invierà un'e-mail a e-mail)

Dopo aver scaricato i sorgenti ed estratto l'archivio, vedrai la seguente struttura di file:

immagine: tutte le immagini utilizzate per la pagina di destinazione stessa, i pulsanti, ecc.
js - script javascript che forniscono, ad esempio, una finestra modale pop-up sulla pagina e altri effetti visivi
index.html - file indice del nostro one-pager
index1.php è un file gestore a cui vengono passati i valori del modulo, quindi viene formata una lettera dalle variabili ricevute e inviata all'indirizzo email specificato. Inoltre, indice1.php fungerà da pagina intermedia per la notifica dell'avvenuto invio dei dati con reindirizzamento automatico a indice.html (ovvero il nostro one-pager)

È importante che il tuo hosting, su cui si trovano i file del sito, supporti l'elaborazione php, altrimenti il file index1.php non verrà eseguito e non funzionerà. Per chiarire questa sfumatura, contatta la campagna in cui è registrato il tuo hosting o semplicemente testalo: funziona, il che significa che c'è supporto. In caso contrario, abilita l'opzione di supporto della lingua php

Dai un'occhiata a come funziona l'interazione di tutti gli elementi (pagina, modulo, gestore).

Codice sorgente per chiamare il modulo e il gestore

Diamo un'occhiata al funzionamento di uno dei pulsanti che richiama una finestra pop-up modale che contiene un modulo di feedback. Questo dato codice sorgente è inserito più di una volta, due volte nella pagina e funzionerà, dovrai personalizzarlo per adattarlo al tuo design e alle tue esigenze.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

Richiedi una richiamata Richiedi una richiamata

Di seguito è riportato il codice sorgente completo del gestore index1.php, per impostare l'invio alla tua casella di posta, modifica " [e-mail protetta]» da soli, il resto, in linea di principio, può essere lasciato invariato

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

Verrai contattato

Verrai contattato body ( background: #22BFF7 url(img/zakaz.jpg) top -70% center no-repeat; ) setTimeout("location.replace("/index.html")", 3000); /*Cambia l'indirizzo della pagina corrente dopo 3 secondi (3000 millisecondi)*/

Verifica se il modulo funziona

Chiamiamo la finestra e inseriamo i dati per il controllo di prova del nostro modulo

Permettimi di ricordarti ancora una volta che il tuo hosting deve supportare l'elaborazione dei file php, altrimenti il nostro gestore semplicemente non verrà eseguito e non verrà inviata alcuna lettera all'indirizzo email specificato. Il risultato di un modulo di feedback completato con successo

Per me questo è tutto, ho cercato di trasmettere il significato e il lavoro della sceneggiatura nel miglior modo possibile. Se hai domande, non esitare a contattarmi nei commenti o contattami su VK (vedi dettagli di contatto). Ti auguro un lavoro facile e produttivo.

Ciao amici! Voglio portare alla tua attenzione uno script universale per l'invio di dati dai moduli all'e-mail. Lo script è ideale per siti come Landing Page, siti di biglietti da visita, ecc. Il nostro script Moduli di contatto si distingue dalla massa di altri script su Internet in quanto ha la capacità di collegare un numero illimitato di moduli con campi diversi su una pagina ed è in grado di inviare lettere a più destinatari.

COSÌ. Iniziamo. Cominciamo con le funzionalità dello script.

Collegamento di un numero illimitato di moduli su una pagina.

Verifica della correttezza della compilazione dei campi.

Impostazioni di notifica.

Possibilità di utilizzare lettere per ogni modulo.

Tipo di lettera - (se vengono utilizzati tag html)

Invio ad un numero illimitato di indirizzi.

Personalizzazione individuale di ogni modulo.

Lo script viene eseguito su , senza ricaricare la pagina.

Protezione dai bot spam.

Configurazione iniziale.
Lo script è basato sulla libreria, quindi la prima cosa che dobbiamo fare è collegarla. Per fare ciò, ti consiglio di utilizzare le librerie ospitate da Google.

Parliamo più nel dettaglio degli altri file:

feedback.js - file di script principale, responsabile dell'invio del modulo AJAX.
jquery.arcticmodal.js,
jquery arcticmodal. - fornire la possibilità di visualizzare i moduli in una finestra modale.
jquery.jgrowl.js
jquery.jgrowl.css: consente di visualizzare le notifiche sulla pagina (blocchi nell'angolo superiore della pagina).

HTML e attributi richiesti.
Un attributo obbligatorio per tutti gli elementi del modulo è l'attributo name="" - è necessario per la successiva configurazione del modulo.
Per un pulsante (type="button"), è necessario specificare class="feedback" . Voglio anche attirare la tua attenzione sul fatto che qualsiasi tag html con la classe “feedback” può agire come un pulsante Chiamare un form in una finestra modale Per chiamare un form in una finestra modale, devi prima definire un'azione tramite facendo clic su un tag, ad esempio un div con la classe modal_btn
Chiamata di un modulo in una finestra modale $(document).ready(function() ( $(document).on("click", ".modal_btn", function()( $("#small-modal").arcticmodal( ); )); ));
Dato che il form dovrebbe essere visibile solo nella finestra modale, deve essere nascosto inserendolo in un div con l'attributo style="display: none;" e racchiuso in un paio di div standard per dare uno stile alla finestra modale.
X

Quindi abbiamo individuato le impostazioni di base per connettere il nostro script per l'invio di moduli alla posta elettronica. Ora guardiamoci dentro e occupiamoci dell'impostazione dei campi, delle notifiche e di tutto ciò che c'è.

Esempio di impostazioni per un moduloLe impostazioni per tutti i moduli sono memorizzate nel file feedback\index.php
$form["form-1"] = array("fields" => array("nome" => array("titolo" => "Nome", "validate" => array("preg" => "%% ", "minlength" => "3", "maxlength" => "35",), "messages" => array("preg" => "Il campo [ %1$s ] potrebbe contenere un errore", "minlength " => "La lunghezza minima del campo [ %1$s ] è inferiore alla lunghezza consentita - %2$s", "maxlength" => "La lunghezza massima del campo [ %1$s ] è maggiore di la lunghezza consentita - %2$s")), "tell " => array("titolo" => "Telefono", "validate" => array("preg" => "/^((8|\+ )[\- ]?)?($?\d( 3)$?[\- ]?)?[\d\- ](5,10)$/", "minlength" => "5" ,), "messages" => array("preg" => "Il campo [ %1$s ] potrebbe contenere un errore", "minlength" => "La lunghezza minima del campo [ %1$s ] è inferiore consentito - %2$s")))), "cfg" => array(" charset" => "utf-8", "subject" => "Oggetto", "title" => "Titolo nel corpo dell'e-mail", "ajax" => true, "validate" => true, "from_email" = >" [e-mail protetta]", "from_name" => "noreply", "to_email" => " [e-mail protetta], [e-mail protetta]", "to_name" => "noreply1, noreply2", "geoip" => true, "referer" => true, "type" => "html", "tpl" => true, "antispam" => "email77 ", "antispamjs" => "address77", "okay" => "Messaggio inviato - OK", "fuck" => "Messaggio inviato - ERRORE", "spam" => "Spambot", "notifica" => " color-modal-textbox", "usepresuf" => false)); // Modulo successivo $form["form-2"] = array("fields" => array(.....
Per aggiungere impostazioni per un nuovo modulo, è necessario creare un nuovo array $form[""] seguendo l'esempio dell'array $form["form-1"]

Ricordi che ho parlato dell'attributo richiesto name="" ?

Un attributo obbligatorio per tutti gli elementi del modulo è l'attributo name="" - è necessario per la successiva configurazione del modulo.
Quindi è il momento di dire perché ne aveva ancora bisogno.
name="" è una chiave alfanumerica per l'array, deve essere univoca per l'array $form[""]

Un esempio di codice html per chiarezza

Ora capiamo gli array e a cosa servono.

$forma["forma-1"] = array();
$forma["forma-2"] = array(); eccetera.
Questi sono gli array principali per ogni nuovo modulo, contengono:

"campi" => array(); - Una serie di impostazioni degli elementi del modulo.

"nome" => array(); - Un array di impostazioni dell'elemento del modulo (ad esempio input name="name" type="text" ) che ha una serie di impostazioni.
- "title" => "Il tuo nome" - il nome dell'elemento del modulo, verrà visualizzato negli errori o nel modello
- "convalida" => array(); - un array che contiene le regole di validazione per l'elemento del modulo
  - "preg" => "%%" - espressione regolare
  - "minlength" => "3" - dimensione minima del campo
  - "maxlength" => "35" - dimensione massima del campo
  - "substr" => "35" - taglia sempre a N caratteri
- "messaggi" => array(); - un array contenente messaggi di validazione, ovvero:
  - "preg" => "L'elemento del modulo non corrisponde all'espressione regolare"
  - "minlength" => "La lunghezza minima del campo [ %1$s ] è inferiore a quella consentita - %2$s" - errore di convalida, la chiave (preg) non corrisponde alla chiave di convalida
  - "maxlength" => "La lunghezza massima del campo [ %1$s ] supera quella consentita - %2$s" - errore di convalida, la chiave (preg) non corrisponde alla chiave di convalida

"cfg" => array(); - Una serie di impostazioni del modulo.

"charset" => "utf-8" - codifica
"subject" => "Oggetto dell'e-mail", - Oggetto dell'e-mail
"title" => "Titolo nel corpo della lettera", - Titolo nel corpo della lettera
"ajax" => true, - questo è un modulo TODO ajax (se non necessario, inserisci - false)
"validate" => true, - (true) se vogliamo la convalida del modulo sul server, sostituisci js validation con "ajax" => true. Quando è disattivato (falso), non è possibile configurare le impostazioni del campo di convalida. FARE
"from_email" => "miaemail", - mittente, specifica il nome del campo (nome="miaemail") e, se non hai bisogno di un'e-mail dall'utente, quindi uno stub [e-mail protetta]
"from_name" => "mionome", - mittente, specifica il nome del campo (nome="mionome") e, se non ti serve un nome utente, lo stub Nessuna risposta
"a_e-mail" => " [e-mail protetta]", - email del destinatario. Per inviare a più indirizzi, elencarli separati da virgole. Esempio ("to_email" => " [e-mail protetta], [e-mail protetta], [e-mail protetta]",)
"to_name" => "noreply1", - Il nome del destinatario. Quando si invia a più indirizzi, elencare i nomi dei destinatari separati da virgole. Esempio ("to_name" => "noreply1, noreply2, noreply3")
"geoip" => true, - ottieni la posizione in base al tipo TODO
"referer" => false, - aggiungi l'URL della pagina da cui è stato inviato il modulo
"type" => "plain", - tipo di lettera - plain, html (se vengono utilizzati i tag html)
"tpl" => false, - usa il modello di email. Se vero, allora il file modello verrà collegato, in conformità con il nome del modulo (nome="form-1"), dalla cartella e il file (feedback/tpl/form-1.tpl) verrà elaborato, altrimenti tutto verrà inviato così com'è, ogni campo su una nuova riga
"antispam" => "email77", - Anti-spam, il metodo si basa su un campo nascosto (display:none), che viene compilato automaticamente solo dal robot, impersonando così se stesso.
"antispamjs" => "address77", - Anti spam, metodo basato su un campo nascosto (display:none), inizialmente compilato, che cancella automaticamente il javascript al caricamento della pagina, anche un robot intelligente non può prevederlo, e quindi è bloccato.
"okay" => "Messaggio all'utente", - Messaggio all'utente, visualizzato se il modulo è stato inviato con successo, puoi utilizzare i tag html.
"fuck" => "Messaggio all'utente", - Messaggio all'utente, visualizzato quando si verifica un errore durante l'invio del modulo, è possibile utilizzare i tag html.
"spam" => "Messaggio all'utente", - Messaggio all'utente, visualizzato se si sospetta un robot spam, è possibile utilizzare tag html.
"notify" => "color-modal", - che tipo di notifiche mostrare, casella di testo - blocchi nell'angolo superiore della pagina, color - evidenziazione del colore nel modulo, modale - finestra modale al centro della pagina, nessuna - disattivare. Puoi combinare ad esempio: color-modal - errori nella compilazione dei campi con evidenziazione, e lo stato del testo di invio nella finestra modale TODO
"usepresuf" => false - Se viene utilizzata un'aggiunta personalizzata all'oggetto o al titolo della lettera, in caso di una piccola modifica, è possibile specificare, ad esempio, %%cfg.title.suffix%%, per questo deve esserci un campo nascosto nel modulo, per maggiori dettagli vedere f -qiu presuf()

Impostazione dei modelli di posta elettronicaQuindi. Affrontiamo ora la tematizzazione dei nostri messaggi.
Innanzitutto, affinché il modulo venga inviato in un modello, nelle impostazioni del modulo è necessario abilitare l'uso di un file modello - "tpl" => true ,
In secondo luogo, è necessario creare un file modello con estensione *.tpl nella cartella (feedback/tpl/ ), in base al nome del modulo (name="form-1" ).

Esempio: (feedback/tpl/form-1.tpl )

Intestazione nel corpo dell'e-mail
%%nome.titolo%%	%%nome.valore%%
%%tell.titolo%%	%%valore.tell%%

nominare, dire, ecc. - Questi sono gli attributi (nome="") dei campi che l'utente compila.
titolo - Il nome dell'elemento del modulo, impostato nell'array delle impostazioni dell'elemento del modulo.
value - Il valore dell'elemento del modulo.

Per ora è tutto, ma lo script non è certamente perfetto, quindi commenti e descrizioni di bug sono benvenuti e verranno corretti nelle versioni future.

PS La sceneggiatura è stata sviluppata dal team

Come creare una piattaforma online di successo per la promozione aziendale? Qual è il segreto e i principi della sua formazione? Queste e altre domande preoccupano chi ha deciso di acquisire una landing page personale sulla rete globale, in attesa del flusso di acquirenti per il proprio prodotto. Quindi diamo un'occhiata ai dettagli.

Segreti del modulo della pagina di destinazione

Probabilmente quasi nessuno metterà in dubbio l'affermazione secondo cui l'elemento più importante della landing page è un modulo web per l'accettazione degli ordini. Infatti è per questo scopo che viene creata la landing page. La creazione di un modulo d'ordine per un atterraggio viene effettuata da professionisti che conoscono esattamente il segreto per sviluppare un'opzione interessante e allo stesso tempo abbastanza semplice.

Un modulo della pagina di destinazione ben progettato dovrebbe essere comprensibile all'utente più comune che ha aperto la pagina. Se ci sono troppi campi nella finestra che si apre, spaventerà semplicemente il potenziale acquirente e andrà dalla concorrenza. Quindi lo sviluppo di un modulo d'ordine di alta qualità per la pagina di destinazione è un compito non meno responsabile della pagina principale dell'azienda. Per raggiungere il successo, ovvero un’elevata conversione, basta seguire alcune semplici regole.

Requisiti per creare un modulo d'ordine ideale per una landing page

La pagina di destinazione deve essere pronta per accettare gli acquirenti. Per fare ciò occorre tenere conto di alcuni fattori fondamentali.

Concisione. Il modulo web dovrebbe consentirti di effettuare un ordine e non raccogliere molte informazioni non necessarie sul cliente. Cioè non deve contenere più di 3-5 righe, assegnando più punti si corre il rischio di caricare la pagina con righe prive di significato, il che renderà difficile all'utente completare rapidamente l'acquisto.

leggibilità. Un modulo di richiesta della pagina di destinazione adeguato dovrebbe essere visibile e facile da leggere. Non è necessario saturare eccessivamente la pagina con un gran numero di colonne. L'opzione migliore è se l'utente passa gradualmente alla compilazione delle informazioni successive su se stesso. E, naturalmente, è necessario considerare il design del modulo in modo che risulti gradevole alla vista.

Funzione di salvataggio dei dati. Molto spesso, la connessione Internet dei consumatori lascia molto a desiderare. Affinché le interruzioni della comunicazione non comportino la perdita dei dati già inseriti nelle colonne, dovresti pensare alla funzione di salvataggio automatico. Ciò aiuterà l'utente a risparmiare tempo anche dopo il ripristino della connessione e a non inserire nuovamente i propri dati.

Concetti comprovati. Il modulo della pagina di destinazione non è il posto giusto per essere originali. Ci sono principi che sono testati nel tempo e portano risultati. Qualsiasi errore da parte di un programmatore o di un designer può costare la perdita di migliaia di clienti.

Questi postulati apparentemente conosciuti sono molto importanti e trascurarli equivale a condannarsi al fallimento. Tutto ciò porta alla perdita di clienti e dei loro soldi. Dopo aver compreso l'importanza di un modulo d'ordine per una landing page, è tempo di porsi un'altra domanda: come e dove è possibile crearne uno?

Esempio di modulo d'ordine della pagina di destinazione

Dove compilare il modulo di richiesta per una pagina di destinazione?

A meno che tu non abbia conoscenze e competenze sufficienti, e una tale minoranza, è improbabile che otterrai un modulo funzionante per la pagina di destinazione, che svolgerà in modo impeccabile le funzioni ad esso assegnate. Alcune persone cercano codici sorgente di pubblico dominio in rete, anche se questo metodo può causare molti più problemi di quanti ne valga la pena. Innanzitutto, non è noto come funzionerà il modulo, i test richiederanno molto tempo e ciò non garantisce prestazioni al 100%. Le lettere del modulo potrebbero finire nello spam o non essere inviate affatto o arrivare con una codifica incomprensibile. Di conseguenza, si scopre che alcuni ordini sono andati persi o si è verificato un altro fallimento ed è improbabile che tutto ciò abbia un effetto benefico sull'immagine del venditore. In secondo luogo, cosa succede se è necessario apportare alcune modifiche? Scavare da soli nel codice o invitare uno specialista, i cui servizi possono anche costare un bel soldo.

La seconda opzione è coinvolgere un libero professionista in questo compito. Ma questo modo di risolvere il problema non è privo di insidie. I migliori freelance possono sicuramente realizzare la forma perfetta per l'impugnatura della pagina di destinazione, ma dove puoi trovarne una? La ricerca può richiedere molto tempo. Ovviamente puoi provare la selezione competitiva, ma è tutto tempo e denaro. Ancora una volta, la questione di apportare modifiche al modulo rimane rilevante. Ebbene, se le coordinate dell'autore del modulo vengono preservate, ma cosa succede se no? E anche in questo caso, se la connessione viene preservata, potrebbe semplicemente essere occupato con altri ordini e non sarà in grado di aiutarti. E gli altri liberi professionisti non sono sempre pronti a correggere il lavoro degli altri colleghi del negozio.

La soluzione più efficace a questo problema è il designer di moduli web online Formdesigner. Questo servizio non richiede competenze speciali, ha un'interfaccia chiara. Il progettista di moduli integrato ti aiuterà a creare il modulo di acquisizione perfetto che si adatti perfettamente al tuo sito web. Pensato e protetto sotto forma di password, protocollo HTTPS e Captcha. I pagamenti online sono accessibili e facili e ti consentono di ricevere denaro in pochi minuti. Scenari unici vengono creati utilizzando moduli dinamici.

Principio di funzionamento

Il costruttore è apparso nel 2013 e ha già conquistato la fiducia di principianti e webmaster professionisti. Consente ai proprietari di siti Web di creare in pochi minuti un modulo di richiesta, un modulo di feedback, un modulo di iscrizione, un modulo d'ordine e molti altri che si adattano perfettamente all'interfaccia di qualsiasi sito Web. Non sono necessarie competenze e conoscenze particolari, il form di cattura della landing page, grazie al servizio Formdesigner, sarà pronto in 5 minuti. Inoltre, se hai bisogno di cambiare qualcosa, basta visitare nuovamente il sito e apportare le modifiche necessarie. Inoltre, tutto ciò può essere fatto in modo completamente gratuito, il che è anche importante.

Parlando dei principali vantaggi del designer di moduli web Formdesigner, possiamo notare:

Il costruttore lavora online in tempo reale;
L'intero processo di creazione di un modulo web è trasparente e avviene davanti a te;
Tutti i dati del modulo sono archiviati sul server e sono disponibili 24 ore su 24;
La possibilità di caricare file e utilizzare CSS personalizzati ti consente di creare un modulo Web unico per l'atterraggio.

Il costruttore è leggero e semplice. Puoi creare il modulo web di cui hai bisogno in pochi clic. Per aggiungere un nuovo elemento, basta cliccarci sopra o trascinarlo nella posizione prevista e verrà immediatamente aggiunto al modulo web. Puoi anche modificare facilmente un elemento semplicemente cliccandoci sopra nel modulo e apportando modifiche alle sue proprietà nella finestra che si apre.

Allo stesso modo, è facile personalizzare l'aspetto, impostare regole di convalida e altre modifiche necessarie che vengono immediatamente visualizzate nel modulo demo, senza ricaricare la pagina. Dopo aver terminato il lavoro, resta da copiare il codice finito. Dovrà essere inserito nel tuo sito web. La prossima sarà l'accettazione delle domande tanto attese. Quando si utilizza questo costruttore, tutti i moduli caricati vengono visualizzati immediatamente e non sono necessari noiosi ricaricamenti della pagina.

Puoi creare un sito da zero e correggere quello esistente. Con un ottimo assistente nel mondo della creazione di contenuti web, non dovrai aspettare a lungo per i clienti.

Tra gli elementi principali della Landing Page ci sono i blocchi con le informazioni di contatto e con la richiesta di feedback. Questi blocchi sono di grande importanza. Prima di tutto, va capito che le informazioni presentate sulla landing page spesso non sono sufficienti per un potenziale consumatore: alcuni percepiscono meglio le informazioni dalle parole di una persona vivente che dalla lettura del contenuto testuale. Pertanto, il visitatore deve fornire un feedback di alta qualità. Come farlo?

Su ogni landing page deve essere presente un blocco con i contatti. Alcuni nascondono numeri e indirizzi nell'angolo più lontano, ma questo è fondamentalmente l'approccio sbagliato. Il fatto è che il visitatore dovrebbe vedere i numeri di telefono e gli indirizzi su tutte le pagine e non da qualche parte su una. Una pagina senza numero di telefono sembra impersonale: si ha la sensazione che l'amministrazione del negozio eviti deliberatamente tutti i tipi di contatti. Ecco un tipico esempio di errata organizzazione dei contatti quando viene specificata solo la posta:

E questo è sbagliato, poiché il visitatore dovrebbe sempre avere la possibilità di comunicare velocemente con il negozio. Per fare ciò, devi posizionare i contatti nella parte più visibile della pagina di destinazione, nell'intestazione, non lontano dal logo. È possibile affittare un numero 8-800? In questo caso si può contare su un atteggiamento più leale del pubblico, poiché per molti consumatori la presenza di un tale numero nel negozio provoca ulteriore fiducia.

Come non inserire moduli di feedback nelle pagine di destinazione

Era buona norma utilizzare moduli di feedback sulle pagine di destinazione, chiedendo di lasciare un numero per essere richiamati. L'approccio è buono, ma non è necessario rendere i moduli inutilmente invadenti. Alcune pagine di destinazione lo fanno con una forza terribile, mostrando i moduli in quella fase, mentre i visitatori cercano di capire dove si trovano. È meglio se il modulo appare da qualche parte sul lato / in basso, senza occupare lo schermo e senza distrarre i visitatori con domande invadenti. Se non ci sono operatori gratuiti nel negozio, i visitatori devono liberarsi di tali richieste, poiché aspetteranno una risposta quasi istantanea (tutti hanno bisogno di aiuto proprio qui e ora). Nei moduli di feedback puoi chiedere non solo i numeri di telefono, ma anche altre informazioni di contatto.

I widget di numerosi servizi possono essere utilizzati per organizzare feedback ben ponderati. Possono essere moduli di richiamata, consulenti online gratuiti e a pagamento e molto altro.

All'interno di una pagina è possibile combinare diversi strumenti per organizzare il feedback, ma in questo caso non dovrebbero essere troppo invadenti e sovraccaricare l'attenzione del visitatore: sotto la pressione di finestre persistenti di varie forme, preferirebbe lasciare il pianerottolo piuttosto che prendere il possibilità di acquistare qualcosa su di esso.

Materiali tematici: