Paano Magsumite ng isang Form na Walang Pahina ng Refresh sa WordPress

magsumite ng isang form na walang pag-refresh ng pahina


Nais mo bang pigilan ang iyong pahina mula sa pag-refresh kapag ang isang bisita ay nagsumite ng isang form? Bilang default, ang buong pahina ay mag-relo sa pag-click sa pindutan na isumite ang form. At iyon ay kapag ang data na naipasok sa form ay inilipat at nakaimbak sa server.

Sa artikulong ito ay ipapakita namin sa iyo kung paano paganahin ang pagsusumite ng Ajax sa iyong mga form sa WordPress at maiwasan ang pag-reload ng pahina.

Bakit Paganahin ang Pagsumite ng Ajax Form sa WordPress

Ang pagsumite ng Ajax form ay kapaki-pakinabang lalo na kung nais mong mag-embed ng isang form sa isang modal popup. Kung walang pinagana ang pagsusumite ng AJAX form, ang buong pahina ay kailangang mag-refresh, na humahantong sa pagsasara ng popup window. Sa ganoong paraan maaaring makaligtaan ng mga gumagamit ang mahalagang mensahe ng kumpirmasyon na nagpapanatili sa kanila na makisali.

Sa pinagana ang pagsusumite ng AJAX form, makikita ng iyong mga gumagamit ang mensahe ng kumpirmasyon sa pagsumite ng form sa parehong pahina nang walang pag-reload.

mga pagsusumite ng ajax form

Upang paganahin ang pagsusumite ng ajax form sa iyong site ng WordPress, inirerekumenda namin WPForms, ang pinakamahusay na plugin ng form para sa WordPress.

Hakbang 1: Paglikha ng isang Bagong Form

Upang simulan ang paglikha ng iyong form, kailangan mong i-install muna ang WPForms plugin sa iyong website ng WordPress.

Hindi sigurado kung paano? Walang problema. Maaari kang lumundag sa aming gabay sa kung paano mag-install ng isang plugin ng WordPress upang makuha ang lahat na pinagsunod-sunod.

Kapag na-install at naisaaktibo ang plugin, pumunta sa iyong WordPress dashboard at mag-navigate sa WPForms »Magdagdag ng Bago. Magre-redirect ka ngayon sa isang pahina kung saan maaari kang pumili ng isang template para sa iyong form.

Nag-aalok ang WPForms ng 7 iba’t ibang mga template ng form upang mapili. Piliin ang Simple na Form ng Pakikipag-ugnay pagpipilian para sa tutorial na ito at pagkatapos ay magdagdag ng isang patlang ng pag-upload ng file sa form.

WPForm form setup

Makikita mo na ngayon ang form ng tagabuo sa iyong screen. Sa kaliwang bahagi ng iyong screen, mayroon ka Magdagdag ng Mga Patlang at ang Mga Pagpipilian sa Patlang tab. Maaari mong gamitin ang mga tab na ito upang i-configure ang iyong form ng contact.

tanggalin ang isang patlang mula sa wpform

Ginagawang madali ng WPForm para sa iyo upang magdagdag ng mga patlang sa iyong form na may drag at drop. Maaari mo ring baguhin ang posisyon ng mga patlang sa pamamagitan ng pag-drag at pagbagsak. Kung nais mong alisin ang isang patlang, madali rin iyon. I-hover mo lang ang iyong cursor sa hindi ginustong larangan, at mag-click sa tanggalin icon na lilitaw sa tuktok na kanang sulok ng larangan.

Sa ilalim ng Mga Pagpipilian sa Patlang tab, maaari mong baguhin ang label ng patlang, baguhin ang format ng patlang ng pangalan, baguhin ang laki ng font at paganahin o huwag paganahin ang mga label at mga sub-label. Mayroon ka ring pagpipilian upang paganahin ang kondisyong lohika pagpipilian.

