Flektors 5

Šis ir spraudnis kontaktu veidlapu izveidei. Tas ir ārkārtīgi populārs (otrais tikai pēc spraudņiem un lejupielādes ziņā) lietotāju vidū, jo tas veiksmīgi apvieno lietošanas ērtumu un jaudīgas iespējas kontaktu formu pielāgošanai un noformēšanai. Es centīšos pēc iespējas sīkāk apsvērt visas spraudņa funkcijas.

1 Izpakojiet arhīvu.

2 Kopējiet mapi kontaktforma-7 v / wp-content / plugins /.

3. Mēs atveram emuāra administratora paneli Spraudņi"un aktivizējiet spraudni.

Kad tas ir aktivizēts, spraudnis izveido atsevišķu izvēlni emuāra administratora apgabalā ar nosaukumu "", kā arī izveido noklusējuma saziņas veidlapu, kuru varat redzēt sadaļā " Saziņas veidlapa 7 \ Formas":

Ja izmantojat ieteikto "iegulšanas kodu", emuāra forma būs šāda:

Protams, izskatsšī saziņas veidlapa būs atkarīga no jūsu veidnē izmantotajiem stiliem, taču kopumā tā izskatīsies šādi.

Lai to izvadītu vienkāršākā forma tev vajag tikai pāris minūtes. Un tieši šī kontakta veidlapas pievienošanas viegluma dēļ daudziem lietotājiem patīk šis spraudnis.

Tomēr spraudnim ir daudz iespēju, lai izveidotu jebkuras sarežģītības uzlabotas kontaktu formas. Bet sāksim vienkārši, izveidojot savu veidlapu, kas tikai nedaudz atšķirsies no spraudnī iebūvētās noklusējuma formas. Noklikšķiniet uz saites "Pievienot jaunu":

Tas tiks atvērts sākuma lapa pievienojot veidlapu:

Spraudnis automātiski nosaka emuārā izmantoto lokalizāciju, tāpēc nav nepieciešams izvēlēties valodu, vienkārši noklikšķiniet uz pogas "". Tiks atvērta veidlapas noformētāja lapa. Pirmā lieta, kas jums jādara, ir pārdēvēt veidlapas nosaukumu:

Virsrakstam nav nozīmes, tas ir tikai tāpēc, lai jūs neapjuktu savās formās. Iestatiet savas veidlapas nosaukumu, noklikšķiniet uz " Saglabāt", un rezultātā tika iegūts" iegulšanas kods ":

Tagad jūs varat ielīmēt ieteikto kodu jebkurā no savām ziņām vai lapām (protams, režīmā "Teksts"), lai tajā parādītu kontaktinformācijas veidlapu. Tomēr tas nekādā veidā neatšķirsies no noklusējuma veidlapas, tāpēc mēs turpināsim strādāt ar veidlapu noformētāju. Dizaineru lapas labajā pusē ir poga " Ģenerēt tagu", noklikšķinot uz tā, tiks parādīts:

Izvēlēsimies, piemēram, tālruņa numuru. Tiks atvērts šāds logs:

Patiesībā šeit jūs neko nevarat mainīt. Izmēri, klases un tā tālāk ir sekundāras iespējas, un vairumā gadījumu tās nav jārediģē. Tomēr opcija "" var būt noderīga kā mājiens apmeklētājiem, kā aizpildīt šo lauku.

Piemēram, mēs iestatām šādas vērtības:

Parādot kontaktformu, lauks izskatīsies šādi:

Noklikšķinot uz šī lauka, tajā ievadītais teksts pazudīs, jo tas kalpo tikai kā aizpildīšanas mājiens. Bet es nokavēju punktu pievienot izvēlēto tagu pašai kontaktformai. Šī atzīme:

Ir nepieciešams ielīmēt veidlapas noformētāja lapas kreisajā pusē, kur atrodas kontaktformas kods:

Veidlapas kods ir jāizveido manuāli, tas ir, pašiem jāsakārto virsraksti, rindkopu tagi un rindu pārtraukumi, jums vajadzētu iegūt kaut ko līdzīgu:

