Obrazec za povratne informacije brez vtičnika wordpress. Ustvarite čudovit obrazec za povratne informacije WordPress. Teorija: Zakaj potrebujemo obrazec za povratne informacije

To je še en članek o tem, kako narediti svoje WordPress spletno mesto nekoliko boljšega, bolj informativnega in privlačnejšega. In danes se boste naučili, kako organizirati povratne informacije na spletnem mestu WordPress brez pomoči vtičnikov.

Obrazec za povratne informacije je eden najpomembnejših elementov na spletnem mestu, naslednji korak do obiskovalca. In obiskovalci so najpomembnejša stvar za katero koli spletno mesto. Zato in verjamem, da se boste strinjali z mano, je za namestitev na vsako spletno stran potrebna stran z obrazcem za povratne informacije!

In v tem članku se bom podrobneje osredotočil na to, kako na stran WordPress dodati obrazec za povratne informacije.

Preden začnete neposredno ustvarjati obrazec, morate postaviti cilje in se odločiti, kaj bo obrazec vseboval, katera polja so potrebna.

Obrazec mora biti jasen in razumljiv.

Običajno zadošča naslednji niz polj:

• E-poštni naslov
• Predmet objave
• Besedilo sporočila

Naloge so določene, določene so prioritete, polja za obrazec so določena. Lahko nadaljujete neposredno na ustvarjanje.

Ustvarite obrazec za povratne informacije za spletno mesto, ki temelji na WordPressu

1. Ustvari novo datoteko contact.php
2. Odprite ga v svojem priljubljenem urejevalniku besedila in vanj kopirajte naslednjo kodo
\\ n \\ n ". __ (" Sporočilo "," theme_textdomain ").": \\ n $ messege \\ n \\ n - \\ n ". __ (" To e-poštno sporočilo je poslano preko obrazca za stik, . get_bloginfo ("ime"). "\\ n". get_bloginfo ("url"); $ headers \u003d "From: $ name"; $ headers \u003d "Odgovori na: $ email"; / * $ headers \u003d "Za: $ emailTo "; * / wp_mail ($ emailTo, $ subject, $ body, $ headers); $ emailSent \u003d true; unset ($ _ POST [" contactName "], $ _POST [" email "], $ _POST [" predmet " ], $ _POST ["sporočilo"], $ _POST ["nadzor"]);))?\u003e

"class \u003d" obrazec za stik potreben "/\u003e

"class \u003d" kontaktni obrazec, potreben e-poštni naslov "/\u003e

"class \u003d" kontaktni obrazec, potreben predmet "/\u003e

<?php if (isset($_POST["messege"])) { if (function_exists("stripslashes")) { echo stripslashes($_POST["messege"]); } else { echo $_POST["messege"]; } } ?>

"class \u003d" obvezno vprašanje v obrazcu za stik "/\u003e
">
3. Shranite contact.php datoteko in jo naložite v mapo s datotekami tem
4. Odprite datoteko function.php za urejanje in ji dodajte naslednjo kodo
/ * Kontakt s kratkim kodom * / funkcija contact_shortcode ($ content \u003d null) (vrni get_template_part ("kontakt");) add_shortcode ("kontakt", "contact_shortcode");
5. Dokument shranite

Vse je pripravljeno.

Kako dodati obrazec za povratne informacije na stran WordPress

1. Ustvari novo stran
2. Vnesite ime strani - npr. "Predlogi"
3. V polje z vsebino vstavite kratko kodo [kontakt]
4. Objavi stran
5. Uporaba

Kako rusificirati obrazec za povratne informacije WordPress

Vsa sporočila in podpisi v obrazcu bodo privzeto prikazani v angleščini.
  Toda možnost prevajanja vseh sporočil in podpisov je bila dodana v kodo. Če želite to narediti, zamenjajte vse pojavitve teme_textdomain z vrednostjo za svojo temo in dodajte prevod zahtevanih vrstic v lokalizacijsko datoteko. Opis dela z lokalizacijskimi datotekami žal ne sodi v področje uporabe tega članka, če pa imate kakršna koli vprašanja, vprašajte.

