Salutări cititorilor mei, am acumulat experiență și vă voi spune despre principiile de funcționare a formularului de feedback PHP. Vă voi arăta cu exemple clare, astfel încât să înțelegeți cum funcționează totul și cum are loc interacțiunea între formularul de intrare în sine (câmpurile sale de intrare) și fișierul de gestionare scris în PHP. În plus, puteți descărca gratuit sursele împreună cu .

Desigur, va fi grozav dacă aveți măcar puțină înțelegere a HTML/CSS, deoarece... Va trebui să trageți codul pe pagina dvs. prin analogie. Nu vom atinge limbajul PHP; vă voi arăta toate modificările necesare pe care trebuie să le faceți pentru dvs.

UPDATE: Pe baza răspunsurilor cititorilor, mi-am dat seama că am nevoie de ceva mai frumos și mai funcțional, vă rog să mă întâlniți, să verificați și să aruncați o privire. Alege care iti place mai mult)

UPDATE2: Versiunea 3.0 Adaptive Landing + formular ajax cu transmitere de etichete UTM, citiți și vedeți. O să-ti placă

Mi-am amintit de mine când am încercat pentru prima dată să creez un formular de feedback în PHP pe cont propriu și, să fiu sincer, a fost nevoie de muncă, pentru că... Nu am înțeles ce și cum se întâmplă. Răbdare și perseverență, prieteni, și veți reuși.

Formular de feedback PHP - structură

Vom studia analiza formularului de feedback în sine folosind un exemplu pagina de destinație(Pagina de destinație), apropo, există un articol separat despre. Puteți vedea cum funcționează acest lucru în acțiune folosind butoanele de mai jos, atașez sursele acestei pagini de o pagină și fișierul principal de gestionare php (acest fișier va procesa și va trimite e-mailul)

După descărcarea surselor și despachetarea arhivei, veți vedea următoarea structură de fișiere:

• imagine - toate imaginile care sunt folosite pentru pagina de destinație în sine, butoane etc.
• js - scripturi javascript care oferă, de exemplu, o fereastră pop-up modală pe o pagină și alte efecte vizuale
• index.html - fișierul index al paginii noastre de o pagină
• index1.php este un fișier de gestionare în care sunt transferate valorile din formular, apoi se generează o scrisoare din variabilele primite și se trimite la adresa de e-mail specificată. Index1.php va acționa și ca o pagină intermediară de notificare despre trimiterea cu succes a datelor cu redirecționare automată înapoi la index.html (adică pagina noastră de o pagină)

Este important ca găzduirea dvs., unde se află fișierele site-ului, să accepte procesarea PHP, altfel fișierul index1.php nu va fi executat și nu va funcționa. Pentru a clarifica această nuanță, contactați campania în care este înregistrată găzduirea dvs. sau doar testați-o - funcționează, înseamnă că există suport. Dacă nu, atunci activați opțiunea de suport pentru limbajul php

Aruncă o privire la diagrama modului în care toate elementele interacționează (pagină, formular, handler)

Cod sursă pentru apelarea formularului și handler-ului

Să aruncăm o privire la modul în care funcționează unul dintre butoane, care afișează o fereastră pop-up modală care conține un formular de feedback. Acest cod sursă dat este ceva pe care îl puteți introduce în pagină de mai multe ori și de două ori și va funcționa. Va trebui să-l personalizați singur pentru a se potrivi designului și nevoilor dvs.

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

Solicitați un apel înapoi Solicitați un apel înapoi

Solicitați un apel înapoi Solicitați un apel înapoi

Mai jos este codul sursă complet al handler-ului index1.php, pentru a configura trimiterea către căsuța poștală, schimbați „ [email protected]„la dumneavoastră, restul, în principiu, poate fi lăsat neschimbat

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

Veți fi contactat

