Paano Gumawa ng isang Form ng Pakikipag-ugnay sa Pag-ugnay sa WordPress – Hakbang sa Hakbang

kung paano lumikha ng isang contact form na popup sa wordpress


Nais mo bang i-pop up ang iyong form ng contact kapag ang isang gumagamit ay nag-click sa pindutan ng contact o link?

Ang bentahe ay sa tuwing ang isang gumagamit ay nag-click sa pindutan ng contact o isang link, sa halip na pumunta sa isang bagong pahina, ang form ng contact ay bubukas sa anyo ng isang popup, na magpapataas ng mga pagsumite ng form. Sa artikulong ito, ipapakita namin sa iyo kung paano lumikha ng isang contact form popup sa iyong WordPress site nang hindi naaapektuhan ang iyong karanasan sa gumagamit sa isang hakbang-hakbang na paraan.

Ang paglikha ng isang Form ng Pakikipag-ugnay sa Format Madaling sa WordPress

Sa WordPress, ang paglikha ng isang contact form popup ay madali. Upang magsimula, kailangan mo lamang magkaroon ng 2 bagay:

  1. isang malakas na popup plugin
  2. isang matatag na plugin ng tagabuo ng form

Upang makamit ang pinakamahusay na mga resulta inirerekumenda namin sa iyo ang paggamit WPForms para sa paglikha ng iyong form ng contact. Ito ay isang malakas na plugin ng tagabuo ng form na nagbibigay-daan sa iyo na bumuo ng halos anumang uri ng form sa mas mababa sa 5 minuto. Magbasa nang higit pa tungkol sa WPForms dito.

WPForms, pagpaparehistro ng gumagamit, plugin, plugin ng pag-login sa gumagamit

Pagdating sa mga popup plugin, sa palagay namin walang ibang pagpipilian na mas mahusay kaysa sa PagpipilianMonster. Ito ay isa sa mga pinakatanyag at malakas na mga plugin ng lead generation na nagbibigay-daan sa iyo na mahuli ang atensyon ng iyong bisita at hikayatin silang magsagawa ng aksyon sa iyong site gamit ang mga nakamamanghang optika. Sa pamamagitan ng plugin na ito, maaari mong madagdagan ang pakikipag-ugnayan ng gumagamit at mapalakas ang iyong mga conversion at benta.

optinmonster-popups

Upang malaman ang higit pa tungkol sa OptinMonster basahin ang aming detalyadong pagsusuri sa OptinMonster.

Hakbang 1: I-install ang WPForms at OptinMonster Plugins

add-wordpress-plugin

Magsimula sa pamamagitan ng pag-download ng WPForms isaksak. Pagkatapos, i-install at i-activate ito. 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. Maghihintay kami.

Lahat ng set? Perpekto.

Sundin ang parehong proseso upang maisaaktibo ang plugin ng OptinMonster. Ngunit hindi sapat na mai-install lamang ang plugin. Kailangan mong gumawa ng account kasama ang OptinMonster app din. Ang plugin ay kumikilos lamang bilang isang daluyan upang ikonekta ang iyong site sa WordPress sa OptinMonster app. Kaya upang gawin itong gumana nang maayos kailangan mong i-install ang plugin at lumikha din ng isang account kasama ang app.

Hakbang 2: Gumawa ng isang Form ng Makipag-ugnay Gamit ang WPForms para sa Popup

Gagamitin muna namin ang plugin ng WPForms upang lumikha ng isang form ng contact. Ngunit kung gumagamit ka ng WPForms at nakagawa ka ng isang form sa pakikipag-ugnay dito, maaari mong laktawan ang hakbang na ito.

Kung wala kang isang form ng contact, pumunta sa iyong dashboard at mag-click sa WPForms »Magdagdag ng Bago.

wpforms-dashboard

Dadalhin ka nito sa isa pang pahina kung saan maaari kang pumili ng isang template ng form at magdagdag ng isang pangalan sa iyong form. Piliin ang Simple form ng contact template at magbigay ng isang pangalan sa iyong form.

WPForms Lite Mga template

Sa pagkumpleto ng proseso, ilulunsad ang tagabuo ng form na ginagawang madali upang idisenyo ang iyong mga form. Madali mong magdagdag o mag-alis ng mga file gamit ang drag at drop builder.

Maaari kang magdagdag ng lahat ng mga patlang na sa tingin mo ay kinakailangan para sa iyong form. Kapag tapos na ang lahat, pindutin ang pindutan ng pag-save upang mai-save ang iyong mga pagbabago. Ang iyong form ng contact ay handa nang mabuhay.

Ngayon pindutin ang I-embed tab sa tabi ng i-save na pindutan at kopyahin ang shortcode.

Hakbang 3: Paglikha ng isang WordPress Popup Gamit ang OptinMonster

