Paano Gumawa ng isang Form ng Makipag-ugnay sa WordPress (Hakbang sa Hakbang)

Naghahanap ka ba upang magdagdag ng isang form ng contact sa iyong WordPress site?


Ang bawat website ay nangangailangan ng isang form ng contact, kaya madaling makipag-ugnay sa iyo ang mga bisita tungkol sa iyong mga produkto at serbisyo. Bilang default, ang WordPress ay hindi dumating kasama ang isang built-in na form ng contact, ngunit mayroong isang madaling paraan upang magdagdag ng mga form ng contact sa iyong site.

Sa pagtuturo ng WordPress na ito, ipapakita namin sa iyo kung paano madaling lumikha ng isang form ng contact sa WordPress (hakbang-hakbang) nang hindi hawakan ang isang solong linya ng code.

Madaling magdagdag ng isang form ng contact sa WordPress

Bakit Kailangan mo ng form ng contact?

Maaari kang magtataka kung bakit kailangan ko ng isang form ng contact? Hindi ko ba idagdag ang aking email address sa aking website, upang mai-email ako ng mga tao?

Iyon ay isang pangkaraniwang katanungan mula sa mga nagsisimula dahil natatakot sila na ang pagdaragdag ng isang form ng contact ay nangangailangan ng kaalaman sa code.

Ang katotohanan ay hindi mo kailangang malaman ang anumang code. Ang hakbang na ito sa pamamagitan ng hakbang na gabay sa pagdaragdag ng isang form ng contact ay nakasulat para sa ganap na mga nagsisimula.

Nasa ibaba ang nangungunang 3 mga dahilan kung bakit mas mahusay ang isang form ng contact kaysa sa pag-paste ng iyong email address sa isang pahina.

  • Proteksyon sa Spam – Regular na pag-scrape ng mga bot ng Spam ang mga website para sa mailto: tag ng email address. Kapag nai-post mo ang iyong email address sa website, magsisimula kang makatanggap ng maraming mga email sa spam. Sa kabilang banda, kapag gumagamit ka ng isang form ng contact, maaari mong alisin ang halos lahat ng mga email sa spam.
  • Kasabay na Impormasyon – Kapag nag-email, hindi palaging ipinapadala sa iyo ng mga tao ang lahat ng impormasyon na kailangan mo. Sa pamamagitan ng isang form ng contact, maaari mong sabihin sa gumagamit ang eksaktong impormasyon na iyong hinahanap (tulad ng kanilang numero ng telepono, badyet, atbp).
  • Nakakatipid ng oras – Makipag-ugnay sa iyo ang mga form ng contact upang makatipid ka ng oras sa mas maraming paraan kaysa sa iyong maisip. Bukod sa pare-pareho ang impormasyon na nabanggit namin sa itaas, maaari ka ring gumamit ng mga kumpirmasyon sa form upang sabihin sa gumagamit kung ano ang susunod na mga hakbang. Tulad ng panonood ng isang video o maghintay ng hanggang 24 na oras upang makakuha ng tugon, kaya hindi ka nila padadalhan ng maraming mga katanungan.

Sa ibaba ay isang halimbawa ng isang form sa pakikipag-ugnay sa WordPress na gagawa kami sa tutorial na ito.

Preview ng pahina ng contact

Matapos malikha ang form sa itaas, ipapakita namin sa iyo kung paano mo madaling idagdag ito sa iyong pahina ng contact, o sa sidebar ng iyong site gamit ang isang plugin ng contact ng WordPress.

Maganda ang tunog? Ok kaya magsimula na tayo.

Tutorial ng Video

Mag-subscribe sa WPBeginner

Kung mas gusto mo ang mga nakasulat na tagubilin, pagkatapos mangyaring magpatuloy sa pagbabasa.

Hakbang 1. Pagpili ng Pinakamagandang Plugin ng Form ng Pakikipag-ugnay

Ang unang bagay na kailangan mong gawin ay pumili ng isang plugin ng contact ng WordPress.

Habang maraming mga libre at bayad na mga plugin ng contact ng WordPress na maaari mong piliin, gumagamit kami ng WPForms sa aming site at naniniwala na ito ang pinakamahusay na pagpipilian sa merkado.