Saglabājiet veidlapas kodu un iegūstiet šādu saziņas veidlapu:

Faktiski tādā pašā veidā pāris minūšu laikā varat viegli pievienot savu kontaktformu jebkuru tagu ko izmanto spraudnis. Es nelikšu jums manuāli izmēģināt katru tagu, es nekavējoties norādīšu to rezultātu:

1 Teksta lauks.

Vienkāršs tekstlodziņš, var izmantot vārdam, tematam utt.

2 E-pasts.

Izmanto tikai ievadīšanai e-pasta adreses.

3 URL.

4 Telefona numurs.

Izmanto tikai, lai ievadītu tālruņa numuru (ciparus un defises).

5 Numurs (spinbox).

Izmanto tikai numura ievadīšanai (var izmantot, lai norādītu vecumu, pasūtīto preču skaitu utt.).

6 Skaitlis (slīdnis).

Tas darbojas nepareizi. Lai parādītu šo ciparu slīdni, tiek izmantots HTML5, un tas, pirmkārt, nozīmē, ka šāds slīdnis dažādās pārlūkprogrammās izskatās citādi, un, otrkārt, tas joprojām īsti nedarbojas. Spraudņu atbalsta forumos es redzēju risinājumus, kas novērš šī taga darbu, taču tie man nepalīdzēja - es nevarēju panākt, lai šis slīdnis parādītu ciparus. Es iesaku šo tagu neizmantot.

7 Datums.

Izmanto tikai datuma ievadīšanai.

8 Teksta lauks.

Krievu tulkojumā šo tagu sauc arī par "Teksta lauku", bet HTML terminoloģijā tas ir teksta apgabals, kas patiesībā nozīmē tikai palielinātu teksta lauku. Izmanto, lai ievadītu ziņas tekstu.

9 Nolaižamā izvēlne.

Izmanto, lai nolaižamajā izvēlnē atlasītu vienumu (vai vairākus vienumus). To var izmantot jebkam – sākot ar pajautāšanas par pasūtītās preces krāsu līdz pat cilvēka dzimuma izvēlei.

10 Atzīmējiet izvēles rūtiņas.

Izmanto, lai atlasītu vienu vai vairākus vienumus no piedāvātajām opcijām.

11 Radio pogas.

Izmanto, lai atlasītu tikai vienu vienumu no piedāvātajām opcijām.

12 Pieņemšana.

Izmanto, lai piekristu noteikumiem.

13 Jautājums.

Izmanto, lai atbildētu uz norādītajiem jautājumiem (jautājums tiek izvēlēts nejauši no norādītajām iespējām). Būtībā šis tags tiek izmantots kā aizsardzība pret surogātpastu. Un, ja mēstuļu roboti var viegli atbildēt uz skaitlisku jautājumu, tad tādi jautājumi kā "uz kuras planētas mēs dzīvojam?" viņi nespēj atbildēt.

14 CAPTCHA.

To izmanto, lai parādītu pilnvērtīgu captcha. Lai izmantotu šo tagu, jums jāinstalē Really Simple CAPTCHA spraudnis. Captcha ir diezgan lasāms, un tāpēc to viegli iekļūst uzlaboti surogātpasta roboti, piemēram, Hrumer.

15 Failu augšupielāde.

Izmanto, lai nosūtītu failu. Varat norādīt derīgu failu maksimālo lielumu un formātus.

16 Iesniegšanas poga.

Izmanto, lai iesniegtu kontaktformas datus. Šī ir obligāta atzīme.

Ar tagiem, kas tiek izmantoti tieši Saziņas veidlapa, izdomāju. Tagad apskatīsim, kā iegūt šos pašus tagus no saziņas veidlapas savā e-pastā. Tieši zem kontaktformas koda konstruktorā ir veidne jums nosūtītajai vēstulei, un tieši tajā ir jāveic nepieciešamās izmaiņas. Tas ir svarīgi, jo, nepareizi aizpildot šo veidni, jūs nevarēsit precīzi zināt, ko apmeklētājs ir ierakstījis jūsu veidlapā. Kā piemēru ņemsim tālruņa numura tagu. Pieņemsim, ka jūsu saziņas veidlapā tas ir ievietots, izmantojot šādu kodu:

Tātad nosūtītās vēstules veidnē jums jāievieto šāds kods:

Jēga, manuprāt, ir skaidra. Kontaktformas kodā , un vēstulē tikai šī lauka nosaukums ... Spraudnis ģenerē tādus digitālo tagu nosaukumus kā , taču neviens jums neliedz izmantot jūsu vārdus. Un par pārējiem tagiem e -pasta veidnē - tie arī tiek veidoti pēc tāda paša principa - nevis izmantoja utt.

Kontaktformā norādītos tekstus var labot arī veidlapu noformētāja sadaļā “Ziņojumi”:

Spraudņa bieži uzdotie jautājumi:

1 Skata kļūda " ", kā salabot?

Tas nozīmē, ka norādītā veidlapa ir dzēsta vai veidlapas nosaukums ir nepareizi norādīts (nosaukums izsaukuma kodā ir būtisks veidlapas izsaukšanai).

2 Vēstulē es redzu tagus, piemēram teksta vietā, kā to labot?

Tas nozīmē, ka apmeklētājs nav aizpildījis šo lauku. Šajā gadījumā tags netiek aizstāts, bet tiek parādīts tāds, kāds tas ir.

3 Vai ir kādi ierobežojumi, izvēloties tagu nosaukumu?

Tur ir. Ja cilpa WordPress tiek izmantots nosaukums "nosaukums", tad to nevar izmantot kā taga nosaukumu. Labākajā veidā lai izvairītos no problēmām, pievienojot vārdiem prefiksus, piemēram, vārdu "jūsu". Ar birkas nosaukumu noteikti nebūs nekādu problēmu.

4 Vai apmeklētāju var pa e -pastu informēt, ka viņa veidlapa ir saņemta?

Var. Veidlapas konstruktorā izmantojiet opciju "Galamērķis 2":

Šo iespēju var izmantot kā automātisko atbildētāju.

5 Vai aizpildītu veidlapu var nosūtīt uz vairākām adresēm?

Var. Izmantojiet lauku "" opcijā "Galamērķis":

Kur [aizsargāts ar e-pastu] savu papildu e-pastu, uz kuru tiks nosūtīta apmeklētāja aizpildītās veidlapas kopija (komanda "cc" nosūta aklo kopiju).

6 Vai ir iespējams parādīt veidlapu, kas nav ierakstā vai lapā?

Jā. Ielīmējiet veidlapas izsaukšanas kodu teksta logrīkā.

7 Vai veidlapu veidnēs var atveidot veidlapu tieši pēc koda?

Jā. Izmantojiet šādu kodu:

"" ) ; ?>

8 Veidlapa netiek nosūtīta, tiek parādīta kļūda sarkanā rāmī, kā to labot?

Sazinieties ar savu mitinātāju, iespējams, ka PHP neļauj izsaukt funkciju mail ().

9 Iesniedzot veidlapu, oranžā rāmī tiek parādīta kļūda. Kā es varu to labot?

Oranžs rāmis norāda surogātpastu. Spraudņu saglabāšana kešatmiņā var izraisīt pretsurogātpasta aizsardzības viltus pozitīvus rezultātus. Konfigurējiet kešatmiņas spraudni, lai periodiski notīrītu kešatmiņas failus (pietiek ar 24 stundām).

10 E -pasta lauks atšķiras no citiem veidlapas laukiem. Kā es varu to labot?

Spraudnis izmanto HTML5 kodu, lai ievadītu e -pasta adresi ( tā vietā ), un šāds kods bieži netiek formatēts vecās veidnēs. Jums ir jāveic izmaiņas stili.css veidni, tur pievienojot nepieciešamo ievades atlasītāja kodu.

11 Kā e -pastā ievietot lietotāja pievienotu failu?

Lai to izdarītu, izmantojiet īpašo lauku "Pievienotie faili:"