Ang susunod na hakbang ay upang lumikha ng isang popup sa iyong website. Gumagawa kami ng isang modal popup gamit OptinMonster. Kaya pumunta sa iyong WordPress dashboard at mag-click sa OptinMonster »Lumikha ng Bagong Kampanya.

Magbubukas ito ng isang bagong screen kung saan maaari mong piliin ang uri ng kampanya na sinusundan ng template ng iyong optin. Para sa uri ng kampanya, pipiliin namin ang pagpipilian ng popup.

Para sa template, hayaan ang Canvas. Ito ay isang blangkong canvas na sumusuporta sa lahat ng mga anyo ng mga shortcode. Kaya maaari mong ipasok ang anumang HTML, CSS, JavaScript, at kahit na mga WordPress shortcode dito.

Kapag pinili mo ang template, bibigyan ka ng isang bagong screen kung saan maaari mong pangalanan ang iyong kampanya.

Susunod na mag-click sa Simulan ang pagbuo tab. Tutungo ka na ngayon sa drag and drop builder. Mapapansin mo na ang canvas ay blangko sa mga tuntunin ng disenyo. Maaari kang lumikha ng anumang popup gamit ang canvas na ito at idisenyo ang mga ito mula sa simula. Maaari mong gawin iyon gamit ang mga pagpipilian sa ilalim ng Disenyo tab.

Kapag tapos na, mag-click sa Magdagdag ng mga Bloke tab sa ilalim ng tab na Disenyo. Mag-scroll pababa upang mahanap ang Mga bloke ng elemento mga pagpipilian. Sa ilalim nito, makakakita ka ng isang HTML block. I-drag at i-drop ito sa lugar ng pagdidisenyo.

Dito maaari kang magpasok ng isang shortcode ng contact form kasama ang anumang iba pang pasadyang HTML na nais mong idagdag. Kaya’t idagdag natin ang aming shortcode na sumusunod:

Mayroon kang anumang mga katanungan?

Nais mong magtanong nang higit pa tungkol sa aming serbisyo? Punan lamang ang form at babalik kami sa iyo sa lalong madaling panahon.

Narito ang isang preview kung paano mo ito magagawa.

Pansinin na ang shortcode ng form na nilikha namin mas maaga ay naka-embed din sa code. Maaari mong palitan ang shortcode na ito sa iyo. Ngayon i-save ang iyong mga pagbabago. Pagkatapos nito, pumunta sa Ipakita ang mga patakaran tab at itakda ang oras upang zero tulad ng ipinapakita sa screenshot.

Mag-scroll pa sa ibaba ng screen na ito at makakahanap ka ng higit pang mga pagpipilian. Maaari mong gamitin ang mga ito kung nais mong ipakita ang form na ito sa isang tukoy na pahina o post. Pindutin ang I-save pindutan kapag tapos na.

Hakbang 4: Pag-publish ng Iyong Popup Form

Kapag tapos ka na sa pagtatrabaho sa mga pagbabago, mag-click sa Oo hindi pagpipilian sa tuktok at mag-click sa buhayin tab.

Sa wakas, pumunta sa I-publish tab at i-toggle ang katayuan sa mabuhay.

optinmonster, welcome gate, wp welcome gate, listahan ng gusali

Kapag tapos na bumalik sa iyong WordPress dashboard at pumunta sa OptinMonster »Mga Kampanya. Dito, makikita mo ang iyong kampanya. Sa ibaba ng pag-click sa I-edit ang mga setting ng output link. Ito ay mapapalawak upang ipakita ang ilang mga pagpipilian. Lagyan ng tsek ang kahon sa tabi Paganahin ang kampanya sa site pagpipilian.

Sa wakas mag-click sa I-save ang mga setting pagpipilian sa dulo ng pahina.

Hakbang 5: Pagdaragdag ng isang Link sa Trigger ang contact form Popup

Una kopyahin ang slug ng kampanya ng OptinMonster. Maaari mong makita ito sa tabi ng pangalan ng iyong kampanya.

Ngayon lumikha ng isang bagong pahina sa WordPress o mag-edit ng isang post o pahina kung saan nais mong idagdag ang link form ng contact o pindutan. Gumagawa kami ng bago dito. Pumunta sa iyong text editor at idagdag ang sumusunod na code. Huwag kalimutan na palitan ang slug gamit ang iyong sariling slug.

Makipag-ugnayan sa amin

Kapag tapos na pindutin ang I-publish button sa iyong kanan. Ang iyong form ay nasa aksyon na. Bisitahin ang iyong site mula sa harap-dulo at makikita mo ito.

Inaasahan namin na nakatutulong ka sa artikulong ito. Kung nais mong malaman ang higit pa tungkol sa paglikha ng isang form ng contact sa WPForms narito ang isang detalyadong gabay.

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