Nasa ibaba ang tatlong mga kadahilanan kung bakit sa palagay namin ang WPForms ang pinakamahusay.

  1. Ito ay ang pinaka-nagsisimula friendly na form ng contact plugin na magagamit. Maaari mong gamitin ang drag & drop builder upang madaling lumikha ng isang form ng contact sa ilang mga pag-click lamang.
  2. Ang WPForms Lite ay 100% libre, at maaari mo itong gamitin upang lumikha ng isang simpleng form ng contact (higit sa 3 milyong mga site na ginagamit ito).
  3. Kapag handa ka na para sa mas malakas na mga tampok, pagkatapos ay maaari kang mag-upgrade sa WPForms Pro.

Ngayon na napagpasyahan namin ang plugin ng form ng contact, sige na at i-install ito sa iyong site.

Hakbang 2. I-install ang isang Plugin ng Form ng Pakikipag-ugnay sa WordPress

Para sa tutorial na form ng contact na ito, gagamitin namin ang WPForms Lite dahil libre ito at madaling gamitin.

Maaari mong mai-install ang plugin na ito sa iyong site sa pamamagitan ng pag-log in sa iyong WordPress dashboard at pagpunta sa Mga plugin »Magdagdag ng Bago.

Sa larangan ng paghahanap, i-type ang WPForms at pagkatapos ay mag-click sa pindutan ng I-install Ngayon.

I-install ang WPForms

Matapos mai-install ang plugin, siguraduhing naisaaktibo mo ang plugin.

Isaaktibo ang WPForms

Kung hindi mo makita ang menu ng plugin o gusto mo ng mas detalyadong mga tagubilin, mangyaring sumangguni sa aming hakbang sa hakbang na gabay sa kung paano mag-install ng isang plugin ng WordPress.

Hakbang 3. Lumikha ng isang Form ng Makipag-ugnay sa WordPress

Ngayon na iyong na-activate ang WPForms, handa ka na lumikha ng isang form ng contact sa WordPress.

Sa iyong WordPress dashboard, mag-click sa menu ng WPForms at pumunta sa Magdagdag ng Bago.

Magdagdag ng bagong form

Bubuksan nito ang pag-drag at pag-drop ng form ng WPForms. Magsimula sa pamamagitan ng pagbibigay ng isang form sa iyong contact ng isang pangalan at pagkatapos ay piliin ang iyong template ng form ng contact.

Ang WPForms Lite ay darating lamang mga pre-built form na template tulad ng Blank, Simple Contact Form, atbp Maaari mong gamitin ang mga ito upang lumikha lamang ng anumang uri ng form ng contact na gusto mo.

Alang-alang sa halimbawang ito, mauuna tayo at pipiliin Simple na Form ng Pakikipag-ugnay. Ito ay idagdag ang mga patlang ng Pangalan, Email, at Mensahe.

Lumilikha ng isang bagong form sa WordPress na may WPForms

Maaari kang mag-click sa mga patlang upang mai-edit ang mga ito. Maaari mo ring gamitin ang iyong mouse upang i-drag at i-drop ang order ng patlang.

Kung nais mong magdagdag ng isang bagong patlang, pumili lamang mula sa magagamit na mga patlang sa kaliwang sidebar.

Pagdaragdag ng bagong larangan sa iyong form ng contact

Kapag tapos ka na mag-click sa I-save pindutan.

Hakbang 4. Pag-configure ng Form ng Abiso at Pagkumpirma

Ngayon na nilikha mo ang iyong form sa WordPress, mahalaga na maayos mong i-configure ang form ng notification at kumpirmasyon ng form.

Ang kumpirmasyon ng form ay kung ano ang nakikita ng iyong bisita sa website pagkatapos nilang isumite ang form. Maaari itong maging isang mensahe ng pasasalamat, o maaari mong mai-redirect ang mga ito sa isang espesyal na pahina.

Ang form ng notification ay ang email na nakukuha mo pagkatapos isumite ng isang tao ang form ng contact sa iyong WordPress site.

Maaari mong ipasadya ang pareho ng mga iyon sa pamamagitan ng pagpunta sa tab na Mga Setting sa loob ng tagabuo ng form na WPForms.

Karaniwan naming iniwan ang form ng kumpirmasyon bilang default na mensahe ng Salamat sa Iyo. Gayunpaman, maaari mo itong baguhin upang mai-redirect sa isang tukoy na pahina kung gusto mo.

Pagse-set up ng kumpirmasyon ng form