Veți fi contactat body ( background: #22BFF7 url(img/zakaz.jpg) top -70% center no-repeat; ) setTimeout("location.replace("/index.html")", 3000); /*Schimbați adresa curentă a paginii după 3 secunde (3000 milisecunde)*/

Verificarea funcționalității formularului

Apelați fereastra și introduceți datele pentru o verificare de testare a formularului nostru

Permiteți-mi să vă reamintesc încă o dată, găzduirea dvs. trebuie să susțină procesare php fișiere, în caz contrar, gestionarea noastră pur și simplu nu va fi executată și nicio scrisoare nu va fi trimisă la adresa de e-mail specificată. Rezultatul unui formular de feedback completat cu succes

Asta e tot pentru mine, am încercat să transmit sensul și funcționarea scenariului cel mai bun mod. Dacă aveți întrebări, nu ezitați să mă contactați în comentarii sau pe VK (vezi detaliile de contact). Vă doresc muncă ușoară și productivă.

Bună prieteni! Aș dori să vă prezint atenției un script universal pentru trimiterea datelor din formulare către e-mail. Scriptul este ideal pentru site-uri precum Landing Page, site-uri de cărți de vizită etc. Scriptul nostru Feedback Forms se remarcă printre masa altor scripturi de pe Internet prin faptul că are capacitatea de a conecta un număr nelimitat de formulare cu câmpuri diferite pe o singură pagină și este capabil să trimită scrisori către mai mulți destinatari.

Asa de. Să începem. Să începem cu capacitățile scriptului.

Conectați un număr nelimitat de formulare pe o singură pagină.

Verificarea faptului că câmpurile sunt completate corect.

Configurarea notificărilor.

Abilitatea de a folosi litere pentru fiecare formular.

Tip literă - (dacă este folosit etichetă htmlȘi)

Trimiterea către un număr nelimitat de adrese.

Personalizare individuală a fiecărui formular.

Scriptul rulează pe , fără a reîncărca pagina.

Protecție împotriva roboților de spam.

Configurare inițială.
Scriptul funcționează pe baza bibliotecii, așa că primul lucru pe care trebuie să-l facem este să-l conectăm. Pentru a face acest lucru, vă recomand să utilizați Bibliotecile găzduite de Google.

Să vorbim mai detaliat despre fișierele rămase:

feedback.js este fișierul script principal, responsabil pentru trimiterea formularelor AJAX.
jquery.arcticmodal.js,
jquery.arcticmodal. - oferă posibilitatea de a afișa formulare în fereastra modală.
jquery.jgrowl.js,
jquery.jgrowl.css - vă permite să afișați notificări pe pagină (se blochează în colțul de sus pagini).

HTML și atributele necesare.
Un atribut obligatoriu pentru toate elementele de formular este atributul name="" - necesar pentru personalizarea ulterioară a formularului.
Pentru un buton (type="button") trebuie să specificați class="feedback" . De asemenea, aș dori să vă atrag atenția asupra faptului că orice etichetă HTML cu clasa „feedback” poate acționa ca un buton.Apelarea unui formular într-o fereastră modală Pentru a apela un formular într-o fereastră modală, trebuie mai întâi să definiți o acțiune pentru a face clic pe orice etichetă, de exemplu un div cu clasa modal_btn
Apelarea unui formular într-o fereastră modală $(document).ready(function() ( $(document).on("click", ".modal_btn", function())( $("#small-modal").arcticmodal (); )); ));
Deoarece formularul ar trebui să fie vizibil numai în fereastra modală, trebuie ascuns plasându-l într-un div cu atributul style="display: none;" și, de asemenea, înfășurat în câteva div-uri standard pentru a stila fereastra modală.
X

Așa că ne-am dat seama de setările de bază pentru conectarea scriptului nostru pentru trimiterea formularelor la e-mail. Acum să aruncăm o privire în interior și să ne dăm seama cum să configurați câmpurile, notificările și tot ce se află acolo.

