Ghid incepatori la formulare web și WordPress Plugin-uri Forma

Dacă sunt grave, despre a face bani din blog-ul sau site-ul veți avea nevoie de un fel de formular pe prezența pe web. Pentru cei care au experiență în tehnologii web si sunt mai mult adept în manipularea HTML, CSS si script termenul „Forma“ ar putea suna destul de familiar, dar va fi pertinentă pentru a introduce ...

A+ A-

Dacă sunt grave, despre a face bani din blog-ul sau site-ul veți avea nevoie de un fel de formular pe prezența pe web. Pentru cei care au experiență în tehnologii web si sunt mai mult adept în manipularea HTML, CSS si script termenul „Forma“ ar putea suna destul de familiar, dar va fi pertinentă să-l introducă pentru cei care sunt găsirea termenul ciudat. web forms

Ce Web Forms?

Formele sunt colecții de elemente web care pot avea mai multe scopuri, cum ar fi solicitarea feedback-ul utilizatorilor, adăugarea de utilizatori la abonat sau liste de discuții, păstrând legătura cu utilizatorii prin intermediul formularelor de contact sau forme complexe, care permit comandarea produselor, solicitând informații de plată, de transport maritim și de înregistrare a utilizatorului etc.

Cea mai frecventă utilizare a formelor pe care le-ar putea întâlni pe întregul Web, este forma de înscriere, care este folosit pentru a construi liste de e-mailing de bloggeri care sunt în a face bani online.

În funcție de complexitatea formularelor utilizate pe un site poate fi cu un pas sau suficient de complex pentru a fi cu mai multe trepte, fiecare clădire pas pe cel precedent pentru a finaliza procesul de colectare a datelor dorite.

Formularele pot colecta date, se păstrează într-un fișier text sau într-o bază de date și în funcție de opțiunile de utilizator poate prelua, de asemenea date dintr-un fișier sau o bază de date situate pe același sau un server de la distanță. Toate acestea se face printr-un script care face toate colectarea de date, stocarea, extragerea și prelucrarea datelor.

Elementele unui formular web:

Elements of web forms În funcție de utilizare și complexitatea unui web poate conține una sau mai multe dintre următoarele elemente:

  • Text Field: un câmp text oferă o casetă text în care utilizatorul poate tasta informații alfanumerice. Prin setarea lățimea câmpului de text putem determina dimensiunea acestui element care va fi vizibil pentru utilizator. Dacă vom alege tipul de câmp text ca parola, atunci informațiile introduse vor fi vizibile ca asteriscuri (*) pentru utilizator.
  • Checkbox: Checkboxes permit utilizatorului să aleagă una sau mai multe dintr - un anumit set de opțiuni. Fiecare casetă de selectare necesită un nume și o valoare.
  • Butoane radio: Butoanele radio permit doar o singură opțiune de a alege dintr - un anumit set de opțiuni.
  • Drop-down liste: Acestea permit utilizatorilor să aleagă dintr - o listă care scade sau se extinde pe click de mouse sau Hover , în funcție de modul în care opțiunile sunt stabilite pentru acest element de formular. Utilizatorii pot fi prezentate cu opțiunea de a selecta doar un singur element sau poate fi o listă selectați multiplu element. În funcție de elementele din lista lista poate avea o bară de defilare în cazul în care elementele din listă sunt mari. Lista poate avea o valoare prestabilită.
  • Image Field: Acest câmp vă permite să inserați o imagine și atașați un comportament la acesta.
  • Fișier Field: Acest câmp permite unui utilizator să încărcați un fișier pe server. Când acest câmp se face clic pe o opțiune pentru a alege un fișier apare și atunci când fișierul este ales este încărcat.
  • FIELDSET: Acest lucru nu este nici un câmp de intrare sau de acțiune , dar este de fapt o grupare de domeniu care prezintă un grup de domenii , legate de utilizator.
  • Etichetă: Fiecare câmp are o etichetă. O etichetă poate fi comparat ca un nume al unui anumit domeniu.
  • ID: Fiecare element de formular are un ID care este unic.
  • Butonul: Fiecare formă are un buton de pe clic de care un script este chemat să atașeze un comportament la forma ca resetarea unui formular, trimiterea unui formular , etc.

