Kontaktivormi pistikprogrammi seadistamine 7. Kõik vormiväljad (sildid)

Tere kallid ajaveebi lugejad. WordPressi tagasiside vormide teema jätkamine. Ja kuna olen neist rääkinud, teen täna ettepaneku rääkida pistikprogrammist WP Contact Form 7. Järgmisena näitan teile pistikprogrammi samm-sammult konfiguratsiooni ja kirjeldan lühidalt ka selle pistikprogrammi lisandmooduleid.

Leheküljel navigeerimine:

WordPressi kontaktvormi kirjeldus 7

2) Aktiveerige WordPressi administraatorialal kontaktivormi 7 pistikprogramm.

3) Minge uuele loodud vahekaardile, nagu on näidatud pildil:

4) Klõpsake vahekaarti "Lisa uus" ja määrake vormi vaikekeel või valige soovitud keel

5) Määrake kontaktivormi nimi ja klõpsake nuppu Salvesta.

6) Nüüd on meil lühikood, mille saab kopeerida ja kleepida postitusele või külgribale, et kuvada vorm - contact-form-7 id = "1252" title = "(! KEEL: vormi number 1" (надо взять в !} nurksulud nagu pildil).

7) Meie vorm näeb välja selline:

Muidugi pole see väga ilus, aga keegi ei viitsi luua oma stiile ega teha oma kuju ja sisestada sinna vahetükke.

Kontaktivormi 7 kuvamine malli suvalises kohas

Punktis 6 samm-sammult seadistamine Näitasin teile, kuidas saate CF7 lühikoodi võtta, ja seejärel kirjeldasin, et seda koodi saab kuvada vidinas või postituses või lehel. Lisaks tahan öelda, et saate mallis igal pool kuvada kontaktivormi 7. Selleks sisestage järgmine lihtne kood:

See on kõik, kui tegite kõik õigesti, saate kontaktivormi 7 väljundi WordPressi mallis suvalisse kohta.

Kontaktivormi 7 sisestusväljade seadistamine

Tänu temale on teil lisaks sellised kastid nagu:

Kontaktivormi 7 vastuse vastuse konfigureerimine

Pistikprogrammi CF7 4.4 ja uuemate versioonide uues versioonis soovitab arendaja sisestada väljale from (siin see asub alloleval nahal)

õige aadress, mis vastab teie domeenile. Seda on nahalt näha ja see soovitus tekitab probleemi:

Kuidas postitajalt kasutajale vastata?

Kui klõpsate vastamiseks, siis vastame oma kirjadele, tegelikult vastame ise. See on väga ebamugav, sest peame kasutaja aadressi käsitsi kopeerima, postitajasse kleepima ja alles siis vastama.

Sellele probleemile on lahendus ja nagu alati, lihtne. Vajad põllul Täiendavad päised lisa kood:

Vastama:

Muidugi tuleb teie-e-post-sh asendada teie enda meili lühikoodiga. Vaata nahka allpool:


Nüüd, kui saate WordPressi tagasisidelt kirja, võite meilis klõpsata vastamiseks ja teie vastus saadetakse õigele e-postile.

Kui pärast neid samme seisate silmitsi probleemiga - peaksite postitust lugema, klõpsates lingil. Peamised probleemid ja probleemide põhjused on kirjeldatud kontaktvormi 7 pistikprogrammis.

See on kõik. Loodan, et saate aru, kuidas pistikprogramm ja selle paigutused on seadistatud.

(Viimane uuendus: 19.05.2019)

Tervitused, kallis lugeja! Täna näitan teile, kuidas luua WordPressis veebisaidi / ajaveebi autori jaoks tagasisidevormi, kasutades populaarset kontaktivormi 7 pistikprogrammi (üle 5 miljoni installi). Postitusse kaasatud : õige seadistus Kontaktivorm 7, rämpspostikaitse, kuidas muuta ja konfigureerida välimus vormid. Ja tõi välja ka peamised põhjused – miks kontaktivorm ei tööta ja kirju ei saada .

kontaktivorm on oluline vahend lugejatega ühenduse pidamiseks ja vastupidi. Kritseldage isiklik kiri, tehke autorile pakkumine (millest ta ei saa keelduda), esitage küsimus, saatke midagi ja palju muud. Kõik see võtab võimust ja ei avalda väärtuslikku teavet kõrvalistele isikutele, meie kontaktivorm WordPressi kontaktvorm 7. Siin midagi sellist. Kirjutasin selle nii, mulle endale meeldis.

Oh, kiri jõudis kohale! Kontaktvorm 7 hästi tehtud

Ma ei tüüta sind, hea lugeja, ühegi kritseldamisega – asume asja kallale. WordPressi mooduli installimine ja õige konfigureerimine - kontaktivorm 7.

WordPressi kontaktivormi 7 pistikprogramm

WP kontaktvormi 7 pistikprogramm

Kontaktivorm 7 suudab hallata arvukalt kontaktivorme, kus saate vormide ja kirjade sisu paindlikult kohandada üsna lihtsa märgistuse abil. Vormidel on sisseehitatud tugi Ajaxi esitustele, CAPTCHA-dele, Akismeti rämpspostifiltrile ja muule.

Kõik manipulatsioonid tehakse WordPressi administraatoripaneelil. Pistikprogrammi installimiseks klõpsake jaotises "Pluginad" nuppu "Lisa uus". Sisestage aknasse "Otsi" Kontaktivorm 7. Loomulikult kuvatakse see esimesena. Klõpsake nuppu "Installi:

Kuidas pistikprogrammi installida

Vaikimisi kontaktivorm nr 1

Pildilt on näha, et vaikimisi on kontaktivormi standardversioon ja valmis lühikood uuele lehele, postitusele või lehele sisestamiseks kõrvalpaneel(tekstividina kaudu). Kontaktvormi 7 vaikeilm, mis on määratud saidi eraldi lehel:

Välimus: standardne kontaktivorm WordPressi saidil

Kui soovite lihtsalt vaadata, kontrollida või muuta, st lisada sellele täiendavaid välju, klõpsake siis nuppu "Muuda". Ekraan on ülal.

Avaneb leht "Muuda kontaktivormi". Pistikprogramm on venekeelne ja seetõttu on teil väga lihtne aru saada, mis on mis. Vormimalli vahekaart. Saate muuta vormimalli vastavalt oma vajadustele.

Näiteks faili üleslaadimise välja lisamiseks vormimallile tuleb: Märkida hiirega sildi sisestamise koht (soovitavalt pärast kirja) ja klõpsata vastavat "faili" vahekaarti. Selle funktsiooni abil saate lubada kasutajatel oma failid oma vormi kaudu üles laadida ja seejärel saadetakse teile meil koos manustega:

Redigeeri kontaktivormi. Failide vahekaart

Avaneb aken - Vormisildi generaator: fail:

Meili üles laaditud faili manustamiseks peate sisestama sildi ()

Kontaktivorm 7 rakendab failitüübi ja faili suuruse vaikepiiranguid. Kui te oma valikuid ei määra, on faili vaikelaiendid: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav ja wmv. Ja faili lubatud suurus on 1 MB (1 048 576 baiti). Vajutame nuppu "Sisesta silt":

Failimärgend sisestatakse vormimalli

Kuhu oled seal hiirekursoriga märkinud ja ilmub täiendav silt. Kui kleepisite valesse kohta, kopeerige see ja asetage see õigesse kohta. Lisage oma vormile vajalikud sildid samal viisil. Pärast täiendavate siltide lisamist vajutage kindlasti sinist nuppu "Salvesta". Ja selline näeb pärast sõnumivälja välja nupp faili lisamiseks meilile:

Nupp Valige kontaktivormis fail

Kui teete kõik õigesti, pole teil täiendavate väljadega probleeme.

Kontrollige ka vahekaarte E-post, Vormi esitamise teatised ja Täpsemad sätted. Minu arvates pole vaja midagi muuta. Kui ainult täpsemates sätetes saate määrata parameetri - ainult abonentidele - subscribers_only: true. Lisateabe saamiseks on link täpsemate parameetrite seadete lehele.

Ja nüüd, sõbrad, peame paigutama ettevalmistatud kontaktivormi veebiressursi eraldi uuele lehele või külgribale. Seda tehakse lihtsalt.

Asetame kontaktvormi saidi / ajaveebi eraldi lehele

Pärast kõigi seadistuste tegemist ja vormi salvestamist kopeerige lühikood lehel Kontaktivormid või Redigeeri kontaktivormi. Pärast seda looge uus leht - jaotis Lehed - Lisa uus. Sisestage lehe nimi, näiteks "Kontaktid". Lülitage sõnumiredaktor režiimile "Tekst" ja kleepige lühikood sõnumiväljale:

Uus leht kontaktivormiga

Kui teil on uus leht lisatakse automaatselt menüüsse, siis määrame "Tellimuse" 1, 2 või 3 (kumb on menüüs, kuvatakse kontakti leht). Klõpsake nuppu "Avalda". Kõik. Valmis. Saate lehe menüüsse lisada ka käsitsi. Nüüd on teil installitud ajaveebi / saidi autoriga ühenduse võtmise vorm.

Sama meetodit kasutades lisatakse külgribale, jalusele või artikli tekstile kontaktivorm. Kopeerige lühikood ja kleepige see oma postitustesse või tekstividinate sisusse. Pidage meeles, et igal ajal saate vormi muuta või luua uue erinevate siltide/väljadega.

Kas saate kontaktivormi 7 kaudu rämpsposti?

Kaitse on olemas. Rämpspostitajad mõjutavad kõike, teie kontaktvormid pole erand. Enne rämpsposti saamist kaitske oma kontaktivorme kontaktivormi 7 võimsate rämpspostivastaste funktsioonidega.

Kontaktvorm 7 toetab Akismetiga rämpsposti filtreerimist. Arukas reCAPTCHA blokeerib tüütud rämpspostid. Kommentaaride musta nimekirja abil saate blokeerida ka teatud sõnumeid märksõnad või saadetud kindlatelt IP-aadressidelt.

Klõpsake nuppu "Integratsioon". Google reCAPTCHA kaitseb teid rämpsposti ja muu automaatse kuritarvitamise eest. Kontaktvormi 7 reCAPTCHA integreerimismooduliga saate blokeerida vormi saatmise rämpspostirobotite poolt.

Google'i reCAPTCHA v3 integreerimine: rämpspostikaitse

Pistikprogrammi integreerimine teiste recaptcha teenustega

Trample Setup Integration ja seejärel järgige linki, et hankida ReCaptcha API võtmed:

reCAPTCHA on Google'i teenus

ReCAPTCHA kasutamise alustamiseks peate esmalt registreerima oma WordPressi saidi. reCAPTCHA on Google'i teenus, seega on selle kasutamiseks vaja Google'i konto... Logige Google'i sisse kasutades konto ja järgige linki https://www.google.com/recaptcha/admin... Näete lihtsat registreerimisvormi, näiteks:

Registreerige WordPressi sait. Hea reCAPTCHA

Palun sisestage pealkiri. Valige reCAPTCHA v3 (reCAPTCHA v3 ei vaja CAPTCHA vidinat (ma ei ole robot, mida kasutatakse reCAPTCHA v2-s)) ja sisestage saidi domeen väljale Domeenid. Pärast saidi registreerimist saate saidivõtme ja salajase võtme. Sisestage need (ekraanipilt ülal) ja salvestage seaded. See on kõik. Teie kontaktivorm kasutab nüüd reCAPTCHA kontot, et kontrollida, kas sõnum saadeti inimeselt või rämpspostirobotilt.

Kui otsustate installida kontaktvormi 7, siis soovitan teil installida lisaks sellele lisandmoodul Contact Form 7 Style. See võimaldab teil muuta vormi välimust. Saate mitte ainult valida ühe valmismallide hulgast, vaid ka luua oma ainulaadse kujunduse. Kas soovite oma välimust muuta? Siis on järg just teile, ilu tundjad.

Kontaktvormi välimus - Kontaktivorm 7 stiil

Kontaktivormi stiilid 7

Kontaktivormi 7 stiiliplugin on kontaktivormi 7 lisandmoodul, mis tuleb installida teie WordPressi saidile. Toetab kohandatud stiile, mida saab hõlpsasti hallata administraatoripaneeli kaudu. Samuti on eelmääratletud mallid, mida saab aktiveerida kontaktivormi seadistustes 7. Seadetesse ilmub põhiplugin uuel kaardil- Kontaktivormi 7 stiilimall. Välimuse kohandamine:

Vormi valmis mallid

Näiteks muutsin standardse välise selliseks:

Kontaktvormi välimus

Ärge unustage, et saate määrata oma kohandatud stiili parameetreid:

Pistikprogramm toetab kohandatud stiile, mida saab hallata administraatoripaneeli kaudu

Kokkuvõtteks:

Meilide saatmine kontaktivormi 7 kaudu toimib enamiku inimeste jaoks sujuvalt. Kuid selgub, et see ei sobi kõigile. Kuigi pistikprogramm saadab iga päev edukalt miljoneid meile, on palju probleeme, mis võivad viivitada või peatada meilid, nii tavalise meili saatmise kui ka vastuvõtmise poolel.