Tiešām ir pelnījis jūsu uzmanību. Atšķirībā no daudziem citiem populāriem spraudņiem tas neliek jums pirkt nevienu. Pro versija - visas tās iespējas ir pieejamas uzreiz. Spraudņa popularitāte (vairāk nekā 19 miljoni lejupielāžu) ir pelnīta - ņemot vērā visas tās funkcijas, to ir ļoti viegli konfigurēt un tā ir pieejama pat iesācējiem dzinēja lietotājiem. WordPress.

Bet atcerieties, ka tas ir kontaktformas spraudnis, nevis vienkāršs veidlapas spraudnis. Neskatoties uz visām iespējām, tas neļaus jums izveidot uzlabotu veidlapu, pamatojoties uz jebkādiem nosacījumiem. Tās galvenais mērķis ir izveidot kontaktu veidlapas un nekas vairāk. Radīšanai dinamiskas formas, ziņu izveides veidlapas un tamlīdzīgi, izmantojiet spraudņus, piemēram, Ninja Forms, tie ir vairāk piemēroti šim nolūkam.

Ja jums joprojām ir kādi jautājumi par spraudņa konfigurēšanu - jautājiet komentāros, es noteikti mēģināšu jums palīdzēt.

Spraudņa autors: Takayuki Miyoshi
Attiecīgā versija: 3.9.1 no 31.07.2014
Pašreizējā versija: 5.1.4 no 04.08.2019
Savietojams ar WordPress versiju: 4.9 un augstāk
Aktīvās spraudņu instalācijas: 5 000 000+
Lejupielādējiet spraudņa versiju 5.1.4(kopā lejupielādēts 121 112 956 vienreiz)

Vai jums patika ziņa? Abonējiet programmatūras atjauninājumus vai

Vietnei pievieno privātuma politikas lapu. Turklāt 7. saziņas veidlapā pievieno piekrišanu personas datu apstrādei. Spraudnis ir paredzēts tikai krievu valodas vietnēm. Ieejot, lietotājiem tiek parādīts paziņojums par sīkdatņu izmantošanu vietnē. Piemērots 152FZ.
Ja jums ir jautājumi par spraudni, rakstiet uz šo e -pastu: [aizsargāts ar e-pastu] Mēs nesniedzam padomus, izmantojot tiešsaistes konsultantu mūsu vietnē.

Uzstādīšana

1. Instalējiet spraudni.
2. Aizpildiet nepieciešamo uzņēmuma informāciju.

Līdzstrādnieki un izstrādātāji

“Vietnes konfidencialitātes politika. Piekrišana saziņas veidlapā 7 ”ir atvērtā koda projekts. Spraudņa izstrādē ir devuši ieguldījumu šādi atbalstītāji:

Mainīt žurnālu

1.28 Pārbauda saderību ar WP 5.0. Pievienots virsraksta slēpšana no politikas teksta
1.27. Sīkfaila klātbūtnes pārbaude plāksnītei, kas parādās no apakšas, ienākot vietnē, tiek tulkota kā js
1.26 Pievienotas rel = nofollow spraudņu saites
1.25 Pievienots līguma teksts zem standarta veidlapa komentējot
1.24 Izlabota kļūda Java skriptā
1.22 Izlabotas nelielas kļūdas administratora panelī un pogas nosaukuma teksta parādīšana lapas 7. kontaktformā
1.21. Konteinera klase, ar kuru tiek ierāmēts politikas teksts, ir aizstāta ar konteineru-ppcf7
1.2. Tagai pievienota klase

p> zem veidlapām
1.1 Pievienota iespēja kājenē parādīt / slēpt privātuma politikas saiti
1.01 Sīkfaila ziņojumā noņemts papildu p tags
1.0 Pirmā versija repozitorijā

FormGet ir vienkāršs WordPress spraudnis, kas darbojas līdzīgi velciet un piliens, kas ļauj izveidot dažādas vietnes kontaktinformācijas veidlapas. Jums vienkārši jānoklikšķina uz laukiem, kurus vēlaties pievienot veidlapai un veidlapai atsauksmes būs gatavs pēc dažām sekundēm.

Veidlapas, kuras var veikt ar šo spraudni