Acestea sunt unele dintre elementul de bază al unui formular. Pe măsură ce tehnologia web este progresează noi vedem forme improvizate care folosesc Ajax și alte utilizări avansate de javascripts pentru a minimiza interacțiunea utilizatorului și de a îmbunătăți gradul de utilizare.

Cum de a crea formulare web care funcționează într - adevăr:

Înainte de a decide cu privire la crearea unui formular este mai bine să-și petreacă ceva timp pe brainstorming cu privire la datele de care aveți nevoie și ceea ce este cel mai simplu mod de a-l obține de la utilizator. A doua parte este de a crea forma prezintă câmpurile obligatorii într-un format care este foarte ușor de utilizat și nu prea complexe pentru utilizator, chiar dacă aceasta înseamnă rupere forma dvs. în două sau trei etape, mai degrabă decât să prezinte o formă foarte lungă.

Pe lângă acești pași de bază, există alte sfaturi și tehnici care au fost testate de peste ori de diverși dezvoltatori web, experți uzabilitate și designeri pentru a îmbunătăți interacțiunea utilizatorului cu forma și, prin urmare, se comportă ca o listă de verificare generală. Mai jos sunt listate câteva puncte pe care fiecare proprietar de site-ul ar trebui să fie conștienți, astfel încât el poate obține beneficii maxime din formele pe care el utilizează pe site-ul său pentru colectarea de date sau în orice alt scop dorit:

  • Validați elementele de formă: Acesta este un lucru pe care orice designer de site - ul nu ar trebui să ratați. Validarea Forma de verificare înseamnă un anumit element de formular pentru datele care trebuie introduse - fie că este vorba în formatele corecte, sau valideaza pentru un anumit domeniu, etc. De exemplu, în cazul în care se utilizează un câmp de text care solicită numele utilizatorului verifică ar trebui să fie plasate pe datele introduse, astfel încât un utilizator nu este capabil de a introduce orice caracter numeric sau specială în acest domeniu. În mod similar, dacă un câmp este prezent sub forma cere adresa de e-mail a unui utilizator datele introduse de utilizator ar trebui să fie validate pentru a fi într-un format de e-mail corectă. Acest lucru face lucrurile mai ușor atât pentru utilizator cât și proprietarul site-ului, deoarece datele sunt introduse și stocate în formatul corect. Validarea Forma se poate face în timp ce utilizatorul este introducerea datelor într-un mod dinamic sau la nivelul formularului de depunere. În cele mai multe cazuri, face-o în mod dinamic atunci când utilizatorul este introducerea datelor este un mod preferat, deoarece oferă o experiență de utilizare mai bună.
  • Efectuarea formularul accesibil pentru utilizatorii cu handicap: Nu vă așteptați la fiecare vizitator pe site - ul dvs. pentru a fi într - o stare perfectă. Cruță unele gândit pentru cei care sunt contestate fizic. Proiectarea formularelor, astfel încât acești utilizatori să le poată accesa prin intermediul cititoare de ecran sau tastele desemnate de pe tastatură sau doar făcând clic pe tab-ul și tastele de navigare formular.
  • Asigurați butonul arata ca butoane: Dacă utilizați imagini ca butoane se asigura că acestea au apel corespunzătoare la acțiune ca să prezinte sau click aici pentru a trimite sau ceva mai favorabil care spune utilizatorul în mod explicit că acest buton trebuie apăsat sau făcut clic pentru a finaliza o sarcină pe formular. Imaginile pot schimba culorile mouse-ului este plutit pe ele, iar butoanele se pot schimba starea. Cel mai important lucru este că un vizitator ar trebui să fie în mod clar în măsură să identifice acțiunea care trebuie să fie făcut în scopul de a finaliza cu succes procesul de umplere formular.
  • În mod clar eticheta câmpurile obligatorii: De câte ori ați vizitat un formular în care ați introdus unele câmpuri și apăsat butonul de trimitere numai pentru a găsi că le - ați ratat unele dintre câmpurile obligatorii. N-ar fi fost util dacă ar fi fost spus să vă în avans că un anumit domeniu nu poate fi lăsat necompletat și este necesar pentru a umple cu succes formularul? Nu face această greșeală, în timp ce proiectarea formei. Asigurați-vă că toate câmpurile obligatorii sunt marcate corespunzător (prin menționarea -necesara sau folosind * în fața etichetei ca convenția generală merge).
  • Minimizarea numărul de câmpuri: Este în regulă ca fiecare departament al organizației are propriile priorități și dorește cantitatea maximă de informații pe care le puteți extrage din vizitatorul , dar ar putea exista un lucru ca - cere prea mult, ceea ce poate afecta drastic forma unor rate de completare-up și consequentially saboteze toate eforturile de colectare a datelor. Există studii și experți opinii care spun că formează rate de completare-up picătură ca vom crește câmpurile din formular. Deci, încercați să păstrați câmpurile în formă la un nivel minim. Cele mai puține sarcini pe care le pune pe vizitatorul mai dispuși el sau ea va fi de a furniza datele pe care le doriți. De exemplu, în timp ce crearea de formulare buletinul de subscriere, unii proprietari de site-ul cere mai întâi numele, prenumele și adresa de e-mail, unele cere numele și adresele de e-mail și sunt unii care sunt mulțumiți doar pentru a cere de e-mail a vizitatorului. Un pas simplu ca cere un ultim nume ar putea reduce ratele de abonare la buletinul informativ. Întreaga idee este de a reduce numărul de domenii, nu este nevoie de numele pe un formular de abonare la newsletter e-mail când aveți primul său nume de dragul personalizării newsletterele pe care urmează să-l trimită.
  • Utilizați butoane radio atunci când doriți doar o singură opțiune pentru a fi selectate: Există multe cazuri în care un vizitator este prezentat cu mai multe cutii de check- in timp ce există doar o singură opțiune pe care el trebuie să aleagă. Acest lucru poate crea o confuzie pentru vizitator și colectarea de date greșit la sfârșitul dumneavoastră și rate mai mari de formă drop-off. Când doriți ca vizitatorii să aleagă în mod explicit una dintre opțiunile date folosesc butoane radio. Acest lucru înseamnă, de asemenea că, dacă doriți ca utilizatorii să aleagă mai multe opțiuni nu utilizează butoane radio, utilizați casetele de schimb.
  • Da întotdeauna o opțiune implicită , dacă aveți unul: Acest lucru ajută vizitatorul să completeze formulare mai rapid și menține ratele de abandon off pe forme lungi la un nivel minim. De exemplu, în cazul în care majoritatea vizitatorilor sunt din SUA păstrează valoarea implicită a selectarea țării lista verticală în formularul de înregistrare în SUA și în țările vecine. Dacă aveți un site de comerț electronic oferind un produs și adresa de facturare și de expediere sunt aceleași pentru vizitator să îi permită să completeze formularul de transport maritim de doar un singur clic atunci când a intrat în detaliile sale de facturare.
  • Evita problemele de dublu-clic: De-a lungul comportamentul ani vizitator a adaptat la dublu click pe link - uri. Acest lucru duce adesea la dublu click pe buton submit formularele și alte elemente de acțiune. Acest lucru poate crea probleme pentru tine, în cazul în care nu au prevăzut controale încorporate pentru astfel de acțiuni de vizitatori. Dar problemele pot fi grave și vă teren în probleme complexe într-un scenariu, atunci când aveți un site de e-commerce, iar utilizatorul face clic de două ori pe butonul de finalizare a comenzii și el devine facturat de două ori. Este întotdeauna o bună practică și mulți furnizori de e-commerce face acest lucru în timp ce procesul lor de verificare este de a menționa în mod clar că doar o singură dată clic este necesară pentru a verifica afară. Făcând acest lucru va fi de ajutor atât pentru utilizatorii dumneavoastră și reputație site-ul web.