Miks kontaktivorm 7 ei tööta (e-kirju ei saada)?

  1. Teie hostimisprobleemid. Oluline on märkida, et meilide saatmine ja vastuvõtmine sõltub suuresti serverist, mis teie WordPressi saiti majutab;
  2. Kasutage kindlasti õiget tagasisaatmise e-posti aadressi;
  3. Teie e-posti võidakse pidada rämpspostiks;
  4. Pluginad või teema on vastuolus kontaktvormiga 7;
  5. Javascripti konfliktid.

Kui te ei saa selle pistikprogrammi kaudu meile saata, on tõenäoline, et üldiselt ei saa te WordPressist meile saata. Sel juhul, härrased, leiate lehelt pistikprogrammi kohta korduma kippuvad küsimused https://contactform7.com/faq/.

Või tugifoorumishttps://wordpress.org/support/plugin/contact-form-7/. Inglise vahet pole, teie lemmikbrauseri tõlkega saab kõik selgeks.

See on minu jaoks kõik. Tundub, et ma pole midagi unustanud. Kõike paremat. Edu sõbrad.

P.S. Selgub, et vanade postituste toimetamine (lugejatele mõeldud info peaks olema alati asjakohane) võtab sama palju aega kui kirjutamine uued juhised... Õudus!

(funktsioon (w, d, n, s, t) (w [n] = w [n] ||; w [n] .push (funktsioon ()) (Ya.Context.AdvManager.render ((blockId: "RA) -292864-4 ", renderTo:" yandex_rtb_R-A-292864-4 ", asünkr.: true));)); t = d.getElementsByTagName (" skript "); s = d.createElement (" skript "); s .type = "text / javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore (s, t);)) (see , this.document, "yandexContextAsyncCallbacks");

Kontaktivorm on enamiku saitide oluline atribuut. Seetõttu on WordPressi kataloogis nii palju pistikprogramme kontaktvormid... Üks populaarsemaid on Kontaktivorm 7. Pistikprogramm võimaldab luua igasuguseid vorme; väga paindlik ja hõlpsasti kohandatav; on aastaid arenenud ja sisaldab palju arenguid.

Looge ja kuvage kontaktivorme

Vormide loomine administraatorialal

Peale pistikprogrammi installimist ilmub menüükäsk "Kontaktvorm 7", mille kaudu saate vorme luua ja kustutada.

Pildil olev vorm luuakse plugina aktiveerimisel automaatselt.

Kasutame vaikevormi, luues lehe Võta minuga ühendust ja kleepides sinna vormi lühikoodi.

Saidi esiosa

Nüüd salvestame artikli ja vaatame, kuidas meie vorm välja näeb (kasutades teemat Twenty Sixteen):

Pildil on ankeet pärast saadetud kirja (sellele viitab ankeedi allosas olev teade).

Vormi kohandamine (keeruliste kujundite loomine)

Ülaltoodud näide näitab, kuidas sisestada valmis ja väga lihtne vorm kontaktid. Nüüd vaatame, kuidas luua keerukamat vormi. Selleks minge tagasi administraatoripaneelile, vormihaldurisse ja minge vaikevormi redigeerimiseks.

Ülemisel väljal - vormi nimi (see on nähtav ainult administraatori paneelil) märgime enda jaoks arusaadava nime, näiteks: "Saidi tagasiside", "Töötaotluse vorm", "Tagasisidevorm" ", jne.

Pealkirja all on lühikood. Kasutame seda kirjetes vormi kuvamiseks.

Ja allpool on neli vahekaarti:

  1. Vormi mall
  2. Kiri
  3. Lisaseaded

Vaatleme iga vahekaarti eraldi.

Vormi mall

Sellel vahekaardil saate kohandada vormi välju ja välimust. Tööpiirkond on HTML-redaktor WP. Ainult tavaliste nuppude asemel näeme nuppe erinevate vormiväljade sisestamiseks.

Vormi paigutus

Paigutuse jaoks saate kasutada html-märgendeid ja pistikprogrammide lühikoode. Lühikoodid lisavad vormivälju ja html-sildid võimaldavad luua suvalise HTML-i struktuuri. Näiteks meie vaikevorm näeb välja selline:

Ja postituses kuvamisel muutub see järgmiseks HTML-iks:

Lühikoodi süntaks

Klõpsame nuppu "Tekst". Avaneb aken, kus saame määrata tekstivälja atribuudid. Määrake ja klõpsake nuppu "Sisesta silt".

Märgend teisendatakse hiljem html-koodiga tekstiväljaks:

Lühikoode saab mugavalt luua lühikoodi koostaja kaudu.

Kuid konstruktor ei luba lühikoodi muuta (seal saab luua ainult lühikoodi). Lühikoodi muutmiseks on kaks võimalust:

  1. kustutage ja looge konstruktori abil uus.
  2. õppige süntaks ja parandage välja lühikood käsitsi.

Konstruktoriga saate selle ise välja.

Ja siin analüüsime lühikoodi süntaksit.


Näiteks kaaluge silti tekstikasti lisavõimalustega:

Tekst (kohustuslik) Välja tüüp: tekst, valik, parool, number jne. (v sel juhul tekstiväli). Määrab, milliseks vormielemendiks meie silt teisendatakse, mis tähendab, milliseid andmeid see vastu võtab. * Tärn muudab välja täitmise kohustuslikuks (vormi ei esitata ja kuvatakse teade, et väli tuleb täita). kliendi nimi (kohustuslik) Välja nime kasutatakse sisendis nimeatribuudina ja seda kasutatakse ka saadetud kirja malli moodustamisel. id: minu-id ID-atribuut sisendil väärtusega my-id. Kasutatud kaunistuseks. klass: minu-klass Klassi atribuut sisendil väärtusega my-class. Kasutatud kaunistuseks. kohatäide "(! LANG: sisestage nimi" Использовать текст "Введите имя" как placeholder. !}

Jälgige sildi atribuutide järjekorda: kõigepealt tuleb välja tüüp, seejärel selle nimi ja alles seejärel lisavalikud.

Väljade tüübid

  • Tekstiväljad: tekst, e-post, tel, url, tekstiala
  • Numbriväljad: number, vahemik
  • Kuupäevaväljad: kuupäev
  • Märkeruudud, raadio, loendid: märkeruut, raadio, vali
  • Faili üleslaadimise väli: fail
  • CAPTCHA: captchac ja captchar
  • Küsitlused: viktoriin
  • Aktsepteerimisväli: aktsepteerimine
  • Esita nupp: esita
  • Suvaline väljatüüp