Šajā satriecošajā spraudnī var paveikt kontaktinformācijas veidlapu, atbalsta veidlapu, rezervācijas veidlapas, konsultāciju pakalpojumus, saziņas veidlapu, adresātu sarakstu, anketas, darba pieteikuma veidlapu, reģistrācijas veidlapas vedni, pasūtījuma veidlapas veidotāju un daudz ko citu.

FormGet Contact Form ir ļoti efektīvs līdzeklis kas ļaus jums izveidot un iegult savā vietnē kontakta veidlapu vairākās vienkāršas darbības... Atlasiet veidlapu laukus, pielāgojiet opcijas un viegli ieguliet kontaktinformācijas veidlapu savā vietnē, vienkārši ievietojot kodu logrīkā vai izmantojot pielāgotu īso kodu. Lai izveidotu vēlamo formu, jums nav nepieciešamas nekādas programmēšanas zināšanas - tas ir papildu pluss, izvēloties šādus paplašinājumus.

Ja vietnē vienlaikus ir instalētas vairākas kontaktu veidlapas, tad visus datus par tām var izsekot vienuviet - informācijas panelī. Būtiskāka šī spraudņa priekšrocība ir tā veidotās formas ir adaptīvas, kas ļauj pareizi parādīt nepieciešamos datus jebkurā ierīcē, nerakstot papildu stilus un klases.

Spraudņa atbalstīto lauku saraksts:

Vārds, adrese, kontakttālruņa numurs, ziņa, maksājums (integrācija ar PayPal), datums (atbalsts formātam dd-mm-gg vai dd / mm / gg vai gg-mm-dd), teksta virkne, vairāku rindiņu teksts, vairākas izvēle, pielikumi, izvēles rūtiņa, atlase (izvēle no ieteiktā saraksta), radio pogas, lejupielādēt failus un Captcha.

Instalēšana ir normāla — caur vietnes administratora paneli pakalpojumā WordPress.

Kontaktformas iestatīšana un izveide

Pēc instalēšanas un aktivizēšanas jūs redzēsit īpašu sveiciena veidlapu:

Noklikšķiniet uz pogas "Noklikšķināt, lai izveidotu" un dodieties uz iestatījumiem un izveidojiet atsauksmju veidlapu. Visi iestatījumi ir sadalīti 4 cilnēs:

1. Sazinieties ar veidlapu veidotāju
2. Iegult kodu
3. Paplašinājumi

Sākotnēji tiek atvērta pirmā cilne, kurā, izmantojot konstruktoru, varat izveidot savu pirmo atsauksmju veidlapu.

Apskatīsim tuvāk:

Spraudņa iestatīšana un lietošana ir intuitīva, tāpēc instalējiet un izmantojiet to ar prieku!

Daudzās vietnēs ir iestatītas atsauksmju veidlapas, lai lietotāji varētu atstāt ziņojumu administratoram, neizejot no vietnes. Populārākais, kvalitatīvākais un ērtākais uzstādīšanā un lietošanā ir spraudnis Kontaktforma 7- ar tās palīdzību jūs varat izveidot jebkuras kontaktu formas un daudz ko citu. Tā kā spraudnim ir liels skaits dažādas formas un lauki, to var izmantot daudziem uzdevumiem. Piemēram, es to izmantoju, lai izveidotu darba devēja un darba meklētāja profilu darbā pieņemšanas vietnē, lai izveidotu produkta pasūtījuma veidlapu vietnē, kurā tiek pārdota tikai viena produktu līnija, es izmantoju šo spraudni, lai izveidotu sarežģītu un apjomīgu aprēķina veidlapu būvlaukumam , dažādām atsauksmju formām un citām formām. Bet šeit nav runa par to, bet gan par to, kā kontaktinformācijas veidlapu parādīt uznirstošajā logā, lai katrā lapā, nevis tikai lapā “Kontakti”, varētu izveidot pogu kontakta veidlapas izsaukšanai?

Tas nav īsti grūti, taču jums būs nepieciešams vēl viens spraudnis ar FancyBox efektu, man personīgi patīk šie divi spraudņi: Easy FancyBox vai FancyBox for WordPress, ir dažādi līdzīgi spraudņi, taču jebkurš no tiem darbojas lieliski un arī ļauj atvērt attēlus uznirstošais logs.