Ang pinakamagandang bahagi tungkol sa WPForms ay ang mga default na setting ay mainam para sa mga nagsisimula. Kung pupunta ka sa mga setting ng abiso, ang lahat ng mga patlang ay paunang puno ng pabago-bago.

Pagse-set up ng mga abiso sa form

Ang mga abiso sa pamamagitan ng default ay ipinadala sa Admin Email na na-set up mo sa iyong site.

Kung nais mong ipadala ito sa isang pasadyang email address, maaari mong baguhin iyon. Kung nais mong ipadala ang abiso sa maraming mga email, pagkatapos ay ihiwalay lamang ang bawat email address sa pamamagitan ng isang koma.

Ang paksa ng email ay punong-puno ng iyong pangalan ng form. Ang patlang ng pangalan ay awtomatikong populasyon sa pangalan ng iyong gumagamit. Kapag sumagot ka sa pagtatanong, mapupunta ito sa email na napuno ng iyong gumagamit sa form ng contact.

Mayroon kaming isang detalyadong gabay sa kung paano mag-setup ng mga notification ng pasadyang form, kaya maaari kang magpadala ng mga form sa maraming mga tatanggap o iba’t ibang mga kagawaran.

Hakbang 5. Pagdaragdag ng Form ng Pakikipag-ugnay sa WordPress sa isang Pahina

Ngayon na tapos ka na na-configure ang iyong form sa contact sa WordPress, oras na upang idagdag ito sa isang pahina.

Ang unang bagay na kailangan mong gawin ay lumikha ng isang bagong pahina sa WordPress o mag-edit ng isang umiiral na pahina kung saan nais mong magdagdag ng form ng contact.

Kami ay gumagamit ng WPForms block upang idagdag ang form sa isang pahina. Mag-click lamang sa magdagdag ng bagong pindutan ng bloke upang maghanap para sa WPForm at pagkatapos ay i-click upang idagdag ito sa iyong pahina.

Magdagdag ng WPForms contact form block sa iyong pahina

Ang WPForm block ay lilitaw na ngayon sa lugar ng nilalaman ng iyong pahina. Kailangan mong mag-click sa drop down menu upang piliin ang form na nilikha mo nang mas maaga.

Piliin ang iyong form sa pakikipag-ugnay sa WPForms block

I-load ng WPForm ang iyong preview ng form ng contact sa loob ng editor. Maaari mo na ngayong i-save o mai-publish ang iyong pahina at bisitahin ang iyong website upang makita ito sa aksyon.

Narito kung ano ang magiging hitsura ng form sa isang halimbawang WordPress page:

Preview ng pahina ng contact

Kung nais mo lamang idagdag ang contact form sa pahina, tapos ka na. Binabati kita.

Ang WPForms ay may kasamang shortcode ng contact sa WordPress. Maaari mong kopyahin ang shortcode ng contact form sa pamamagitan ng pagbisita WPForms »Lahat ng mga Form pahina at pagkatapos ay i-paste ito sa anumang post o pahina ng WordPress.

Ang shortcode ng contact ng WordPress upang magamit sa post at mga pahina

Kung nais mong magdagdag ng isang form ng contact sa isang sidebar o isa pang handa na widget, pagkatapos ay pumunta sa hakbang 6.

Hakbang 6. Pagdaragdag ng Form ng Pakikipag-ugnay sa WordPress sa isang Sidebar

Ang mga WPForm ay may isang widget ng contact ng WordPress na maaari mong gamitin upang idagdag ang iyong form sa pakikipag-ugnay sa isang sidebar o talaga ang anumang iba pang lugar na handa sa widget sa iyong tema.

Sa iyong WordPress admin area, pumunta sa Hitsura »Mga Widget. Makakakita ka ng isang WPForms widget na madali mong mai-drag sa anumang mga lugar na handa sa widget ng iyong tema.

Magdagdag ng form gamit ang isang sidebar widget

Susunod, idagdag ang pamagat para sa iyong widget at piliin ang form na nais mong ipakita. I-save ang mga setting, at bisitahin ang iyong website para sa preview.

Form ng contact ng sidebar

Inaasahan namin na ang artikulong ito ay tumulong sa iyo na lumikha ng isang simpleng form ng contact sa WordPress. Maaari mo ring suriin ang aming paghahambing ng pinakamahusay na plugin ng WordPress backup at ang aming gabay sa kung paano ayusin ang WordPress na hindi nagpapadala ng isyu sa email.

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