Za začetnike in najbolj radovedne pa bom na kratko pojasnil, kaj počne zgornja koda.

Prvi del kode preveri obrazec za prazna polja in za napake v izpolnjenih poljih. Če ta ni, se vneseno sporočilo po elektronski pošti pošlje skrbniku spletnega mesta.

If (isset ($ _ POST ["predloženo"])) (if (trim ($ _ POST ["contactName"]) \u003d\u003d\u003d "") ($ nameError \u003d __ ("Prosimo, vnesite svoje ime", "topic_textdomain"); $ hasError \u003d true;) else ($ name \u003d trim ($ _ POST ["contactName"]);) if (trim ($ _ POST ["email"]) \u003d\u003d\u003d "") ($ emailError \u003d __ ("Prosimo, vnesite vaš e-poštni naslov "," theme_textdomain "); $ hasError \u003d true;) else if (! preg_match (" / ^ [[: alnum:]] * @ + \\. (2,4) $ / i ", trim ($ _POST ["email"]))) ($ emailError \u003d __ ("Vnesli ste neveljaven e-poštni naslov", "topic_textdomain"); $ hasError \u003d true;) drugo ($ email \u003d trim ($ _ POST ["email"]) ;) if (trim ($ _ POST ["messege"]) \u003d\u003d\u003d "") ($ commentError \u003d __ ("Prosim, vnesite sporočilo", "topic_textdomain"); $ hasError \u003d true;) drugo ($ messege \u003d stripshes (trim ($ _ POST ["sporočilo"]));) if (trim ($ _ POST ["nadzor"])! \u003d "31") ($ controlError \u003d __ ("Vnesite pravilen odgovor na vprašanje", "topic_textdomain "); $ hasError \u003d true;) else ($ control \u003d trim ($ _ POST [" nadzor "]);) if (! isset ($ hasError)) ($ emailTo \u003d get_option (" oglas min_email "); if (trim ($ _ POST ["predmet"])! \u003d "") ($ subject \u003d trim ($ _ POST ["predmet"]);) else ($ subject \u003d "";) $ body \u003d __ ("Od" , "topic_textdomain"). ": $ name<$email>\\ n \\ n ". __ (" Sporočilo "," theme_textdomain ").": \\ n $ messege \\ n \\ n - \\ n ". __ (" To e-poštno sporočilo je poslano preko obrazca za stik, . get_bloginfo ("ime"). "\\ n". get_bloginfo ("url"); $ headers \u003d "From: $ name"; $ headers \u003d "Odgovori na: $ email"; / * $ headers \u003d "Za: $ emailTo "; * / wp_mail ($ emailTo, $ subject, $ body, $ headers); $ emailSent \u003d true; unset ($ _ POST [" contactName "], $ _POST [" email "], $ _POST [" predmet " ], $ _POST ["sporočilo"], $ _POST ["nadzor"]);))

Naslednji del kode je odgovoren za preverjanje rezultata pošiljanja sporočila in prikaz ustreznega sporočila

Če (isset ($ emailSent) && $ emailSent \u003d\u003d true) (?\u003e

V skladu s tem je za prikaz obrazca odgovoren preostali del izvorne kode

"class \u003d" obrazec za stik potreben "/\u003e

"class \u003d" kontaktni obrazec, potreben e-poštni naslov "/\u003e

"class \u003d" kontaktni obrazec, potreben predmet "/\u003e

<?php if (isset($_POST["messege"])) { if (function_exists("stripslashes")) { echo stripslashes($_POST["messege"]); } else { echo $_POST["messege"]; } } ?>

"class \u003d" obvezno vprašanje v obrazcu za stik "/\u003e
">

Bodite previdni! Ko spremenite oblikovalsko temo na svojem spletnem mestu, bo stran z obrazcem za povratne informacije prenehala delovati. Datoteko contact.php boste morali ročno kopirati v imenik z novo temo in konfigurirati prevod in postavitev.

Od avtorja:   Pozdravljam vas, dragi bralci. Če potrebujete obrazec za povratne informacije na spletnem mestu WordPress, potem je ta članek za vas. Po branju članka se boste naučili, kako narediti obrazec za povratne informacije o WordPressu, pri tem pa to storite enostavno, hitro in učinkovito.

Torej bomo za rešitev težave uporabili vtičnik za povratne informacije, ki se imenuje kontaktni obrazec 7. Ne vem, zakaj je avtor izbral takšno ime, natančneje serijsko številko v naslovu, morda je to njegova srečna številka

Kljub temu je vtičnik Contact Form 7 za WordPress eden najbolj priljubljenih vtičnikov med vtičniki za ustvarjanje obrazca za povratno informacijo WordPress, pa tudi med vsemi drugimi. Dejansko več kot milijon naprav - številka govori sama zase. Ocena vtičnika je precej visoka - 4,5 zvezdice, kar odpravlja vse dvome o njegovi uporabi. Poleg tega je vtičnik že rušificiran, zato vam ni treba prevesti polja obrazcev in sporočil v ruščino.

VGRADNJA KONTAKTNI OBRAZEC 7 VOZIČEK ZA ČASOPIS

No, pojdimo skozi standardni postopek namestitve. Mimogrede, če še nikoli niste namestili vtičnikov, potem si oglejte članek »WordPress. Namestitev vtičnikov ", v katerem boste našli vse možne načine namestitve vtičnikov.

V skrbniku spletnega mesta pojdite na razdelek Vtičniki - Dodajte novega in v iskalno vrstico vnesite ime vtičnika - “kontaktni obrazec 7 ″. Prvi najden vtičnik za obrazec za povratne informacije je možnost, ki jo potrebujemo.

Kliknite gumb Namestitev in aktivirajte vtičnik. Po namestitvi se v meniju prikaže nov razdelek za kontaktni obrazec 7 z več elementi.

Prvi odstavek obrazca vsebuje seznam trenutnih obrazcev na vašem spletnem mestu in omogoča upravljanje z njimi: urejanje ali brisanje. Končana oblika ni nič drugega kot koda (kratka koda), ki jo lahko vstavite v objavo, stran ali celo gradnik. Ta kratka koda bo na strani nameščena v celotni obliki obrazca. Vtičnik že ima vnaprej določen primer obrazca za povratne informacije, kopirajmo njegovo kratko kodo in jo prilepite na primer na stran s stiki. Po tem gremo na stran in na njej vidimo pripravljen delujoč obrazec za povratne informacije WordPress.

Lahko poskusimo izpolniti obrazec in ga poslati, pismo bo poslano na e-poštni naslov, naveden v nastavitvah profila skrbnika. Upoštevajte, da vtičnik Contact Form 7 ne ponuja samo običajnega standardnega obrazca za povratne informacije. Ne, vtičnik vam omogoča, da ga prilagodljivo konfigurirate. Poleg tega se obrazec odda brez ponovnega nalaganja strani, kar je dodaten plus. No, in, seveda, potrjevanje polj obrazca, možnost določanja obveznih polj - to je še en velik plus.

KONFIGURIRANJE OBLIKA POVRATNE OPREME ZA ČASOPIS

No, uporabili smo že pripravljen obrazec. Kaj pa njena sprememba? Je to mogoče in ali je to enostavno storiti? Odgovor je na oba vprašanja pritrdilen. Na primer želim iz obrazca odstraniti polje Zadeva, kako lahko to storim? Pojdimo na urejanje obrazca v meniju vtičnikov Forms in poglejmo naslednjo sliko.

Če želite odstraniti temo, odstranite 2 ustrezni vrstici, ki ju obkroži okvir na posnetku zaslona. Tu je zanimiva druga vrstica:. Kot ste morda uganili, to ni nič drugega kot kratka koda, ki se odpre v obrazcu. V tem primeru je to besedilno polje z vrednostjo atributa imena - your-subject.

Če na primer govorimo o območju z besedilom spodaj, je njegova kratka koda videti tako:. Tukaj je textarea oznaka textarea obrazca, vaše sporočilo pa je ime tega obrazca. Vse je preprosto.

Tu lahko postavite logično vprašanje: kaj storiti z drugimi elementi obrazca? Kako veste, katera koda je odgovorna za, recimo, spustni seznam? Tudi tukaj ni nič zapletenega. Nad poljem predloge urejenega obrazca so gumbi, s klikom na katere bomo obrazcu dodali potrebne elemente.

No, če imate še vedno težave, vam bo v pomoč dokumentacija za vtičnik, kjer najdete veliko primerov.

Odstranimo zadevo sporočila kot primer in dodamo seznam z možnostmi izbire predmeta sporočila. Če želite ustvariti spustni seznam, kliknite gumb spustnega menija. V modalnem oknu, ki se odpre, izpolnite obrazec. Ključ je polje Možnosti, v katero vnesemo možnosti spustnega seznama. Vsaka možnost z novo vrstico. Druga polja obrazca morajo biti intuitivna. Če na primer potrdimo polje v polju Vrsta polja (Zahtevano polje), bomo ustvarili ustvarjeno polje obrazca obvezno. Potrditveno polje Dovoli več izbirov omogoča ustvarjanje seznama z možnostjo izbire več možnosti, potrditveno polje Vstavi prazen element kot prvo možnost pa ustvari prvo prazno možnost na seznamu. Polji Id in Class govorita sami zase - to sta polja za dodajanje atributov id in razreda, ki vam omogočajo nadaljnje oblikovanje polja.

Po ustvarjanju seznama s potrebnimi možnostmi se v predlogi obrazca prikaže novo polje.

Predlogo shranimo in poskusimo preizkusiti nov obrazec za povratne informacije. Obrazec se je na spletnem mestu res spremenil, namesto besedilnega polja teme se je pojavil spustni seznam z možnostmi izbire teme.

Poskusimo izpolniti in oddati obrazec. Obrazec je oddan, vendar ojoj ... v prejetem pismu ni izbrane možnosti teme. Kako je tako? Kako odpraviti to nesporazum? Brez skrbi, to je določeno preprosto. Gremo urediti obrazec in preiti na zavihek Pismo.

Na tem zavihku lahko iz obrazca za povratne informacije konfigurirate obliko pisma, ki prihaja na e-pošto. Na posnetku zaslona na prvem obkroženem območju vidimo seznam bližnjic (imena polj obrazca), ki se uporabljajo v našem obrazcu za povratne informacije. Vrednosti teh polj so nadomeščene v črkovno predlogo. Na drugem označenem področju vidimo, da za polje Predmet ostane ime iz prejšnjega polja. V polju Telo sporočila je tudi stara koda. Nadomestimo jih z ustrezno oznako s seznama zgoraj -. Mimogrede, tukaj lahko spremenimo tudi e-poštni naslov prejemnika, je zapisan v polje To. Lahko spremenimo tudi druge nastavitve spodaj, vse so podpisane in razumljive.

Spremembe shranimo in poskušamo pismo ponovno poslati. Zdaj obrazec za povratne informacije deluje, kot bi moral, - na e-pošto pride e-poštno sporočilo z izbrano temo.

Na naslednjem zavihku Obvestila ob oddaji obrazca lahko konfiguriramo sporočila o uspehu ali napake, ki se pojavijo pri oddaji obrazca.

ZAŠČITA PREVERJANJA

Kaj pa nezaželena pošta, ali lahko postavite razumno vprašanje? Za to je poskrbel tudi avtor vtičnikov. V razdelku z nastavitvami vtičnika je element Integracija.

Tu lahko od Googla nastavimo storitev reCAPTCHA. Če želite to narediti, morate slediti navedeni povezavi do ustrezne Googlove storitve in nato slediti navodilom, da dobite potreben ključ in integrirate captcha s svojim spletnim mestom.

Za tiste, ki ne želijo uporabljati storitve reCAPTCHA, vtičnik nudi zaščito pred roboti v obliki polja vprašanja / odgovora. Če želite to polje dodati v predlogo obrazca, kliknite gumb za kviz in izpolnite obrazec na enak način, kot smo ga naredili na spustnem seznamu. Vprašanje in odgovor vnesemo skozi navpično črto.

Po tem se v obrazcu za povratne informacije prikaže novo polje z eno od možnosti za vprašanja, ki ste jih vnesli. Zdaj, če želite predložiti obrazec, morate pravilno odgovoriti na vprašanje.

Kot vidite, je izdelava obrazca za povratne informacije o WordPressu enostavna. Vtičnik Contact Form 7 vam omogoča izdelavo obrazca za skoraj vse namene. To je lahko obrazec za povratne informacije, oblika neke prijave itd. Da, kot sem že povedal zgoraj, lahko obrazec vstavite ne samo v objavo ali stran, ampak tudi v pripomoček stranske vrstice. Če želite to narediti, samo ustvarite besedilni pripomoček in vanj vstavite kratko kodo želene oblike. No, uganili ste, lahko v meniju Dodaj nov vtičnik ustvarite nove obrazce.

To je vse zame. Igrajte se s vtičnikom Contact Form 7 za WordPress, poskusite ustvariti različne obrazce, verjemite mi, še veliko je priložnosti za raziskovanje. Če imate vprašanja, potem jih, kot vedno, čakam v komentarjih. Vso srečo

Dober dan prijatelji! V tej vadnici vas bom naučil, kako ustvariti kontaktni obrazec za WordPress s pomočjo vtičnikov. Obrazec za povratne informacije WordPress je idealna rešitev za tiste, ki želijo biti v stiku s svojim občinstvom ali prejemati zahteve po e-poštnem naslovu za naročilo kakršnih koli storitev. Naučili se bomo, kako narediti pojavni obrazec v modalnem oknu z vami. Po branju tega članka boste lahko obrazec samostojno vstavili na svoja spletna mesta. Pa gremo.

Zakaj potrebujete obrazec za stik z WordPress?

Morda boste presenečeni nad vprašanjem, zakaj potrebujem obrazec za povratne informacije na spletni strani WordPress? Zakaj ne bi na spletno mesto samo dodal e-poštnega naslova, da mi ljudje samo pišejo?

To je najpogostejše vprašanje začetnikov, ki se bojijo dodati kodo obrazca na spletno mesto brez znanja o programiranju. V resnici kode sploh ne potrebujete pri ustvarjanju obrazca za povratne informacije WordPress. V tem priročniku bomo ustvarili kontaktni obrazec korak za korakom in celo najbolj absolutni začetnik lahko to stori.

Spodaj so trije glavni razlogi, zakaj je uporaba obrazca boljša od samo dodajanja e-poštnega naslova na spletno mesto.

•   - neželeni boti z zavidljivo pravilnostjo nabirajo e-poštne naslove prek svojih razpravljalcev, kjer je omenjena poštna domena in jo vnesejo v njihovo bazo podatkov, da bi vam poslali neželeno dopisovanje. Po drugi strani pa se z uporabo obrazca za povratne informacije za WordPress znebite težave, da se elektronska pošta pošlje na vaš nabiralnik.
• Popolnost informacij - ljudje pri pošiljanju pošte vedno ne pošljejo vseh informacij, ki jih potrebujete. S kontaktnim obrazcem sami določite, katera polja morate uporabnikom olajšati, da vam lahko pošljejo e-poštno sporočilo (ime, e-pošta, telefonska številka, komentar in drugo).
• Prihranite čas - obrazec za povratne informacije WordPress vam lahko prihrani čas. Poleg popolnosti informacij, ki ste jih zahtevali od uporabnika in ki vam jih bo poslal, lahko v naslednjem koraku navedete tudi, kaj vas čaka, na primer: "Vaša aplikacija bo pregledana v 24 urah" ali pa si oglejte videoposnetek in številne druge uporabnosti.

Sledi primer obrazca za stike, ki ga bomo ustvarili v tej vadnici.

Začnimo s tem, gospodje.

1. korak: Izbira najboljšega vtičnika za obrazec za povratne informacije WordPress

Na tem koraku moramo izbrati ustrezni vtičnik obrazca. Veliko jih je, tako brezplačnih kot plačljivih. V tej lekciji vam bom povedal o različnih vtičnikih, da boste imeli bogato izbiro. V prvem primeru bo vtičnik WPForms vključen.

Spodaj so razlogi, zakaj je WPForms najboljši vtičnik za povratne informacije:

1. Prvič, to je najbolj začetnikom prijazen vtičnik. Če preprosto povlečete in spustite potrebne bloke, lahko v nekaj klikih ustvarite kontaktni obrazec.
2. WPForms Lite je popolnoma brezplačen.
3. Ko ste pripravljeni na zmogljivejšo funkcionalnost in če vam je to resnično pomembno, lahko nadgradite na različico Pro.

No, če bi bili ti razlogi zadostni in prepričal sem vas, potem gremo naprej.

2. korak: Namestite vtičnik za obrazec za WordPress

Za to vadbo uporabljamo različico Lite, ker je brezplačna in enostavna za uporabo. Lahko ga namestite tako, da se prijavite v blog in odprete vtičnike - dodajte novega.

V iskalno vrstico vnesite ime našega vtičnika in kliknite Namestite zdaj.

Po namestitvi vtičnika preverite, ali ste ga aktivirali. To je prikazano tukaj:

3. korak: Ustvarite kontaktni obrazec v WordPressu

Po uspešnem zaključku aktivacije vtičnika je čas, da ustvarite obrazec za povratne informacije. Če želite to narediti, na skrbniški plošči spletnega dnevnika kliknite kartico Menu WPForms in pojdite na Add New.

To vam bo omogočilo odpiranje konstruktorja Wpforms, kjer lahko s preprosto vlečenjem in spuščanjem potrebnih blokov ustvarite kontaktni obrazec za povratne informacije WordPress. V brezplačni različici Lite sta na voljo dve vnaprej izdelani predlogi (prazna in enostavna oblika). Lahko jih uporabite skupaj, da naredite potrebno in priročno za vas. V tem primeru smo za vas izbrali drugo možnost, to je preprost kontaktni obrazec. Dodajte mu ime, e-pošto in besedilno polje.

Za urejanje lahko kliknete vsako polje. Polja obrazca lahko tudi povlečete in preuredite z miško.

Če želite dodati novo polje, preprosto izberite na seznamu na levi strani in ga povlecite v delovni prostor.

Ko končate, kliknite gumb Save.

4. korak: Konfigurirajte obvestila in potrditve

Ko uspešno ustvarite obrazec za povratne informacije o programu WordPress, je zelo pomembno, da pravilno nastavite obrazce za obveščanje in potrditev.

Potrditveni obrazec je tisto, kar vidijo vaši uporabniki, ko vam pošljejo zahtevek iz obrazca. To je lahko zahvalno sporočilo ali pa jih lahko preusmerite na drugo posebno stran.

Obrazec za obveščanje so sporočila, ki jih prejmete ob prihodu nove prijave ali e-poštnega sporočila z vašega mesta WordPress.

Obe polji lahko konfigurirate tako, da odprete Nastavitve v vtičniku oblikovalca obrazca WPForms.

Nismo ga nastavili privzeto in smo pustili polje Obrazec za potrditev s sporočilom "Hvala za vašo pritožbo", kakršno je. Vendar pa imate pravico, da ga spremenite v drugo besedilo ali uporabnika preusmerite na ločeno stran.

Najboljša stvar tega vtičnika je, da so privzete nastavitve kot nalašč za začetnike. Ni jim treba razmišljati, kaj storiti ali kaj spremeniti. Vse je zelo intuitivno in preprosto. Ko greste na nastavitve obvestil, bodo vsa polja dinamično vnaprej napolnjena.

Obvestila so privzeto poslana na pošto, ki ste jo določili v nastavitvah. Če želite spremeniti cilj pošiljanja obvestil, potem ga lahko tudi enostavno spremenite. Če želite navesti več e-poštnih naslovov (označenih z vejico), vstavite kartice, kot pravijo they

Polje Predmet e-poštno sporočilo se samodejno polni z vašim imenom obrazca. Polje z imenom bo vzeto iz uporabniškega imena (vaše ime). Ko odgovorite na pismo, bo šlo na pošto z imenom uporabnika, ki je izpolnil kontaktni obrazec.

5. korak: Stran dodajte kontaktni obrazec za WordPress

Ko sestavite in konfigurirate obrazec za povratne informacije, morate na tem koraku ustvariti ločeno stran »Stiki« zanj, kamor ga lahko namestite. Ali ustvarite novo ali uredite obstoječo stran, kjer jo lahko dodate.

Za vnos obrazca na stran bomo uporabili preprosto kratko kodo. Samo kliknite na gumb "Dodaj obrazec" in izberite ime obrazca, da ga vstavite na stran.

Super. Zdaj shranite stran in odprite predogled, da si ogledate spremembe.

Takole bi izgledala oblika na preprosti strani WordPress:

Če želite na stran dodati samo obrazec, potem čestitam. Vsi koraki so uspešno izvedeni. Če ga želite dodati kot pripomoček na stransko vrstico, nadaljujte spodaj.

6. korak: Dodajanje obrazca za stik WordPress na stransko vrstico

Vtičnik WPForms ima vgrajen pripomoček za obrazec za povratne informacije, ki ga lahko dodate na stransko vrstico ali katero koli drugo območje na spletnem mestu (na primer v klet).

Če želite to narediti, moramo iti v razdelek »Videz« -\u003e Pripomočki. Tam boste na levi strani videli vnaprej določen pripomoček vtičnika obrazca. Samo vzamemo in z običajnim vlečenjem in nastavitvijo nastavimo vrstni red prikaza na želenem območju v stranski vrstici.

Naslednji korak je ime gradnika in shranite. Pojdite na spletno mesto in si oglejte rezultat.

S tem je zaključen pregled vtičnika za obrazec za povratne informacije za WPForms. Toda posebej za vas sem pripravil še en pregled enega brezplačnega vtičnika, s katerim lahko naredimo pop-up obrazec za povratne informacije in vse enake čipe kot v prejšnjem. Imenuje se Kontaktni obrazec 7. Res je zelo močan in njen adut je, da je popolnoma BREZPLAČEN!

Lahko je tudi prilagodljiv, to je, da se obrazec za povratne informacije prilagodi velikosti zaslona vaše naprave.

Torej, za vsak slučaj, tako da veste, da soJ

Kako narediti obrazec za povratne informacije o stiku s kontaktnim obrazcem 7

Še naprej razumemo vprašanje ustvarjanja obrazcev za sprejemanje aplikacij z vašega spletnega mesta. Pred seboj imamo še en vtičnik za obrazec za WordPress, imenovan Contact Form 7. Namestimo ga na naš blog in aktiviramo, kako to lahko storimo.

Je že nameščen na mojem spletnem mestu, ne na tem blogu. Postopek je standarden. Zdaj moramo iti na skrbniško ploščo spletnega dnevnika in ustvariti nov obrazec, ki nam bo zbral aplikacije in druge koristne informacije. Pojdite na razdelek »Kontaktni obrazec 7« -\u003e Dodaj novo.

Super! Zdaj ji najdemo primerno ime, v mojem primeru je veliko teh kontaktnih obrazcev. Izbrali bomo enega, na primer obrazec za naročanje za promocijo spletnega mesta.

Na kratko vam povem, kaj potrebujemo tukaj. Najprej se moramo odločiti, koliko polj obrazcev želimo narediti. Takoj moram reči, da vam ni treba narediti 100500 polj in to je nesmiselno iz preprostega razloga, ker bodo ljudje zaprli vaše spletno mesto in ne pustili zahteve. Ta korak morajo poenostaviti. Če to razmislite, moramo od osebe, ki:

1. Njegovo ime za naslov (osebna pritožba)
2. Poštni naslov (povratne informacije, kam mu poslati ponudbo)
3. Telefonska številka za klic takoj (če se to hitro zgodi, bo tako ali tako postala vaša stranka)
4. Pravzaprav gumb "Pošlji"

To so osnovni podatki, druge pa lahko že ugotovite med dopisovanjem ali telefonskim pogovorom. Je to logično? Mislim, da je tako. Premik naprej.

Ustvarjanje polj za kontaktne obrazce v vtičniku za obrazec 7

Tako smo se odločili za število polj, zdaj moramo ta polja izdelati. Naslednji zavihki so nam na voljo:

• Besedilo (poljubno besedilno polje, na primer »ime«, »zastavi vprašanje« ali katero koli drugo ime, ki ga boste zbrali v tem polju)
• E-pošta (uporabnik ima samo en namen)
• URL (naslov spletnega mesta bo vnesen v to polje, druge vrednosti niso sprejemljive; napaka bo ustvarjena)
• Tel (polje s telefonsko številko za naš obrazec za povratne informacije WordPress, številske vrednosti so sprejemljive, besedilo bo napako)
• Število (Številčno območje vrednosti, ki ga lahko na primer uporabite za ceno: "koliko ste pripravljeni plačati za spletno mesto? Od 23.000 do 120.000 rubljev")
• Datum (Navedemo datum, od katerega datuma do katerega datuma. Primer: "Rezerviranje avtomobila od 13.04.2016 do 25.04.2016")
• Območje besedila (območje besedila, tukaj lahko vnesete besedilo kot komentar)
• Spustni meni. Vidite na mojem blogu, lahko vidite. Na koncu vsakega članka uporabnikom ponudim izdelavo preprostega spletnega mesta ali spletne trgovine. Takšna funkcionalnost zagotavlja to možnost.
• Potrditvena polja (več možnosti, na primer: izdelava spletnega mesta + logotipa + promocija + kontekstno oglaševanje)
• Izbirni gumbi (Izbira enega predmeta, na primer: "Naročite bodisi kontekstno oglaševanje ali ciljno usmerjeno")
• Sprejemanje (Sprejmite pogoje pogodbe, tj. Informacije o uporabnikih, kot javna ponudba)
• Kviz (kviz - niz kratkih vprašanj, lahko vstavite tudi v kontaktni obrazec).
• reCaptcha (Potrditev, da niste robot in da ne boste neželeni.) Dobra zaščita pred neželeno pošto. Opomba: ta možnost deluje, če ste povezali vtičnik Really Simple Captcha.
• Datoteka (Če želite uporabnikom dati možnost, da vam naložijo datoteko, na primer: "Priloži TK na razvojno mesto").
• Pošlji (pošlji podatke na e-pošto)

Tako smo se odločili za polja, vrednost vsakega, ki ga tudi poznate. Začnimo z izdelavo našega kontaktnega obrazca za WordPress.

V spodnjem primeru sem uporabil 2 polja: Ime, E-pošta. V skladu s tem boste potrebovali te zavihke:

S klikom na jeziček z besedilom (Besedilo) vstopimo v pogovorno okno:

Tu moramo klikniti potrditveno polje Vrsta polja - Obvezno. Narejeno je bilo tako, da če uporabnik v njem ne vnese imena, potem vam ne bo mogel poslati prijave, bo prišlo do napake pri pošiljanju, če niso vsa polja pravilno izpolnjena.

Nato boste videli kratko kodo za vstavljanje tega polja in zraven je modri gumb "Vstavi oznako". Tako dodate eno novo polje obrazca za stik.

Da se ne zmedete, sem poudaril v slogu. Spodaj oznaka:

< div class = "col-md-4" > < label class = "sr-only" >   Polno ime< / label >   [besedilo * besedilo - razred 658: obrazec - nadzor nadomestnega mesta "(! LANG: vaše ime" ] !}< / div >

In tukaj je zaslon:

Podobno operacijo izvedemo za polje "E-pošta". Kliknemo na ustrezen zavihek in v takem pogovornem oknu pridemo sem.

Vsekakor se ne razlikuje od prejšnjega, samo ponovite naša dejanja z vami. Tudi moje e-poštno polje ima slog. Spodaj navajam kodo:

< div class = "col-md-4" > < label class = "sr-only" >   Polna e-pošta< / label >   [email * email - 447 class: form - control placeholder "(! LANG: Your Email" ] !}< / div >

In tukaj je zaslon:

In končno, gumb Pošlji. Vse imam v slogih.