Kopumā ir instalēti divi spraudņi: Kontaktforma 7 un Vienkārša FancyBox, kontaktforma ir izveidota, atliek pievienot kodu veidnei.

Kods tiek ievietots vietnes veidnē .php failos!

Veidnes faila kodā iestatīts uznirstošais kontaktformas kods:

Pieprasiet zvanu

Ja ievietojat veidlapas izsaukšanas kodu tieši vizuālajā redaktorā teksta rediģēšanai teksta režīmā, kods izskatīsies šādi:

Uznirstošās kontaktpersonas veidlapas kods ir iestatīts vizuālais redaktors ieraksti (teksta režīmā) vietnes administratora panelī:

Pieprasiet zvanu

Manā piemērā man ir veidlapas "Pieprasīt atzvanīšanu" kods - veidlapā ir tikai divi lauki - vārds un tālruņa numurs, lai vietnes administrators atzvanītu klientam.

Apskatīsim šo kodu.

Šis ir pogas kods loga izsaukšanai ar veidlapu, šai pogai varat iestatīt jebkurus stilus un ievietot to jebkurā veidnes vietā:

Pieprasīt zvanu

Šis ir paša uznirstošā logu kods, varat to atstāt zem loga zvana pogas vai paslēpt kājenē, lai satura kods būtu tīrāks:

Šajā kodā pati forma tiek izsaukta ar šādu funkciju:

Kur rakstīts - parādiet kontaktformas īskodu, īss kods tiek norādīts pašā kontaktformā, kad tā tiek izveidota:

Lai izsauktu vairākas veidlapas vienā lapā, veidlapas izsaukšanai ir jāizmanto cits ID.

Piemērs divu atsauksmju veidlapu izsaukšanai uznirstošajā logā:

1. zvanīšanas forma

2. zvanīšanas forma

V Šis gadījums lai izsauktu vairākas veidlapas, pievērsiet uzmanību šīm koda daļām:

... un otrajai veidlapai: ... utt.

Atsauksmju veidlapas īsā koda parādīšanas vietā varat parādīt jebkuru saturu, piemēram, blokus ar tekstu vai attēliem, vai Feedburner abonēšanas veidlapu, piemēram, šādā veidā plūsmas ierakstītāja abonēšanas veidlapa tiek parādīta vienā no vietnēm

ABONĒT

Šo kodu varat izmantot abonēšanas veidlapai, mainot tikai plūsmas adresi http://feedburner.google.com/fb/a/mailverify?uri=inoutdigest/feed uz savu.

Svarīgs punkts! Lai veidlapa izskatītos skaisti, tai ir jāiestata savi attēlojuma stili. Vislabāk ir iesaiņot veidlapu div, veidojot veidlapu CF7.

Kā pēc veiksmīgas iesniegšanas aizvērt logu ar atsauksmju veidlapu (fancybox)

Pievienojiet šo kodu, ja izmantojat spraudni ar fancybox, piemēram, Easy Fancybox.

Ja forma atrodas tieši uz lapas, tad tur viss ir skaidrs - turpat zem formas ir kļūdu ziņojumi un ziņojums pēc veiksmīgas ziņojuma nosūtīšanas.

Apskatīsim, kādi interesanti notikumu varianti var būt pēc CF7 veidlapas iesniegšanas uznirstošajā logā, tas ir, uznirstošajā logā. Kā izveidot šādu veidlapu, es aprakstīju rakstā Kā izveidot atsauksmju veidlapu WordPress uznirstošajā logā.

Pievienojiet kodu veidlapas papildu iestatījumu blokam.

Pēc veiksmīgas ziņas nosūtīšanas

Parādām brīdinājumu ‘Paldies par pieteikumu!’ – primitīvs un neglīts.

On_sent_ok: "alert (" Paldies par pieteikumu! ");"

Pāradresēt uz pateicības lapu

On_sent_ok: "location =" http: //site.tu/thankyou/ ";"