Exemplu de setări pentru un formularSetările pentru toate formularele sunt stocate în fișierul feedback\index.php
$form["form-1"] = array("fields" => array("name" => array("title" => "Nume", "validate" => array("preg" => "%% ", "minlength" => "3", "maxlength" => "35", "messages" => array("preg" => "Câmpul [ %1$s ] poate conține o eroare", "minlength " => "Lungimea minimă a câmpului [ %1$s ] este mai mică decât cea permisă - %2$s", "maxlength" => "Lungimea maximă a câmpului [ %1$s ] este mai mare decât cea permisă - %2$s", )), "spune" => matrice("titlu" => "Telefon", "validare" => matrice("preg" => "/^((8|\+)[\- ]?)?(\ (?\d(3)\)?[\- ]?)?[\d\- ](5,10)$/", "minlength" => "5",), "mesaje" => matrice( "preg" => "Câmpul [ %1$s ] poate conține o eroare", "minlength" => "Lungimea minimă a câmpului [ %1$s ] este mai mică decât lungimea permisă - %2$s",) ),), "cfg" => array(" charset" => "utf-8", "subject" => "Subiectul e-mailului", "title" => "Titul în corpul e-mailului", " ajax" => true, "validate" => true, "from_email" => " [email protected]", "from_name" => "noreply", "to_email" => " [email protected], [email protected]", "to_name" => "noreply1, noreply2", "geoip" => adevărat, "referer" => adevărat, "type" => "html", "tpl" => adevărat, "antispam" => "email77 ", "antispamjs" => "address77", "okay" => "Mesaj trimis - OK", "fuck" => "Mesaj trimis - EROARE", "spam" => "Robot de spam", "notify" => "color-modal-textbox", "usepresuf" => false)); // Următorul formular $form["form-2"] = array("fields" => array(.....
Pentru a adăuga setări formă nouă, trebuie să urmați exemplul matricei $form["form-1"] pentru a crea o nouă matrice $form[""]

Vă amintiți ce am spus despre atributul name="" obligatoriu?

Un atribut obligatoriu pentru toate elementele de formular este atributul name="" - necesar pentru personalizarea ulterioară a formularului.
Așa că a sosit momentul să vă spun de ce este încă nevoie.
name="" este cheia alfanumerică pentru matrice, trebuie să fie unică pentru matricea $form[""]

Exemplu cod html pentru claritate

Acum să înțelegem matricele și pentru ce sunt necesare.

$form["form-1"] = matrice();
$form["form-2"] = matrice(); etc.
Acestea sunt matricele principale pentru fiecare formular nou, care conțin:

„câmpuri” => matrice(); - O serie de setări pentru elementele formularului.

• „nume” => matrice(); - O serie de setări ale elementelor de formular (de exemplu, numele de intrare = "nume" tip = "text") care are un număr de setări.
  • „title” => „Numele tău” - numele elementului de formular, va fi afișat în caz de erori sau în șablon
  • "validate" => array(); - matrice, conține reguli de validare a elementelor de formular
    • "preg" => "%%" - expresie regulată
    • "minlength" => "3" - dimensiunea minimă a câmpului
    • "maxlength" => "35" - dimensiunea maximă a câmpului
    • "substr" => "35" - tăiați întotdeauna la N caractere
  • "mesaje" => matrice(); - o matrice care contine mesaje de validare si anume:
    • "preg" => "Elementul formularului nu se potrivește cu expresia regulată"
    • "minlength" => "Lungimea minimă a câmpului [ %1$s ] este mai mică decât acceptabilă - %2$s" - eroare de validare, cheia (preg) nu se potrivește cu cheia de validare
    • "maxlength" => "Lungimea maximă a câmpului [ %1$s ] depășește limita permisă - %2$s" - eroare de validare, cheia (preg) nu se potrivește cu cheia de validare

"cfg" => matrice(); - O serie de setări de formular.

• "charset" => "utf-8" - codificare
• "subject" => "Subiectul scrisorii", - Subiectul scrisorii
• "title" => "Titlul în corpul scrisorii", - Titlul în corpul scrisorii
• "ajax" => adevărat, - acesta este formularul Ajax TODO (dacă nu este necesar, setați-l la false)
• „validate” => true, - (true) dacă vrem să validăm formularul pe server, înlocuiește validarea js cu „ajax” => true. Când este dezactivat (fals), nu trebuie să setați setările de validare a câmpului. A FACE
• "from_email" => "myemail", - expeditor, specificați numele câmpului (name = "myemail"), iar dacă nu aveți nevoie de un e-mail de la utilizator, atunci un stub [email protected]
• "from_name" => "myname", - expeditor, specificați numele câmpului (name="myname"), iar dacă nu aveți nevoie de un nume de utilizator, atunci stub-ul No-reply
• "to_email" => " [email protected]", - e-mailul destinatarului. Pentru a trimite la mai multe adrese, enumerați-le separate prin virgule. Exemplu ("to_email" => " [email protected], [email protected], [email protected]",)
• "to_name" => "noreply1", - Numele destinatarului. Când trimiteți la mai multe adrese, enumerați numele destinatarilor, separate prin virgule. Exemplu ("to_name" => "noreply1, noreply2, noreply3",)
• "geoip" => adevărat, - aflați locația folosind tipul TODO
• "referer" => false, - adăugați adresa URL a paginii de la care a fost trimis formularul
• "type" => "simple", - tip de literă - simplu, html (dacă sunt folosite etichete html)
• „tpl” => false, - utilizați un șablon de scrisoare. Dacă este adevărat, atunci fișierul șablon va fi conectat în conformitate cu numele formularului (name="form-1") din folder și fișierul (feedback/tpl/form-1.tpl) va fi procesat, în caz contrar totul va fi trimis ca atare, fiecare câmp pe o linie nouă
• "antispam" => "email77", - Anti spam, metoda se bazează pe un câmp ascuns (display:none), pe care doar robotul îl completează automat, dezvăluindu-se astfel.
• "antispamjs" => "address77", - Metoda anti-spam se bazează pe un câmp ascuns (display:none), completat inițial, care șterge automat javascript atunci când pagina este încărcată, chiar și robot inteligent nu o pot anticipa și apoi se blochează.
• "okay" => "Mesaj către utilizator", - Se afișează un mesaj către utilizator dacă formularul este trimis cu succes, puteți utiliza etichete html.
• "fuck" => "Mesaj către utilizator", - Un mesaj către utilizator, afișat atunci când apare o eroare la trimiterea formularului, puteți utiliza etichete html.
• „spam” => „Mesaj către utilizator”, - Mesaj către utilizator, afișat dacă se suspectează un robot de spam, puteți utiliza etichete html.
• „notify” => „color-modal”, - ce tip de notificări să se afișeze, casetă de text - blocuri în colțul de sus al paginii, culoare - evidențierea culorii în formular, modal - fereastră modală în centrul paginii, niciuna - dezactivați. Puteți combina, de exemplu: color-modal - erori în completarea câmpurilor cu evidențiere și starea de trimitere a textului în fereastra modal TODO
• "usepresuf" => false - Indiferent dacă se folosește o adăugare personalizată la subiect sau la titlul scrisorii, în cazul unei mici modificări puteți specifica de exemplu %%cfg.title.suffix%%, pentru aceasta trebuie să existe un câmp ascuns în formular, pentru mai multe detalii, vezi f -qiu presuf()

Configurarea șabloanelor de scrisori Deci. Să ne uităm acum la subiectul mesajelor noastre.
În primul rând, pentru ca formularul să fie trimis într-un șablon, în setările formularului trebuie să activați utilizarea unui fișier șablon - „tpl” => true ,
În al doilea rând, trebuie să creați un fișier șablon cu extensia *.tpl în folder (feedback/tpl/), în conformitate cu numele formularului (name="form-1" ).

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

Titlu în corpul e-mailului
%%name.title%%	%%name.value%%
%%tell.title%%	%%tell.value%%

nume, spune etc. - Acestea sunt atributele (name="") ale câmpurilor pe care utilizatorul le completează.
title - Numele elementului de formular, care este setat în matricea de setări a elementului de formular.
value - Valoarea elementului de formular.

Asta e tot pentru ziua de azi, dar scriptul, desigur, nu este ideal, așa că comentariile și descrierile erorilor sunt binevenite în versiunile următoare vor fi corectate.

P.S. Scenariul a fost dezvoltat de echipă

Schimbarea imaginii de pe primul ecran sau „adaptarea” beneficiilor pentru client, dar ce rost mai are dacă nu există interacțiune cu formularul?
Statisticile arată că în 20% din cazuri motivul conversiei insuficiente a unei pagini de destinație constă nu atât într-un USP prost sau lipsa traficul vizat, cât este în executarea neglijentă și neconsiderată a formularului de cerere.
Vizitatorul nu vrea să-și lase informațiile de contact, „abandonează” formularul și pleacă. Pierzi clienți potențiali și, prin urmare, venituri.
De ce se întâmplă acest lucru și cum să crești conversia formularului de cerere?

2 motive pentru rata slabă de completare a formularelor:

• executarea defectuoasă a formularului de cerere
• funcționalitatea sa prost concepută

Articolul oferă o listă simplă de verificare cu care puteți analiza cu ușurință formularele pagina de destinație. Pentru muncă, vă recomand să utilizați 4 instrumente: click map, scroll map, formular analytics și.

Formularul de aplicare ar trebui să fie vizibil pe primul ecran fără „defilare”

Explorați harta de defilare. Vedeți dacă elementele de conversie de top se încadrează în părțile vizibile ale paginii. Verificați aspectul paginii pe dispozitive cu diferite dimensiuni de ecran. Acordați o atenție deosebită versiunii mobile!

Verificați toate browserele

Trebuie să verificați cum funcționează formularul de cerere în toate browserele, și merită testat separat! Dacă funcționalitatea este defectuoasă, nu vor exista rezultate, nici date pentru analiza și elaborarea recomandărilor.

Numărul de câmpuri trebuie să corespundă sarcinii

Fig.2 Exemplu de câmp suplimentar, rezolvator de probleme client

Regula este simplă - acordați atenție confortului de a completa aceste formulare:

• folosiți indicii (de exemplu, o „mască” pentru numerele de telefon);
• face posibilă trimiterea formularului fără a completa toate câmpurile disponibile;
• stabiliți obiective adecvate - de exemplu, nu cereți un număr de telefon de contact pe pagina de abonament dacă . Vizitatorii nu vor completa 5 câmpuri doar pentru a obține o demonstrație sau un catalog.

Utilizare căi diferite obtinerea informatiilor de contact

Începeți de la caracteristicile produsului sau ale nișei. Oferiți-ne posibilitatea de a vă contacta prin telefon, e-mail sau chat pentru consultanță. Luați în considerare comportamentul clienților - este mai ușor pentru cineva să sune imediat și să discute termenii, în unele cazuri (primirea unui CP) nu puteți face fără a interacționa cu formularul.

Formă închisă sau deschisă?

Când lucrăm cu site-uri străine, ne confruntăm din ce în ce mai mult cu un formular de cerere închis - un buton simplu și ușor de înțeles „Începe acum”. Dar nu există un răspuns clar cu privire la care formă funcționează mai bine. În cele din urmă, totul depinde de cât de competent ai construit „conexiunea” logică la butonul prețuit.

Regulile pentru proiectarea câmpurilor într-o fereastră pop-up vor fi aceleași:

• Fii consistent. Formularul trebuie să fie cât mai simplu de completat.
• Rămâi la comandă. Plasați mai întâi câmpurile care sunt cel mai ușor de completat (de exemplu, „nume”).
• Precizați un beneficiu clar. Explica de ce un vizitator trebuie să completeze un formular?Și ce va primi.

Fig. 3 Un exemplu de „eyeliner” bun pentru un formular de cerere închis

Nu folosiți expresii șablon!

De exemplu, „obțineți o consultație gratuită”. Gândiți-vă la mai multe opțiuni pentru un „pas ușor” care îl poate interesa pe utilizator și îl poate forța să interacționeze cu formularul.

Un bun exemplu în nișa vânzărilor de mașini. În loc de standardul „Obține sfaturi despre vânzarea unei mașini”, a fost folosită o tehnică cool: vizitatorului i se cere să estimeze imediat suma pe care o poate primi.

Apel pentru o acțiune specifică

Evitați formularea „trimiteți o cerere”. Este mult mai bine să creați un buton care să descrie un anumit rezultat (de exemplu, „obțineți CP” sau „calculați costul”). În mod ideal, textul butonului ar trebui să dubleze parțial „creatorul de ochi”.

Obțineți o atenție suplimentară

Folosiți ghiduri grafice. Cea mai simplă opțiune este să „eliberezi” spațiu în jurul formularului și să direcționezi privirea vizitatorului folosind un indicator sau săgeată. Astfel forma va deveni mai vizibilă și va atrage atenția mai puternic.

Faceți ca imaginea (bannerul foto pe primul ecran) să funcționeze pentru CTA

În cazurile în care forma nu poate fi subliniată cu elemente grafice sau butonul nu poate fi mărit și mai contrastant, „atrageți” atenția utilizatorului asupra acesteia printr-o imagine. Alege-ți fotografia cu înțelepciune și direcționează privirea vizitatorului în direcția pe care o dorești.

Fig.7 Privirea fetei vă atrage atenția asupra formei

Explorați modul în care utilizatorii interacționează cu formularele

Analiza formularului de cerere arată ce câmpuri sunt completate/necompletate de utilizatori. Și Webvisor, datorită funcționalității sale, acționează ca un „ frate mai mare”, care monitorizează comportamentul vizitatorilor. Dacă a existat interacțiune cu formularul, dar datele nu au fost trimise dintr-un motiv oarecare, acesta vă va arăta care a fost problema. Cu alte cuvinte, va ajuta să înțelegeți în ce etape de completare utilizatorii au dificultăți, ce câmpuri pot fi eliminate și care ar trebui completate cu un indiciu pentru completarea corectă.

Mulțumiți clientului - acest lucru este important

Gândește-te la detalii! O pagină de mulțumire bine concepută nu este doar o dovadă de respect față de client, ci și un instrument pentru creșterea conversiei. Încă o dată - îndepărtați-vă de șabloane! Fii creativ - în schimb frază standard„Aplicarea ta a fost acceptată” scrie ceva mai personal despre tine și compania ta. Atunci când este concepută corect, o pagină „mulțumesc” poate fi o platformă bună pentru experimentare.

concluzii

Interacțiunea cu formularul este vârful comunicării dintre pagina de destinație și client. Înainte de a testa elementele de conversie ale paginii dvs. de destinație, analizați formularele de CTA, consultă lista noastră de verificare.

Verificați trimiterea datelor de la diferite dispozitiveȘi browsere diferite. Erori locale versiuni separate se întâmplă mult mai des decât s-ar putea crede.

Asigurați-vă că efectuați analize de formulare pentru a identifica câmpurile din care pleacă clienții, pentru a înțelege de ce pleacă și cum puteți remedia acest lucru.

Înainte de a face modificări și de a testa formulare, numărați numărul de cereri deja primite pentru a obține o imagine reală a rezultatelor obținute în urma efectuării modificărilor.

Fii pe deplin pregătit și stai în fața concurenților tăi. Conversie pagini de destinație către dvs.!

Cum să creezi o platformă online de succes pentru promovarea afacerii? Care este secretul și principiile formării sale? Acestea și alte întrebări îi privesc pe cei care au decis să achiziționeze o pagină de destinație personală pe World Wide Web și se așteaptă la un flux de cumpărători pentru produsul lor. Deci, să ne uităm la detalii.

Secretele creării unui formular de pagină de destinație

Probabil, aproape nimeni nu va contrazice afirmația că cel mai important element al unei pagini de destinație este un formular web pentru acceptarea comenzilor. De fapt, tocmai de aceea este creată pagina de destinație. Crearea unui formular de comandă pentru o pagină de destinație este realizată de profesioniști care cunosc exact secretul dezvoltării unei opțiuni interesante și, în același timp, destul de simplă.

Un formular de pagină de destinație bine conceput ar trebui să fie de înțeles pentru cel mai obișnuit utilizator care deschide pagina. Dacă sunt prea multe câmpuri în fereastra care se deschide, acest lucru pur și simplu va speria un potențial cumpărător și va merge la concurenți. Deci, dezvoltarea unui formular de comandă de înaltă calitate pentru o pagină de destinație este o sarcină nu mai puțin responsabilă decât pagina principala companiilor. Pentru a obține succesul, adică o conversie ridicată, trebuie doar să urmați câteva reguli simple.

Cerințe pentru crearea unui formular de comandă ideal pentru o pagină de destinație

Pagina de destinație trebuie să fie pregătită pentru a primi cumpărători. Pentru a face acest lucru, trebuie luați în considerare câțiva factori fundamentali.

Concizie. Formularul web ar trebui să vă permită să plasați o comandă și să nu colectați multe informații inutile despre client. Adică nu trebuie să conțină mai mult de 3-5 rânduri; dacă adăugați mai multe articole, riscați să încărcați pagina cu rânduri neimportante, ceea ce va îngreuna utilizatorului să finalizeze rapid o achiziție.

Lizibilitate. Un formular de cerere adecvat pentru pagina de destinație ar trebui să fie vizibil și ușor de citit. Nu este nevoie să supraaglomerați pagina o cantitate mare grafic. Cea mai bună opțiune, dacă utilizatorul trece treptat la completarea următoarei informații despre el însuși. Și, desigur, trebuie să vă gândiți la designul formei, astfel încât să pară plăcut ochiului.

Funcția de salvare a datelor. Destul de des, conexiunea la internet a consumatorilor lasa de dorit. Pentru a preveni întreruperile de comunicare să ducă la pierderea datelor deja introduse în coloane, merită să vă gândiți la funcția de salvare automată. Acest lucru va ajuta utilizatorul să economisească timp după restabilirea conexiunii și să nu introducă datele din nou.

Concepte dovedite. Formularul paginii de destinație nu este locul în care trebuie să fii original. Există principii care sunt testate în timp și aduc rezultate. Orice greșeală a unui programator sau proiectant poate costa mii de clienți pierduți.

Aceste postulate aparent binecunoscute sunt foarte importante și a le neglija echivalează cu a te condamna la eșec. Toate acestea duc la pierderea clienților și a banilor acestora. După ce v-ați dat seama de importanța unui formular de comandă pentru o pagină de destinație, este timpul să puneți o altă întrebare: cum și unde îl puteți crea?

Exemplu de formular de comandă pentru o pagină de destinație

Unde să faci o aterizare formularul paginii aplicatii?

Cu excepția cazului în care aveți cunoștințe și abilități suficiente, iar acestea sunt în minoritate, este puțin probabil să aveți o formă de lucru pentru o pagină de destinație care își va îndeplini perfect funcțiile. Unii caută coduri sursă în acces deschis online, deși această metodă poate cauza mult mai multe probleme decât beneficii. În primul rând, nu se știe cum va funcționa formularul, testarea va dura mult timp, iar acest lucru nu garantează performanța 100%. E-mailurile din formular pot ajunge în spam, pot să nu fie trimise deloc sau pot ajunge într-o codificare de neînțeles. Ca urmare, se dovedește că unele comenzi s-au pierdut sau a avut loc un alt eșec și este puțin probabil ca toate acestea să aibă un efect benefic asupra imaginii vânzătorului. În al doilea rând, ce ar trebui să faci dacă trebuie să faci unele modificări? Aprofundați singur codul sau invitați un specialist, ale cărui servicii pot costa și un bănuț destul de.

A doua opțiune este implicarea unui freelancer în această sarcină. Dar acest mod de rezolvare a problemei nu este lipsit capcanele. Freelanceri de top, desigur, pot crea forma de captare perfectă pentru o pagină de destinație, dar unde puteți găsi una? Căutarea poate dura mult timp. Puteți, desigur, să încercați selecția competitivă, dar va dura tot timpul și banii. Din nou, problema modificărilor formularului rămâne relevantă. Este bine dacă coordonatele autorului formularului sunt păstrate, dar dacă nu? Și chiar și atunci, dacă conexiunea este menținută, el poate fi pur și simplu ocupat cu alte comenzi și nu te va putea ajuta. Și alți liber profesioniști nu sunt întotdeauna pregătiți să corecteze munca altor colegi.

Cea mai eficientă soluție la această problemă este designerul de formulare web online Formdesigner. Acest serviciu nu necesită aptitudini speciale, are interfață clară. Designerul de formulare încorporat vă va ajuta să creați formularul de captare perfect care se potrivește perfect site-ului dvs. web. S-a gândit și protecția prin parolă. Protocolul HTTPSși Captcha. Plățile online sunt accesibile și ușoare, permițându-vă să primiți bani în câteva minute. Scenariile unice sunt create folosind forme dinamice.

Principiul de funcționare

Constructorul a apărut în 2013 și a câștigat deja încrederea începătorilor și a webmasterilor profesioniști. Le permite proprietarilor de site-uri web în câteva minute să creeze un formular de cerere, un formular de feedback, un formular de abonare, un formular de comandă și multe altele care se potrivesc perfect în interfața oricărui site. Nu sunt necesare abilități sau cunoștințe speciale; formularul de captare a paginii de destinație, datorită serviciului Formdesigner, va fi gata în 5 minute. În plus, dacă trebuie să schimbați ceva, trebuie doar să vizitați din nou site-ul și să faceți modificările necesare. În plus, toate acestea se pot face complet gratuit, ceea ce este de asemenea important.

Vorbind despre principalele avantaje ale designerului de formulare web Formdesigner, putem observa:

• Constructorul lucrează online în timp real;
• Întregul proces de creare a unui formular web este transparent și are loc sub ochii tăi;
• Toate datele din formular sunt stocate pe server și sunt disponibile 24 de ore pe zi;
• Capacitatea de a încărca fișiere și de a utiliza CSS personalizat vă permite să creați un formular web unic pentru pagina dvs. de destinație.

Designerul este ușor și simplu. Puteți crea formularul web de care aveți nevoie în doar câteva clicuri. Pentru a adăuga un element nou, faceți clic pe el sau trageți-l în locația planificată, iar acesta va fi adăugat imediat în formularul web. De asemenea, puteți edita cu ușurință un element făcând clic pe el în formular și făcând modificări proprietăților acestuia în fereastra care se deschide.

Configurarea este la fel de simplă aspect, sunt stabilite reguli de validare și altele modificările necesare, care sunt afișate imediat în formularul demo, fără a reîncărca pagina. După terminarea lucrării, nu mai rămâne decât să copiați codul terminat. Va trebui să-l încorporați pe site-ul dvs. web. Urmează acceptarea cererilor mult așteptate. Când utilizați acest constructor, toate formularele încărcate sunt afișate instantaneu și nu sunt necesare reîncărcări plictisitoare ale paginilor.

Puteți crea un site web de la zero și îl puteți ajusta pe cel existent. Cu un asistent excelent în lumea creării de conținut web, nu va trebui să așteptați mult pentru clienți.