Top WordPress formularul de creare Plugin - uri:

Wordpress Contact Form 7 plugin Pe lângă Formular de contact 7, care este una dintre cele mai populare plugin Formular pentru WordPress există puține altele pe care le-ar dori să verificați doar din cauza caracteristicilor minunat și funcționalitatea pe care le oferă la un proprietar de site-ul WordPress. Mai jos sunt listate unele dintre cele mai populare plugin-uri WordPress utilizate pentru a crea forme:

  • Breezing Formulare: Dacă aveți nevoie de un constructor de formular , care este Forms puternic și flexibil breezing ar putea fi plugin - ul final pentru tine. Se poate crea forme complexe, care răspund. Acest lucru înseamnă că ele se adaptează la rezoluția ecranului și, prin urmare, sunt foarte bune pentru desktop-uri, laptop-uri și dispozitive mobile. Doar proiecta o dată și să uitați durerea de adaptându-le pentru diferite ecrane. Breezing forma o face pentru tine. Formele breezing vin atât ca o versiune gratuită și o versiune pro. Inutil să spun că versiunea Pro vă oferă mai multe instrumente și putere.
  • Formidabil Pro: Această formă picătură trageți și plug - constructor pentru WordPress face crearea forme foarte complexe , floare la ureche chiar și pentru începători. Nu știu HTML, CSS si chestii tehnice? Nu sunt probleme - Pro Formidabil vă permite să creați formulare care vă oferă un control granular asupra cine are acces la ceea ce conținut de pe site-ul tau. Puteți utiliza Formidabil Pro pentru a crea întrebări frecvente, înregistrări, Anunturi, Sondaje, sondaje, etc și afișa formular utilizând SHORTCODE oriunde într-un post sau o pagină.
  • Gravity Forms: Acest plugin vă permite să publicați formulare în căutarea mare într - o chestiune de minute. Trebuie doar să selectați câmpurile dorite în forme, configurați opțiunea de aspect și încorporați-l în site-ul tău. Construit în instrumente în forme Gravity plugin vă permit să faci toate astea foarte ușor.
  • Forma Maker: Acest instrument modern și avansat pentru a crea forme WordPress vă oferă un control granular asupra design de forma chiar de la fonturile la culorile aspectul câmpurilor. Toate pot fi proiectate din interiorul plugin-ul în sine pentru a se potrivi cu aspectul site-ului. Nu este nevoie de designeri expert sau orice know-how tehnic Forma Maker generează tot codul și poate genera simplu la forme complexe, într-o clipită. Plugin-ul forma maker vine într-o versiune gratuită și comercială. Versiunea comercială, de asemenea, vă permite să adăugați funcționalitate hărți Google pentru formularele și are o mulțime de alte caracteristici excelente.
  • Fast Secure Formular de contact: După cum spune numele acestui plugin permite unui proprietar de site pentru a adăuga un formular de contact securizat la un site web într - un mod rapid. Formularul de contact rapid securizat va permite utilizatorului să trimită e-mailuri admin unui site, și, de asemenea, trimite o solicitare de întâlnire pentru a vorbi prin telefon sau video. Panoul de administrare permite webmaster să monitorizeze și să verifice trimiterea de formulare precum și crearea unor noi forme.

Concluzie:

Formularele sunt o parte esențială a oricărui site și există puține vă puteți face cu site-ul dvs. WordPress (în marketing online), cu excepția cazului în a vă oferi interactivitate, opt-in forme, construi liste de e-mail, pentru a primi feedback-ul utilizatorilor și pur și simplu oferi un mijloc pentru a vă contacta. Toate acestea sunt realizate cu ușurință folosind forme și așa cum ați învățat de sus, WordPress are plugin-uri mari pentru a vă ajuta să creați forme minunate cu ușurință. Deci, de acum încolo nu există nici shying departe de a crea noi oportunități de a interacționa cu utilizatorii și de a face mai mulți bani doar pentru că nu știu cum să construiască forme. Sper că acest post vă ajută să profitați la maximum de pe site. Comentarii și sugestii cu privire la postul sunt binevenite.