Tikai uznirstošā loga aizvēršana nav labākā iespēja, lietotājs var nesaprast, vai viss gāja labi

On_sent_ok: $ .fancybox.close ();

Pēc veiksmīgas ziņojuma nosūtīšanas mēs parādām uznirstošo logu "Paldies par pasūtījumu"

Parādām uznirstošo logu “Paldies par pasūtījumu”, kamēr pats logs atrodas blokā ar id = "popup_msg", izskats un stili būs jāveido atbilstoši Jūsu dizainam, lai viss būtu skaisti + make pogu 'Aizvērt' pateicības logu.

Mēs pievienojam šo kodu jūsu CF7 veidlapas papildu iestatījumu blokam:

On_sent_ok: "$ .fancybox ((href:" #popup_msg "));"

Pats logs izskatās šādi:

Paldies!

Aizveriet logu

Šo uznirstošā loga kodu var ievietot jebkur, pat kājenē, pat zem veidlapas, galvenā priekšrocība ir tā, ka šo logu var izsaukt jebkurā citā formā, un jums nav jāizveido savs katrai veidlapai.

Un pogai "Aizvērt logu" pievienojiet skripta failam šādu kodu:

$ (". popup-close-btn"). on ("click", function () ($ .fancybox.close ();));

Kā lejupielādēt pdf failu pēc veidlapas aizpildīšanas, izmantojot spraudni Contact Form 7

Nekavējoties atveriet pdf tajā pašā lapā

On_sent_ok: "location =" http://site.ua/wp-content/uploads/2016/08/catalog.pdf ";"

Atveriet pdf jaunā lapā

On_sent_ok: "window.open (" http://site.ua/wp-content/uploads/2016/08/catalog.pdf "," _blank ");"

Metodes izmantošana on_sent_okāķis vairs nav ieteicams. Šī funkcija tiks atcelta līdz 2017. gada beigām.

Tagad, lai pēc veiksmīgas veidlapas iesniegšanas novirzītu uz citu lapu, jāizmanto notikums wpcf7mailsent

Piemēram, šī opcija, lai atvērtu modālo logu ar id = "sentMessage":

Document.addEventListener ("wpcf7mailsent", function (event) ($ ("# sentMessage"). Modal ();), false);

Ja jums ir vairākas veidlapas, tad katram veidlapas ID varat izveidot savus notikumus:

Document.addEventListener ("wpcf7mailsent", function (event) (var id = event.detail.contactFormId; if (id == 4 || id == 44 || id == 45) ($ .magnificPopup.open ((preces : (src: "#popup_msg"), ierakstiet: "inline"), 0);)), false);

id ir veidlapas numurs
$ .magnificPopup.open — šajā piemērā tiek izmantots Magnific Popup

Mēs izveidojam notikumu noteiktai veidlapai pēc veiksmīgas ziņojuma nosūtīšanas (mēs izmantojam parasto Easy Fancybox)

Daudziem ir grūtības ar šo brīdi, tāpēc nolēmu to iekļaut rakstā.

Šis skripts parādīs logu id = "popup_msg" pēc veiksmīgas vienas no veidlapām (id == 17754 vai id == 17758 vai id == 17757) iesniegšanas:

Document.addEventListener ("wpcf7mailsent", funkcija (event) (var id = event.detail.contactFormId; if (id == 17754 || id == 17758 || id == 17757) ($ .fancybox ((href: ") #popup_msg "));)), nepatiess);

Vienkārša koda parsēšana

id == 17754 || id == 17758 || id == 17757 - logs tiks parādīts tikai šīm formām (vai nu / vai).

Logs ar ziņojumu par veiksmīgu iesniegšanu (varat to pievienot kodam vai labāk kājenes logrīkam, piemēram, ja nevēlaties mainīt veidni, vai vēl 100 opcijas):

Paldies!

Mūsu menedžeris drīzumā sazināsies ar jums.

Aizveriet logu

Ja pievienojat skriptu nevis skripta failam, bet gan kājenes vai js-koda redaktoram, ietiniet to šajā kodā:

JQuery (dokuments) .ready (funkcija ($) (// kods ...));