Kapag tapos ka na sa paglikha ng iyong form sa form ng form, mag-click sa makatipid button, upang manatili buo ang iyong mga pagbabago.

Ngayon na gumawa kami ng isang simpleng form ng contact, idagdag ang tampok na pag-upload ng file dito.

Upang magdagdag ng tampok na pag-upload ng file, ang kailangan mo lang gawin ay mag-click sa patlang ng Upload ng File sa kaliwang panel. Bilang kahalili, maaari mong i-drag ang patlang ng File Upload form at ihulog ito sa iyong ginustong posisyon sa form ng form.

form ng pag-upload ng file

Hakbang 3: Paganahin ang Pagsumite ng Form ng Ajax

Kapag nai-save ang iyong mga pagbabago, mag-click sa Mga setting tab sa kaliwang bahagi ng iyong tagabuo ng pahina. Makakakita ka ng maraming mga pagpipilian dito. Pumunta sa Pangkalahatan pagpipilian. Sa ilalim nito, makikita mo ang isang bilang ng mga patlang. Dito maaari mong baguhin ang pangalan ng iyong form, magdagdag ng isang paglalarawan ng form, baguhin ang pindutan ng teksto, atbp.

Kung mag-scroll ka pa sa ibaba ng screen, makakakita ka ng ilang mga checkbox. Maaari mong piliin ang checkbox na nagsasabing Paganahin ang pagsusumite ng Ajax Form. Kumpletuhin ang proseso sa pamamagitan ng pag-click sa I-save pindutan sa kanang tuktok na sulok ng iyong screen.

paganahin ang pagsusumite ng ajax form

Pumunta ka sa Abiso tab sa ibaba ng Pangkalahatan tab. Aalamin sa iyo ang pagpipiliang ito sa bawat oras na isusumite ng isang tao ang iyong form. Kaya sa 1st field ipasok ang email address ng admin o kung sino ang namamahala sa pagtanggap ng mga email. Maaari mo ring ipasok ang paksa ng Email, pangalan ng nagpadala, address ng tatanggap at isang mensahe ng iyong sarili.

Kapag tapos na, siguraduhing nai-save mo ang mga pagbabago. Maaari ka ring magtakda ng isang mensahe ng kumpirmasyon na matatanggap ng mga bisita matapos nilang ma-hit ang pindutan ng isumite.

mga setting ng kumpirmasyon ng pag-upload ng form ng file

Hakbang 4: Pag-publish ng Iyong Form na may Pagsumite ng Ajax

Ang pangwakas na hakbang ay ang mai-publish ang iyong form ng pagsusumite ng Ajax na pinagana sa iyong website. Para dito, pumunta sa pahina kung saan nais mong lumitaw ang form.

Maaari kang magsimula sa pamamagitan ng pagpunta sa Mga pahina »Magdagdag ng Bago sa iyong WordPress dashboard. Ngayon magdagdag ng isang pamagat sa iyong Pahina. Sa editor ng teksto ng iyong pahina, mag-click sa Magdagdag ng Form pagpipilian. Ang isang bagong window ay lilitaw sa iyong screen.

wpforms naka-embed na form

Mag-click sa arrow ng dropdown at piliin ang form na nilikha lamang. Ngayon mag-click sa Magdagdag ng Form pindutan. Makikita mo ang naka-embed na code na makikita sa text editor ng iyong pahina. Maaari mong suriin kung paano nagmula ang form sa pamamagitan ng pag-click sa Preview pindutan sa kanang bahagi ng iyong screen.

Maaari mong i-click ang I-publish pindutan upang sa wakas ay mabuhay ang form.

Iyon ay madali, hindi ito?

Maaari mo na ngayong subaybayan ang bilang ng mga pag-click sa pindutan na natanggap ng iyong form ng contact. Upang gawin ito, tingnan ang aming gabay sa pagsubaybay sa mga link at pag-click sa pindutan.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map