Kako oddati obrazec brez osveževanja strani v WordPressu
Posted: Tue Dec 17, 2024 10:02 am
oddajte obrazec brez osveževanja strani
Ali želite preprečiti, da bi se vaša stran osvežila, ko obiskovalec odda obrazec? Privzeto se celotna stran znova naloži, ko kliknete gumb za pošiljanje obrazca. In takrat se podatki, vneseni v obrazec, prenesejo in shranijo na strežnik.
V tem članku vam bomo pokazali, kako omogočite oddajo Ajax na svojih obrazcih WordPress in preprečite ponovno nalaganje strani.
Zakaj omogočiti oddajo obrazca Ajax v WordPressu?
Oddaja obrazca Ajax je še posebej uporabna, če želite obrazec vdelati v modalno pojavno okno. Brez omogočene oddaje obrazca AJAX bi se morala celotna stran osvežiti, zaradi česar bi se pojavno okno zaprlo. Na ta način lahko uporabniki spregledajo pomembno potrditveno sporočilo, ki jih drži zasvojene.
Če je omogočeno oddajanje obrazca AJAX, bodo vaši uporabniki lahko videli potrditveno sporočilo ob oddaji obrazca na isti strani, ne da bi morali ponovno naložiti stran.
oddaje obrazcev ajax
Če želite omogočiti pošiljanje obrazcev ajax številki telegrama na svojem spletnem mestu WordPress, priporočamo WPForms , najboljši vtičnik obrazcev za WordPress .
1. korak: ustvarite nov obrazec
Če želite začeti ustvarjati svoj obrazec, boste morali najprej namestiti vtičnik WPForms na svoje spletno mesto WordPress.
Ali ne veš kako? Ne skrbi. Oglejte si naš vodnik o tem, kako namestiti vtičnik WordPress, da to popravite.
Ko je vtičnik nameščen in aktiviran, pojdite na svojo nadzorno ploščo WordPress in se pomaknite do WPForms” Add New . Zdaj boste preusmerjeni na stran, kjer lahko izberete predlogo za svoj obrazec.
WPForms ponuja več predlog obrazcev, med katerimi lahko izbirate. Za to vadnico izberimo predlogo obrazca za nalaganje datotek . Delate lahko tudi s predlogo Simple Contact Form.
Predloga obrazca za nalaganje datoteke WPForms
Zdaj boste na zaslonu videli graditelj obrazcev. Na levi strani zaslona imate zavihka Dodajanje polj in Možnosti polja . S temi zavihki lahko konfigurirate kontaktni obrazec.
Če uporabljate predlogo za nalaganje datoteke, bo polje že dodano vašemu obrazcu. Če želite polje dodati kateri koli drugi predlogi, morate samo povleči polje obrazca za nalaganje datoteke in ga spustiti na želeno mesto v graditelju obrazcev.
polje obrazca za nalaganje datotek v WPForms
Na ta način vam WPForms olajša dodajanje polj obrazcu s funkcijo povleci in spusti. Položaj polj lahko spremenite tudi z vlečenjem in spuščanjem. Če želite odstraniti polje, je tudi to enostavno. Preprosto postavite kazalec nad neželeno polje in kliknite ikono za brisanje , ki se prikaže v zgornjem desnem kotu polja.
Na zavihku Možnosti polja lahko spremenite oznako polja, spremenite obliko polja z imenom, spremenite velikost pisave ter vklopite ali izklopite oznake in podoznake. Imate tudi možnost vklopa možnosti pogojne logike .
možnosti nalaganja datotek v WPForms
Ko končate z ustvarjanjem obrazca z graditeljem obrazcev, kliknite gumb Shrani , da vaše spremembe ostanejo nedotaknjene.
3. korak: Aktivirajte oddajo obrazca Ajax
Ko shranite spremembe, kliknite zavihek Nastavitve na levi strani ustvarjalnika strani. Tukaj boste videli več možnosti. Pojdite na možnost Splošno . Pod tem boste videli niz polj. Tukaj lahko spremenite ime obrazca, dodate opis obrazca, spremenite besedilo gumba itd.
Če se pomaknete navzdol po zaslonu, boste videli nekaj potrditvenih polj. Izberete lahko polje z napisom Omogoči oddajo obrazca Ajax . Postopek zaključite s klikom na gumb Shrani v zgornjem desnem kotu zaslona.
omogoči oddajo obrazca ajax
Zdaj pojdite na zavihek Obvestilo pod zavihkom Splošno . Ta možnost vas bo obvestila vsakič, ko nekdo odda vaš obrazec. V prvo polje vnesite elektronski naslov administratorja oziroma osebe, ki je zadolžena za prejemanje elektronske pošte. Vnesete lahko tudi zadevo e-pošte, ime pošiljatelja, naslov prejemnika in svoje sporočilo.
Ko je to opravljeno, ne pozabite shraniti sprememb. Nastavite lahko tudi potrditveno sporočilo, ki ga bodo obiskovalci prejeli po pritisku na gumb za pošiljanje.
potrditev v wpforms
4. korak: objavite obrazec z oddajo Ajax
Zadnji korak je, da obrazec Ajax objavite na svojem spletnem mestu . Če želite to narediti, pojdite na stran, kjer želite, da se prikaže obrazec.
Začnete lahko tako, da obiščete » Dodaj nove strani« na nadzorni plošči WordPress. Zdaj svoji strani dodajte naslov. V urejevalniku besedil vaše strani dodajte nov blok in poiščite WPForms .
Ko dodate blok, boste videli maskoto WPForms s spustnim menijem za izbiro obrazca, ki ste ga pravkar ustvarili.
urejevalnik blokov wpforms
Izberite želeni obrazec in na vaši strani se bo prikazal predogled obrazca.
Obrazec lahko dodate tudi v klasičnem urejevalniku z gumbom »Dodaj obrazec«, takole:
add-form-classic-urejevalnik
Nato lahko kliknete gumb Objavi , da aktivirate obrazec.
Bilo je enostavno, kajne?
Zdaj boste morda želeli slediti številu klikov gumbov, ki jih prejme vaš kontaktni obrazec. Če želite to narediti, si oglejte naš vodnik o sledenju povezavam in klikom gumbov.
Facebook
Ali želite preprečiti, da bi se vaša stran osvežila, ko obiskovalec odda obrazec? Privzeto se celotna stran znova naloži, ko kliknete gumb za pošiljanje obrazca. In takrat se podatki, vneseni v obrazec, prenesejo in shranijo na strežnik.
V tem članku vam bomo pokazali, kako omogočite oddajo Ajax na svojih obrazcih WordPress in preprečite ponovno nalaganje strani.
Zakaj omogočiti oddajo obrazca Ajax v WordPressu?
Oddaja obrazca Ajax je še posebej uporabna, če želite obrazec vdelati v modalno pojavno okno. Brez omogočene oddaje obrazca AJAX bi se morala celotna stran osvežiti, zaradi česar bi se pojavno okno zaprlo. Na ta način lahko uporabniki spregledajo pomembno potrditveno sporočilo, ki jih drži zasvojene.
Če je omogočeno oddajanje obrazca AJAX, bodo vaši uporabniki lahko videli potrditveno sporočilo ob oddaji obrazca na isti strani, ne da bi morali ponovno naložiti stran.
oddaje obrazcev ajax
Če želite omogočiti pošiljanje obrazcev ajax številki telegrama na svojem spletnem mestu WordPress, priporočamo WPForms , najboljši vtičnik obrazcev za WordPress .
1. korak: ustvarite nov obrazec
Če želite začeti ustvarjati svoj obrazec, boste morali najprej namestiti vtičnik WPForms na svoje spletno mesto WordPress.
Ali ne veš kako? Ne skrbi. Oglejte si naš vodnik o tem, kako namestiti vtičnik WordPress, da to popravite.
Ko je vtičnik nameščen in aktiviran, pojdite na svojo nadzorno ploščo WordPress in se pomaknite do WPForms” Add New . Zdaj boste preusmerjeni na stran, kjer lahko izberete predlogo za svoj obrazec.
WPForms ponuja več predlog obrazcev, med katerimi lahko izbirate. Za to vadnico izberimo predlogo obrazca za nalaganje datotek . Delate lahko tudi s predlogo Simple Contact Form.
Predloga obrazca za nalaganje datoteke WPForms
Zdaj boste na zaslonu videli graditelj obrazcev. Na levi strani zaslona imate zavihka Dodajanje polj in Možnosti polja . S temi zavihki lahko konfigurirate kontaktni obrazec.
Če uporabljate predlogo za nalaganje datoteke, bo polje že dodano vašemu obrazcu. Če želite polje dodati kateri koli drugi predlogi, morate samo povleči polje obrazca za nalaganje datoteke in ga spustiti na želeno mesto v graditelju obrazcev.
polje obrazca za nalaganje datotek v WPForms
Na ta način vam WPForms olajša dodajanje polj obrazcu s funkcijo povleci in spusti. Položaj polj lahko spremenite tudi z vlečenjem in spuščanjem. Če želite odstraniti polje, je tudi to enostavno. Preprosto postavite kazalec nad neželeno polje in kliknite ikono za brisanje , ki se prikaže v zgornjem desnem kotu polja.
Na zavihku Možnosti polja lahko spremenite oznako polja, spremenite obliko polja z imenom, spremenite velikost pisave ter vklopite ali izklopite oznake in podoznake. Imate tudi možnost vklopa možnosti pogojne logike .
možnosti nalaganja datotek v WPForms
Ko končate z ustvarjanjem obrazca z graditeljem obrazcev, kliknite gumb Shrani , da vaše spremembe ostanejo nedotaknjene.
3. korak: Aktivirajte oddajo obrazca Ajax
Ko shranite spremembe, kliknite zavihek Nastavitve na levi strani ustvarjalnika strani. Tukaj boste videli več možnosti. Pojdite na možnost Splošno . Pod tem boste videli niz polj. Tukaj lahko spremenite ime obrazca, dodate opis obrazca, spremenite besedilo gumba itd.
Če se pomaknete navzdol po zaslonu, boste videli nekaj potrditvenih polj. Izberete lahko polje z napisom Omogoči oddajo obrazca Ajax . Postopek zaključite s klikom na gumb Shrani v zgornjem desnem kotu zaslona.
omogoči oddajo obrazca ajax
Zdaj pojdite na zavihek Obvestilo pod zavihkom Splošno . Ta možnost vas bo obvestila vsakič, ko nekdo odda vaš obrazec. V prvo polje vnesite elektronski naslov administratorja oziroma osebe, ki je zadolžena za prejemanje elektronske pošte. Vnesete lahko tudi zadevo e-pošte, ime pošiljatelja, naslov prejemnika in svoje sporočilo.
Ko je to opravljeno, ne pozabite shraniti sprememb. Nastavite lahko tudi potrditveno sporočilo, ki ga bodo obiskovalci prejeli po pritisku na gumb za pošiljanje.
potrditev v wpforms
4. korak: objavite obrazec z oddajo Ajax
Zadnji korak je, da obrazec Ajax objavite na svojem spletnem mestu . Če želite to narediti, pojdite na stran, kjer želite, da se prikaže obrazec.
Začnete lahko tako, da obiščete » Dodaj nove strani« na nadzorni plošči WordPress. Zdaj svoji strani dodajte naslov. V urejevalniku besedil vaše strani dodajte nov blok in poiščite WPForms .
Ko dodate blok, boste videli maskoto WPForms s spustnim menijem za izbiro obrazca, ki ste ga pravkar ustvarili.
urejevalnik blokov wpforms
Izberite želeni obrazec in na vaši strani se bo prikazal predogled obrazca.
Obrazec lahko dodate tudi v klasičnem urejevalniku z gumbom »Dodaj obrazec«, takole:
add-form-classic-urejevalnik
Nato lahko kliknete gumb Objavi , da aktivirate obrazec.
Bilo je enostavno, kajne?
Zdaj boste morda želeli slediti številu klikov gumbov, ki jih prejme vaš kontaktni obrazec. Če želite to narediti, si oglejte naš vodnik o sledenju povezavam in klikom gumbov.