Kirja mall

Teises kaastöös saate saadetud kirja malli (küljendust) ja omadusi peenhäälestada. Selle vahekaardi väljadel saate kasutada vormiväljade spetsiaalseid silte - see võimaldab vormil märgitud andmeid kirjas üle kanda.

Sildid koosnevad vormimalli väljanimedest. Näiteks lõime tekstikasti nimega:. Nüüd saate silti kasutada oma meilimallis. Kirjas asendatakse selle sildi asemel kasutaja sisestatud välja väärtus (täisnimi).

Meili päised:

    Kellele - e-mail kuhu kiri saadetakse. Saate määrata nii palju kaste kui soovite, eraldades need komadega.

    Kellelt - nimi ja meiliaadress, kellelt kiri tuli. Tavaliselt näidatakse siin serveri post (näiteks [e-postiga kaitstud]).

    Saate määrata mis tahes kirja, kuid kui meili domeen erineb saidi domeenist, siis vorm mitte testitakse ja "vannub" selle parameetri juures, kuigi kirju saadetakse ikkagi.

    Teema – kirja pealkiri. Selgub, milliselt vormilt andmed saadeti. Näiteks teemarida on "Viga saidil", "Tagasihelistamistellimus" jne. Valige pealkiri, mis hõlbustab saabuvate kirjadega töötamist.

  • Täiendavad päised – vaikimisi kirjutatakse siia Reply-To:. Päis Reply-To ütleb meile, et sellele meilile saab vastata, klõpsates nupul Vasta postiprogramm ja vormimärgend on mallis oleva välja nimi. Selle märgendi asemel sisestatakse kasutaja määratud meiliaadress. Saate midagi sellist nagu vastus: [e-postiga kaitstud].
Kirja sisu

See on järgmine oluline osa sellelt vahekaardilt. Siin on märgitud kirja enda tekst. Tekstis kasutame kõiki samu vormimärgendeid (väljanimed vormimallist).

Analüüsime vaiketähte:

Alates:<>Teema: Sõnum: - Saadetud saidilt Kontaktivormi 7 pistikprogrammi uurimine (http://test-wp.ru)

Meil oli 4 välja, mille kasutaja täitis. Pärast kirja saatmist muutuvad sildid väärtusteks ja saame järgmise kirja:

Saatja: Dmitri Teema: Küsimus kontaktivormi 7 kohta Sõnum: Tere! Mul on küsimus kontaktivormi 7 pistikprogrammi kohta. Kuidas seda konfigureerida? - Esitatud saidilt. Uurime kontaktivormi 7 pistikprogrammi (http://test-wp.ru)

Valikulised väljad meili sisus

Kui kasutaja ei täida välja, kuid seda kasutatakse kirja sisus, siis jääb kirja sisu poolikuks. Näiteks keha ütleb Inimene linnast, kuid kasutaja ei täitnud välja, mis tähendab, et kirjas saame Mees linnast ... Selline rida kirjas on üleliigne. Selle rea sõnumist eemaldamiseks märkige ruut "Tühjade sõnumimärgenditega ridade väljajätmine". Pange tähele, et see toimib ainult siis, kui välja tekst ja lühikood on samal real.

Valik "Kasuta HTML-i vormingut". Võimaldab kasutada sõnumi sisus HTML-märgendeid. Sel juhul saate kasutada piiratud loendit HTML-i sildid sest mitte kõik meilikliendid või teenused saavad keeruka HTML-märgistusega õigesti hakkama. Võite kasutada: tabeleid, täppidega nimekirjad, paksus, lõigud ja nii edasi. Täpsemat infot otsi netist.

Kontaktivorm 7 võimaldab saata kirja kahele aadressile ning iga kirja seaded on erinevad. See võib olla kasulik, kui peate saatma saidi administraatorile kirja täieliku teabega ja haldurile duplikaadi, mis sisaldab ainult tellimuse andmeid.

Vormi esitamise teatised

Sellel vahekaardil saate redigeerida sõnumeid, mida vorm teatud olukorras kuvab: kirja edukal või ebaõnnestunud saatmisel või vigade korral.

Meilimalli märgendid nendel väljadel ei tööta.

Lisaseaded

See vahekaart on mõeldud edasijõudnutele ja võimaldab teil JS-koodi abil vormi võimalusi laiendada. Näiteks sündmuste postitamine analüütika jaoks.

Selle funktsiooni kasutamise kohta räägin teile eraldi artiklis.

Kontaktivormi 7 pistikprogramm aitab korraldada teie veebisaidi tagasisidet.

Kontaktvormi 7 pistikprogrammi saate alla laadida ametlikult WordPressi veebisaidilt

Really Simple CAPTCHA pistikprogrammi saate alla laadida ametlikult WordPressi veebisaidilt

Uurisime, kuidas seda pistikprogrammi installida ja ühendada õppetükis "", nüüd käsitleme seda lisafunktsioone plugin Kontaktivorm 7. Vorm töötab korrektselt monitoridel, tahvelarvutitel, telefonidel ja sülearvutitel. Muide, kui teie sülearvuti on katki, siis on olemas teenus, kus HP sülearvuteid parandatakse.

Pärast pistikprogrammi allalaadimist ja aktiveerimist avage pistikprogrammi seaded, minnes aadressile uus jaotis juhtpaneel "Kontaktid".

Hõljutage kursorit vormi nime kohal ja valige "Muuda"

Avaneb vormi parameetrite muutmise aken.

Kuna sait saab kasutada mitte ühte, vaid mitut vormi (sõnumi saatmise vorm, kõne tellimise vorm, isikuandmetega vorm), et ei tekiks segadust, milline vorm mille eest vastutab, peate muuta vormi nime. Selleks klõpsake vormi 1 nimel.

Plokis nr 2 kuvatakse vormi lehel kuvatav teave. Kõigepealt tuleb selle välja koodi järel tekst, välja nimi. Saate teksti muuta selliseks, nagu soovite.

Vormi uute väljade lisamiseks klõpsake ripploendil nr 3 - "Generate silt" ja valige rippmenüüst vajalik element.

  • Tekstiväli
  • Meil
  • Telefoninumber
  • Number (spinbox)
  • Number (liugur)
  • Tekstiväli
  • Rippmenüü
  • Märkeruudud
  • Raadionupud
  • Vastuvõtmine
  • küsimus
  • CAPTCHA
  • Faili üleslaadimine
  • Esita nupp

Vaikimisi paiknevad kohtspikrid ja vormiväljad järgmiselt: kohtspikri ülaosas, elemendi allosas. Kui soovite paigutada kirjelduse ja elemendi ühele reale, eemaldage teksti tagant silt

... Kogu plokk koos kirjelduse ja elementidega peab asuma ühel real ja asuma sildi sees

Tekstiväli

Valige rippmenüüst element "Tekstiväli"

Kui mõni lisatav funktsioon on vajalik - märkige ruut 1 ja ärge unustage seda kirjelduses kirjutada.

Saate lisada sisestusväljale Lisainformatsioon vormi täitmise hõlbustamiseks. Märkige ruut 2 "Kas kasutada kohatäitena?" ja kirjuta selle kõrvale väljale vihje. Kui see väli vormil on täidetud, kaob kohtspikri tekst. Seejärel järgige pistikprogrammi viipasid. Selle tulemusel saate valmis kujul järgmise välja:

Kleepige kood kindlasti meilimalli, muidu sellelt väljalt andmeid ei saadeta posti! See kehtib mitte ainult tekstiväljade, vaid ka muude elementide kohta.

Meil

Kasutatakse aadressivormile edastamiseks postkasti saatja

URL

Võimaldab lisada vormile saidi aadressi.

Telefoninumber

Sellele väljale saab sisestada ainult numbreid.

Number (spinbox)

Väli, kus saate määrata millegi, näiteks kauba koguse. Arv määratakse üles/alla noolte abil.

kuupäev

Lisab vormi kuupäevaga valitava kalendri. Näiteks kasutatakse seda hotellide broneerimiseks. Saabumiskuupäev, lahkumise kuupäev.

Tekstiväli

Jah, ärge imestage 🙂 Veel üks tekstiväli. Seekord on sellel väljal suured suurused ja võimaldab sinna kirjutada palju teksti. Näiteks arvustused, kommentaarid.

Rippmenüü

Kui millegi jaoks on palju võimalusi ja peate valima üksuse suurest loendist, näiteks linnade, tänavate, kaupade loendist.

Loend tuleb paigutada väljale Valik, iga üksus uuele reale.

Märkeruudud

Märkeruut või arendaja kõnepruugis märkeruut on element, mis loob märkeruudu. Sellel väljal on kaks olekut – märgitud või mitte. Võimalik on mitu valikut. Jaotatud ainult järjest, kui märgite ruudu "Kas märkeruudud üksteist välistavad?" siis saab valida ainult ühe parameetri.

Raadionupud

Lüliteid (jarg. Raadionupud) kasutatakse siis, kui on vaja valida mitme pakutava hulgast üksainus valik. Märkides märkeruudu "Paigutage kõigepealt silt ja seejärel märkeruut?" sildi ja valikuvälja asukoht muutub, vaikimisi esmalt valik, seejärel silt.

Vastuvõtmine

Millegi kinnitus. Oletame, et nõustume ülalkirjeldatud tingimustega.

küsimus

See on esimene kaitseliin rämpsposti vastu, kõige elementaarsem. Sättes kirjutage küsimus, see võib olla numbritega, tähtedega või nii ja nii, ja märkige õige vastus. Kui ankeedi täitmisel antud vastus on õige, siis ankeet saadetakse. Roheline näitab, milline selle valemi osa kuvatakse saidil vastuse sisestusvälja ees, punane - vastus. Valemi õige vastus kirjutatakse | (vertikaalne riba)

Lisab vormile rämpspostikaitse.

Selle funktsiooni toimimiseks on vaja teist pistikprogrammi. Laadige alla, installige, aktiveerige pistikprogramm.

Saate jätta sätted muutmata, kopeerida ja kleepida 2 rida saatmisnupu ette.

Faili üleslaadimine

Saate manustada sõnumi saatmisvormile faili. Seadetes saate määrata maksimaalse suuruse baitides ja üleslaadimiseks lubatud vormingud, nt jpg .tiff .doc

Esita nupp

Vormi esitamine. Seadetes jaotises "Silt" - saate anda nupu nime (Saada, vasta, saada 🙂)

Kontaktivormi 7 välimuse kohandamine

Kuna pluginatel on uuendatavad omadused, muudame vormi välimust saiditeema style.css stiilifailis

Vormi, selle väljade ja muude elementide kuvamise eest vastutab järgmine kood:

Wpcf7 (taustavärv: #ddd;) / * vormi taustavärv * / .wpcf7 sisend, .wpcf7 tekstiala (polster: 5px; värv: # 1D1D1D; fondiperekond: Arial, Helvetica, sans-serif; fondi suurus: 16 pikslit; rea kõrgus: 20 pikslit; ääris: 1 pikslit täiskujuline # C7C7C7; kasti vari: sisestus 2 pikslit 2 pikslit 8 pikslit # F9F9F9; -veebikomplekti üleminek: kõik 0,2 s lihtsus; -moz-üleminek: kõik 0,2 s; -o-üleminek : kõik 0,2 s lihtsus; üleminek: kõik 0,2 s lihtsus sisend (ääris: puudub; padding-left: 0; margin-left: 0;) .wpcf7 select (kontuur: puudub; fondi suurus: 16px; fondiperekond: Arial, Helvetica, sans-serif;) .wpcf7 sisend: hõljutage, .wpcf7 sisend: fookus, .wpcf7 sisend: aktiivne, .wpcf7 tekstiala: hõljutage, .wpcf7 tekstiala: fookus, .wpcf7 tekstiala: aktiivne (taust: #FDFDFD; kontuur: puudub;)

Mis seal on mis.

.wpcf7 sisend, .wpcf7 tekstiala - sisestusvälja stiil (tekstiväli)

  1. polsterdus- määrab taande sisust elemendi piirini. Siin on taane väljale sisestatud tekstist kuni välja piirini. Väärtus määratakse pikslites Xpx, kus X on pikslite arv. Näide: polsterdus: 5px 3px 6px 8px;
  2. värvi- teksti värv.
  3. font-perekond- sisestusväljade font.
  4. fondi suurus- fondi suurus
  5. reakõrgus- reakõrgus
  6. piir- ääris sisestusvälja ümber
  7. kast-vari- ploki vari. sisend näitab, et vari on sisemine. Kui vajate välist varju, jätke see väärtus vahele. Teine ja kolmas väärtus 2px 2px näitavad vastavalt varju sulandumist horisontaalselt ja vertikaalselt. Neljas väärtus 8px määrab varju hägususe raadiuse. Viies - # F9F9F9 - varjuvärv.

Kontaktivormi 7 kohandamine

.buttons_form (polster: 0px; kõrgus: 30px; laius: 150px! oluline; ääris: puudub! oluline; kursor: kursor; värv: #fff; -webkit-border-radius: .5em; -moz-border-radius:. 5 em; äärise raadius: 0,5 em; värv: #faddde; ääris: ühtlane 1px # 980c10; taust: # d81b21; taust: -webkit-gradient (lineaarne, vasak ülemine, vasak alumine, alates (# ed1c24), kuni (# aa1317)); taust: -moz-linear-gradient (ülemine, # ed1c24, # aa1317); filter: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# ed1c24", endColorstr = "# aa1317");)

Kontaktivormi 7 teavitusstiil

Ta vastutab veateadete või edukate esitamiste eest

Wpcf7 .wpcf7-validation-errors (ääris: puudub; taustavärv: # 246416; värv: #fff; veeris: 0; polsterdus: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ok (ääris: puudub; taustavärv: # 7ad33f; veeris: 0; polster: 20px; -webkit-border-radius: 10px; -moz-border -raadius: 10px; äärise raadius: 10px;) .wpcf7 .wpcf7-mail-sent-ng (ääris: puudub; taustavärv: # 349622; veeris: 0; polsterdus: 20px; -veebikomplekti piiride raadius: 10px ; -moz-border-radius: 10px; border-radius: 10px; color: white;) .wpcf7 span.wpcf7-not-valid-tip (ääris: puudub; taustavärv: # 349622; polster: 5px; polster- vasak: 5 pikslit; täidis parempoolne: 5 pikslit; äärise raadius: 10 pikslit; laius: 290 pikslit; värv: valge; / * langev vari * / -webkit-box-shadow: 3px 3px 3px rgba (0,0,0,0,3) ; -moz-box-shadow: 3px 3px 3px rgba (0,0,0,0,3); box-shadow: 3px 3px 3px rgba (0,0,0,0,3);)

Ja nüüd mugavuse huvides kogu kood koos kommentaaridega:

Wpcf7 (taustavärv: #ddd;) / * vormi taustavärv * / .wpcf7 sisend, .wpcf7 tekstiala (/ * See koodiosa vastutab sisestusväljade stiili eest, tekstialad * / täidis: 5px ; / * Määrab taande väljade elemendist enne selle sisu, võite panna mis tahes väärtuse, näiteks 10px * / värv: # 1D1D1D; / * Teksti värv sisestusväljadel * / font-family: Arial, Helvetica, sans-serif ; / * Teksti font sisestusväljadel * / font -size: 16px; / * Teksti suurus sisestusväljadel * / rea kõrgus: 20 pikslit; / * Rea kõrgus sisestusväljadel * / ääris: 1px solid # C7C7C7; / * Piire väljade ümber. Esimene väärtus on laius pikslites, teine ​​väärtus on äärise stiil, kolmas - selle värv * / kasti vari: sisestus 2px 2px 8px # F9F9F9; / * Vari sisendist väljad.2px - nihutamine piki x-telge, 2px - nihe piki y-telge, 8px - varju hägususe raadius, # F9F9F9 - varju värv * / -webkit-üleminek: kõik 0,2 sekundit lihtne; -moz-üleminek: kõik 0,2 s lihtsus; -o-üleminek: kõik 0,2 s lihtsus; üleminek: kõik 0,2 s lihtsus;) .wpcf7 .wpcf7-list- üksus (padding-left: 0; margin-left: 0; margin-right: 25px; ) .w pcf7 .wpcf7-list-item sisend (ääris: puudub; polster-vasak: 0; veeris-vasak: 0; ) .wpcf7 valige (kontuur: puudub; fondi suurus: 16 pikslit; fondiperekond: Arial, Helvetica, sans-serif;) .wpcf7 sisend: hõljutage, .wpcf7 sisend: fookus, .wpcf7 sisend: aktiivne, .wpcf7 tekstiala: hover, .wpcf7 textarea: focus, .wpcf7 textarea: active (/ * See osa vastutab sisestusväljade stiili eest, kui hiirekursor on nende kohal * / background: #FDFDFD; / * Sisestusvälja taust, kui hiirekursor on selle kohal * / outline : none; / * Tekstisisestusvälja välimine ääris * /) .wpcf7 input.wpcf7-submit (/ * See koodiosa vastutab nupu Esita stiili eest vorm * / -webkit-transition: 0; -moz-transition: 0; - o-transition: 0; üleminek: 0; ääris: puudub; / * Ääris nupu ümber * / asend: suhteline; värv: #fff; / * Teksti värv * / teksti teisendus: suurtähed; / * Teksti teisendus (suurtähed tähendab, et nupul olev tekst kuvatakse suurte tähtedega) * / / * Nupu nurgad ümarad. Kolme järgmise atribuudi väärtused peaksid olema samad, kuna need on samad, ainult erinevate brauserite jaoks * / -webkit-border-radius: 6px; / * Chrome'i nurkade ümardamine * / -moz-border-radius: 6px; / * Nurkade ümardamine Mozilla FireFoxi jaoks * / piiriraadius: 6px; / * Nurkade ümardamine kõigi teiste brauserite jaoks, sealhulgas mobiilsete brauserite jaoks * / fondi suurus: 14 pikslit; / * Nupu teksti suurus * / font-weight: bold; / * Teksti stiil (paks tähendab paksu kirja) * / padding-top: 11px; / * Ülemine polsterdus elemendi servast selle sisuni * / polsterdus-alumine: 10px; / * Padding elemendi serva allservast selle sisuni * / polsterdus-vasak: 35px; / * Padding elemendi servast vasakule selle sisuni * / polsterdus-parem: 35px; / * Taane elemendi servast paremalt selle sisuni * / / * Gradiendi taust - Nupu gradiendi taust * / taustavärv: # 000000; / * Nupu taustavärv, kui brauser ei toeta gradienti * / / * Järgmistes atribuutides tuleks värvid määrata samad, kuna need on samad, ainult erinevate brauserite jaoks. Vaatame esimest kinnistut. Osa alates (# 676767), kuni (# 3B3B3B) tähendab, et peate kuvama gradiendi, kus värvilt # 676767 on üleminek värvile # 3B3B3B * / taust: -webkit-gradient (lineaarne, vasakpoolne) ülemine, vasak alumine, alates ( # 676767), kuni (# 3B3B3B)); taust: -moz-linear-gradient (ülemine, # 349622, # 246416); filter: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# 349622", endColorstr = "# 246416"); -ms-filter: "progid: DXImageTransform.Microsoft.gradient (startColorstr = # 349622, endColorstr = # 246416)"; / * Drop Shadow – nupu vari. Varju värv on määratud RGBA * / -webkit-box-shadow: 0 2px 5px rgba (0,0,0,0,3); -moz-box-shadow: 0 2px 5px rgba (0,0,0,0,3); kast-vari: 0 2px 5px rgba (0,0,0,0,3); ) / * Kursorit hõljutades – hõljutusnupu stiil. Kõik on peaaegu sama, mis eelmises plokis * / .wpcf7 input.wpcf7-submit: hover (kursor: kursor; teksti kaunistamine: puudub; taustavärv: # 000000; taust: -webkit-gradient (lineaarne, vasakul üleval) , vasak alumine, alates (# 246416), kuni (# 349622)); taust: -moz-linear-gradient (ülemine, # 246416, # 349622); filter: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# 246416 ", endColorstr =" # 349622 "); -ms-filter:" progid: DXImageTransform.Microsoft.gradient (startColorstr = # 246416, endColorstr = # 349622) ";) / * Klõpsamisel - nupu stiil sellel klõpsamisel . peaaegu sama mis eelmises plokis * / .wpcf7 input.wpcf7-submit: aktiivne (ülemine: 1px; värv: # d8c6e2; / * Nupu teksti värv sellel klõpsamisel * / taustavärv: # 000000; taust : -webkit-gradient (lineaarne, vasak ülemine, vasak alumine, alates (# FF0000), kuni (# 246416)); taust: -moz-linear-gradient (ülemine, # FF0000, # 246416); filter: progid: DXImageTransform . Microsoft.gradient (startColorstr = "# FF0000", endColorstr = "# 246416"); -ms-filter: "progid: DXImag eTransform.Microsoft.gradient (startColorstr = # FF0000, endColorstr = # 246416) "; -webkit-box-shadow: puudub; -moz-box-shadow: puudub; kast-vari: puudub; ) / * CF7 sõnumid – sõnumite stiil eduka saatmise, vigade jms kohta. * / .wpcf7 .wpcf7-validation-errors (/ * Valideerimisvigade sõnumite stiil * / ääris: puudub; / * Sõnumiploki raam * / taustavärv: # 246416; / * Taust * / värv: #fff ; / * Teksti värv * / veeris: 0; / * Väline polster * / polster: 20 pikslit; / * Täidis * / / * Nurkade ümardamine erinevate brauserite jaoks – järgmised 3 atribuuti * / -webkit-border-radius: 10px; - moz-border -raadius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ok (/ * Eduka saatmise sõnumite stiil * / border: puudub; / * Sõnumiploki raam * / background -värv: # 7ad33f; / * Taust * / veeris: 0; / * Väline polster * / täidis: 20px; / * Polster * / / * Nurkade ümardamine erinevate brauserite jaoks - järgmised 3 atribuuti * / -webkit-border-radius : 10px; -moz- border-radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ng (ääris: puudub; taustavärv: # 349622; veeris: 0; täidis: 20px; - webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: white;) .wpcf7 span.wpcf7-not-valid-tip (ääris: puudub; backgrou nd-värv: # 349622; polster: 5px; polsterdus vasakpoolne: 5px; polsterdus-parem: 5px; piiri raadius: 10 pikslit; laius: 290 pikslit; värvus: valge; / * Kukkumisvari * / -webkit-box-shadow: 3px 3px 3px rgba (0,0,0,0. 3); -moz-box-shadow: 3px 3px 3px rgba (0,0,0,0,3); kast-vari: 3px 3px 3px rgba (0,0,0,0,3); ) .wpcf7-vorm .fleft (float: left;) .wpcf7-form .mright20 (margin-right: 20px;) .wpcf7-vorm .mright40 (margin-right: 40px;) .wpcf7-vorm .clear (clear: mõlemad ;)

Üksikasjalikud juhised WordPressi saidi tagasisidevormi pistikprogrammi installimiseks, konfigureerimiseks ja kasutamiseks. Kontaktvormi 7 pistikprogramm sisse lülitatud Sel hetkel on oma kategooria parim.

Seda, et isegi tasuliste pistikprogrammide hulgas pole ilmset alternatiivi, saab hinnata selle järgi, kui sageli kasutatakse pluginat Contact Form 7. Selle kirjutamise ajal on seda pluginat ainuüksi ametlikult WordPressi saidilt alla laaditud üle 28 800 000 korra. ja keskmine hinnang on 4,5/5! See on tõesti suure edu näitaja. Lisaks, kui vaatate enimmüüdud esmaklassilisi WP-teemasid, leiate kontaktvormi 7 pistikprogrammi, mis on soovitatav või vaikimisi installitud peaaegu kõigisse neist.

Kontaktivormi 7 pistikprogramm on "otsees", mida autor värskendab iga kord uus versioon WordPress. Vead ja vead kõrvaldatakse kiiresti. Ilmseid konflikte enamkasutatavate pistikprogrammidega pole tuvastatud.
Kontaktvormi 7 pistikprogramm on täiesti tasuta, sh. jaoks kaubanduslik kasutamine... Pärast pistikprogrammi installimist seadete paneelilt leiate autori annetustaotluse.

Kontaktvormi 7 pistikprogrammi installimine

Kontaktvormi 7 pistikprogrammi saate alla laadida ametlikult WordPressi veebisaidilt (link ülal) või otse vahekaardi kaudu "Pluginad"> "Lisa uus"> Rea "Otsi pluginaid"> draiv "Kontaktvormis 7"... Ärge unustage enne alustamist pistikprogrammi aktiveerida: "Pluginad"> "Installitud"> leidke pistikprogrammi kontaktvorm 7> klõpsake nuppu "Aktiveeri"... Teie saidi külgmisel administraatoripaneelil kuvatakse uus üksus „Kontakteerimisvorm 7”.

Kontaktivormi 7 pistikprogrammi konfigureerimine

Tore on see, et kontaktivormi 7 pistikprogramm on vaikimisi mitmekeelne. Kui teie WordPressi versioon on venekeelne, siis on ka pistikprogramm täielikult venekeelne ja tagasisidevormi saate luua mis tahes keeles. Vormi keel täpsustatakse iga vormi loomisel. Seadete jaoks eraldi jaotist pole, kõik seadistused on iga eraldi vormi jaoks individuaalsed.

Näide tagasiside vormi lisamisest

1. Valige administraatoripaneelil "Kontaktvorm 7"> "Vormid"> nuppu "Lisa uus".

2. Teil palutakse valida vormi keel. Vaikimisi on "vene keel". Vajutame nuppu "Lisa uus"
3. Teie ees on avanenud aken, kus saate oma seadistustega luua oma vormi.

Võimalused on ulatuslikud, kuid tahan kohe välja tuua mõned funktsioonid. Aken, milles see avanes, sisaldab mitut vahekaarti: "Vormi mall", "Kiri", "Teavitused vormi esitamisel", "Lisaseaded". Viimane vahekaart te ei vaja seda, see on rohkem kohandamine kogenud kasutajatele ja programmeerijatele. Vaatame ülejäänuid lähemalt.

"Vormi esitamise teatised"– need on sõnumid, mida teie saidi külastaja näeb vormi esitamisel. Sisaldab valikuid nii edukate kui ka vigade ja ebaõnnestumistega teadete jaoks. Saate neid süsteemiteateid oma äranägemise järgi muuta.

"Vormi mall"- selles jaotises genereerite sildid, mis vastutavad vormi kohustuslike väljade olemasolu eest.

"kiri"- selline on selle kirja välimus ja sisu, mis jõuab teieni pärast seda, kui külastaja vormi täidab.

TÄHELEPANU: nüüd analüüsime, millised sildid on ja milliseid välju nad loovad. Kõik need sildid sisestatakse vahekaardile "Vormi mall", kuid kui te ei sisesta "vastuse silte" käsitsi (!) Vahekaardil "Kiri", siis täidetud vorme teie meilile ei tule.

4. Siltide valikud vahekaardil „Vormimall”.

- tekst: lisab tekstikasti (lühike).
- email: e-posti väli.
- URL: väljal saidi aadressi või mis tahes lingi märkimiseks.
- tel: kontakttelefoni väli
- number: väli, kuhu saab sisestada ainult numbrilise väärtuse
- kuupäev: kuupäeva vormingu väli
- tekstiala: lisab tekstikasti (pikk).
- rippmenüü: rippmenüü. Väljal on lisaseaded... Välja langev nimekiri on näidatud väljal „Valikud”. Veelgi enam, üks loendi element ühel real (mitte komadega eraldatud!). Kui ruut „Luba mitu valikut” on märgitud, saab kasutaja valida loendist rohkem kui ühe valiku. Kui on märgitud “Esimese valikuna sisesta tühi element”, siis lisatakse vaikimisi ülaossa tühi väli, mille saab ka kasutaja ise valida.


- märkeruudud: Märkeruut (linnukesed). Väljal on mitu seadet. Märkeruutude loend on näidatud väljal "Valikud". Ja üks märkeruut ühel real (mitte komadega eraldatud!). Kui valiku "Pane silt enne, märkeruut viimasena" kõrval on linnuke, on see märkeruut vaikimisi esimese märkeruudu juures. Kui üksus "Muuda märkeruudud eksklusiivseks" on märgitud, saab kasutaja valida ainult ühe märkeruutudest.

- raadionupud: raadionuppe. Raadionupud võimaldavad alati valida loendist ainult ühe üksuse. Loendi sisestamine sarnaneb veerus olevate märkeruutudega. Seadete alt saab lubada “Pane silt enne, märkeruut viimasena”, siis valitakse vaikimisi loendist esimene raadionupp.

- vastuvõtmine: märkeruudu väli, märkimata kasti, kuhu sõnumit ei saadeta. Tegelikult on see võimalus võtta millekski kasutajalt tingimusteta nõusolek, muidu jääb kiri saatmata. Näiteks: "Nõustute, et meie operaatorid töötlevad teie esitatud teavet."

- viktoriin: pistikprogrammide uuendus. Sellel väljal saate koostada küsimuse ja sellele vastuse. Ideaalne rämpsposti kaitseks. Vaadake küsimuse ja vastuse vormingut sildi genereerimise vormis.


Täitmiseks saab teha suvalise välja (tavaliselt on sellised väljad tähistatud *-ga), selleks tuleb märkida ruut Välja tüüp> Kohustuslik väli. Tähelepanu!Ärge unustage kasutajatele tekstis märku anda, et väli tuleb täita!

- CAPTCHA: captcha installitakse ainult lisapluginana. Kuid põhimõtteliselt on viktoriinisildiga tilka vaja palju vähem.

- fail: väli loob sildi, mis võimaldab kasutajal sõnumile faili manustada. Sildi seadetes saate määrata “Faili suuruse piirang (baitides)” manustatud faili maksimaalse suuruse, lubatud failitüübid (laiendid eraldatud komadega). Tähelepanu, kui te ei määra manustatud faili maksimaalset suurust, määrab selle vaikimisi teie serveri võimalused. Täpse teabe piirangute kohta saate hostimisettevõttest. Tavaliselt on maksimaalne suurus piiratud 10 MB-ga.

submint: silt lisab nupu "Esita" (nime saab muuta).
See on ekraan kõigi minu loodud siltidega ja allpool on saidi vormi ekraan. Pange tähele, et "Vormi mall" toetab HTML-i silte, seega kasutan kasutajatele järgmisi selgitusi. HTML-i kasutades sildid.



5. Vahekaart "Kiri".

Nüüd läheme teile saadetava kirja genereerimise vormi juurde ja lisame sildid, mida kasutasime "vormimallis". Pöörake tähelepanu ekraanile. Väljad, mis ei sisaldu kirja sisus, kuvatakse vahekaardi ülaosas mustana ja need, mis on kirja sisus, on hallid.

Lisame need sõnumi sisusse (väli "Sõnumi sisu"): lihtsalt kopeerige mustaga esiletõstetud sildid ja kleepige need sõnumi kehakujule. Pange tähele, et siltidel näidatud numbrid vastavad unikaalsete väljade numbritele, mille lisasite vormimalli. Nii saate tuvastada, milline väli millele viitab, ja allkirjastada need otse kirja sisus, et hiljem ei satuks segadusse.
Salvestame muudatused.

6. Vormi paigaldamine saidile.

Kopeerige vormi loomise lehelt vilkuri kood (tavaliselt on see sinise või pruuniga esile tõstetud) ja kleepige see mis tahes lehele või postitusele.

Plussid ja miinused lühidalt

plussid
+ suur hulk väljade tüübid
+ mitmekeelne tugi
+ kasutusmugavus
+ tasuta
+ usaldusväärne
+ ei ole vastuolus teiste pistikprogrammidega
+ Kontaktivormi 7 pluginat arendatakse

Miinused:
- ärge unustage genereeritud kirjale lisada täiendavaid silte
- vormi ja tähe kujundus nõuab minimaalseid HTML-i teadmisi

Väljund: kindlasti suurepärane toimetaja, kui mitte parim! Olen rahul paindlikkuse, töökindluse ja stabiilsusega. Kui oleks makstud, siis ikka ostetaks, tk. kvaliteedilt pole sellele ligilähedanegi. Soovitan kontaktvormi 7 pistikprogrammi.