Plug Contact Form 7: pagtatakda hitsura. I-configure ang Contact Form 7 para sa Wordpress

Ang materyal na ito ay inilarawan sa detalye Contact Form 7 setup - mga plug-in sa tulad ng isang popular na platform para sa paglikha at pag-promote ng mga site sa pandaigdigang web, tulad ng "WordPress". Ito software tool ay nagpapahintulot sa iyo na lumikha at i-configure ang form ng feedback.

Ang isang maliit na bit tungkol sa "WordPress"

Isa sa mga pinaka sikat at ang pinaka-karaniwang mga tool para sa disenyo at nilalaman ng mga mapagkukunan ng impormasyon ay ang "WordPress". Sa una ang software ay nakatuon sa paglikha ng mapagpanggap na mga blog. Ngunit pagkatapos ay ang mga espesyalista profile makadagdag sa kanyang pag-andar, na nagpapahintulot sa upang lumikha ng sa tulong ng mga sistema ng pamamahala ng nilalaman ay nagagawa, at iba pang mga online na mapagkukunan.

Kalamangan at kahinaan ng platform para sa paglikha at pag-promote ng mga site

Plus, ito software platform ay ang mga:

• Ang pagiging simple at pagiging bukas ng source code.

• Isang kahanga-hangang dami ng background na impormasyon.

• Kakayahang upang bumuo ng anumang antas ng kahirapan base sa paksa na mapagkukunan sa Internet para sa pinakamaikling posibleng panahon.

• Mataas na pagganap nang walang karagdagang software add-ins (plug-in).

Ngunit ang mga disadvantages sa kasong ito ay ang mga sumusunod:

• Mga site na ito ay batay sa "WordPress", hindi upang makaya na may mabigat na load.

• Ang pagbawas sa ang bilis ng mapagkukunan ng Internet sa pag-install ng mga karagdagang mini-programa, o bilang sila ay tinatawag na mga plug-ins.

Ano ang isang plug- at kung bakit sila ay kinakailangan sa batayan ng mga site 'Wordpress' platform

Ang pangunahing pag-andar ng isang sistema ng pamamahala ng nilalaman, tulad ng "Wordpress" napaka-disente. Ang kanyang lamang ng sapat na upang bumuo ng ang pinaka-simpleng mga blog at mga website. Upang kahit papaano ay mapabuti ang sitwasyon na may mga pag-andar ng platform ng software at idagdag sa ito ng kakayahang umangkop, mga developer ay upang i-install ang mas maraming mga espesyal na mini-programa, na kung saan sa magulong pag-uusap ay tinatawag na plug-ins. Ang isa sa mga ito ay ang Contact Form 7. Pag-configure ang plugin ay nagbibigay-daan sa isang tiyak na pahina ng isang content management system upang lumikha ng isang form ng feedback na may mga advanced na antas ng pag-andar.

Espesyalisasyon "Contact Form 7"

Tulad ng nabanggit mas maaga, ang pagtatatag ng isang puna sa pagitan ng mga bisita at ang administrator ng mapagkukunan ng Internet base sa "WordPress" platform - ang pangunahing gawain ng Contact Form 7. Mail Setup, template pag-edit, ilipat ang iba't-ibang mga file - ito ay hindi isang malawakan listahan ng mga posibilidad na inaalok ng ito mini-programa. Sa kasong ito, ang load sa mga mapagkukunan ng hardware ng isang site ay relatibong maliit, at ang availability nito ay hindi humantong sa isang makabuluhang pagbaba sa ang bilis ng iyong website o blog.

Paano mag-install ng plugin

May tatlong mga paraan upang i-install ang plug-in sa "WordPress" plataporma:

• Sa pag-download ng isang zip-archive ng pandaigdigang web at "punan" ito sa naaangkop na direktoryo ng mga mapagkukunan ng Internet.

• Sa pamamagitan ng paggamit ng iba't ibang uri ng FTP-client.

• I-download ang applets gamit ang administrative control panel, site, blog o portal.

Ang pinakaligtas sa mga sumusunod na tatlong mga pagpipilian para sa pag-install ng plug-ins ay ang huling. Sa kasong ito, ang programa code ay nai-download mula sa opisyal na site at ito ay hindi eksakto magkaroon ng isang iba't ibang mga uri ng mga malisyosong, mapanganib fragment. ang mga pamamaraan sa pag-install ng plugin mismo, sa kasong ito ang mga sumusunod:

• Pumunta sa admin panel "WordPress".

• Pagkatapos ay kailangan mong ilipat papunta sa seksyong "Plugin".

• Sa "Magdagdag ng bago" window na bubukas, piliin ang mga item.

• Sa search bar, ipasok ang pangalan ng plugin - Contact Form 7 - at pagkatapos ay idirekta ang pointer ng mouse sa pindutan ng "Search" at ang paggawa ng isang solong pag-click. Ito ay nagsisimula sa isang search operation ng mga kinakailangang software.

• Sa huli ay magpapakita ng isang listahan ng mga plug-ins natagpuan. Sa listahan na ito nakita namin ang isa na gusto namin, at i-click ang pindutan na may "I-install" tatak, na kung saan ay matatagpuan sa harap ng sa kanya.

• Pagkatapos nito, ang mga content management system ay awtomatikong i-download at i-install ang plugin.

• Ang susunod na hakbang ay upang i-activate ang naka-install na software. Upang gawin ito, pumunta sa tab na "Plugin" sa listahan ay ang Makipag-ugnay sa Form7. Sa tabi nito ay may isang inskripsyon: "Paganahin ang" at i-click ito nang isang beses gamit ang mouse.

• I-update ang administrative panel ng mga sistema ng pamamahala ng nilalaman at hanapin ito sa gitna ng mga puntos Makipag-ugnay sa Form7. Ito ang kalagayan para sa matagumpay na pag-install ng mga ito popular at functional plugin.

setting Algorithm "Contact Form 7"

I-configure ang Contact Form 7 ay binubuo ng mga sumusunod na mga item:

• Lumikha ng isang bagong form o i-edit ang isang lumang isa, na nalikha kapag nag-install mo ang plugin. Tulad ng karanasan ay nagpapakita, ito ay mas mahusay na sa karamihan gamitin ang pagpipilian upang lumikha ng isang bagong form ng mga ito.

• Sa susunod na hakbang, piliin ang wika ng form at i-set ang pangalan nito.

• Pagkatapos ay kailangan mo upang, kung kinakailangan, i-reconfigure ang pattern.

• I-save ang iyong mga pagbabago.

• Lumikha ng isang bagong pahina na may code naunang nakuha.

• Pagkatapos ito ay kinakailangan upang i-publish ang bagong pahina.

• Sa final stage kailangan mong pumunta sa website at i-check ang tamang operasyon ng nilikha ng sangkap na interface ng isang mapagkukunan sa Internet.

Lumikha ng isang bagong form

Agad-agad pagkatapos ng pag-activate ng plugin na ito ay lumilikha ng isang default na form upang magtanong mula sa mga bisita sa site o blog. Ito ay, siyempre, maaari mong i-edit at i-configure nang maayos. Ngunit lubhang mas madaling upang alisin ito at lumikha ng isang bagong isa na may isang kumpletong hanay ng lahat ng mga kinakailangang pag-andar. Upang gawin ito, magsagawa ng mga hakbang na ito:

• Pumunta kami sa menu plugin na ito at piliin ang mga item na "Forms".

• Sa window na bubukas pagkatapos nito, dapat mong ilagay ang mga kahon sa tabi ng "Makipag-ugnay Form1."

• Pagkatapos ay sa itaas ng mga ito, sa drop-down na listahan "Aksyon", piliin ang item na "tanggalin".

• Bilang tugon, tatanungin ka upang kumpirmahin ang workflow. Ito ay kinakailangan upang kumpirmahin ang pagtanggal ng form at i-click ang mouse sa button na "Oo".

• Sa susunod na menu, piliin ang "Lumikha ng Bago" sa admin panel "WordPress» «Kontak Form7».

• Sa window na bubukas, sa drop-down list, piliin ang wika ng interface ng hinaharap anyo - "Russian". Pagkatapos ay pindutin namin ang pindutan ng "Bumuo".

Pagkatapos na ito ay nabuo sa pamamagitan ng ang paunang code ng bagong form ng feedback para sa "WordPress" sa pamamagitan ng default. Pagkatapos noon, ito ay kinakailangan upang magsagawa ng mga pagpapatakbo tulad ng tuning Contact Form 7.

Hinihiling namin ang pangalan ng form

Matapos ang lahat ng mga dati nang nabanggit na pagkilos ng pag-input screen ay lilitaw sa pangalan ng bagong anyo Contact Form 7 Estilo. pag-aayos widget na ito ay at ay nagsisimula na may ganitong simpleng operasyon na may isang kamay. Ngunit ang pangalan ng form ay mas mahusay na magbigay sa batayan ng mga search engine optimization. Samakatuwid, ang pinaka-angkop ay ang kaso, halimbawa, isang "feedback form" o "Magtanong ng isang katanungan tungkol sa mga administrator ng site." Kapag mapasiyahan ang pangalan ng ito ng elemento ng interface, i-type ito sa naaangkop na patlang ng window query.

I-edit ang template na "Contact Form 7"

Sa parehong window na may pangalan ng form ay may 4 na mga tab. Ang unang ng mga ito - "Template". Default ay binuo lamang ng 5 elemento:

• i-set ang pangalan ng lugar sa mga bisita sa isang mapagkukunan sa Internet.

• Field set ng electronic mailbox address ng bisita, upang magtanong.

• larangan Isa pang nagbibigay-daan sa mong i-type ang mga paksa.

• Dagdag dito, ang isang malaking field ng teksto ay nakatakda upang idirekta ang mensahe.

• Huling elemento default na form - ito ay ang pindutan na nagsasabing "Isumite".

Maaari mong i-edit at magdagdag ng iba pang mga elemento ng interface, kung kinakailangan, ang teksto sa patlang na ito. Upang gawin ito, piliin ang code sapat ng anumang elemento ng teksto (eg, ang bahagi ng code, na naglalaman ng paksa ng mensahe at kopyahin ito gamit ang menu ng konteksto sa loob na parehong field sa isa pang lokasyon. Sa kanan doon ay isang drop-down na listahan ng mga pagpipilian (ito ay tinalakay sa mga detalye sa mga susunod na talata) na kung saan kami ay interesado sa, piliin ang mga elemento. Pagkatapos ay sa tabi ng drop-down na listahan lilitaw kinakailangang code. tabi, kopyahin ang code at i-paste ang code sa halip na ang mensahe paksa. ang pangalan ng item ay pinili sa sarili nitong paghuhusga.

Pagsasaayos ng haba ng field at hindi lamang

Sa parehong lugar ito ay posible upang baguhin ang haba ng isang input field sa Contact Form 7. Pagse-set ang lapad ng alinman sa mga patlang ng teksto tulad ng sumusunod:

• Halimbawa, ang kailangan upang madagdagan sa 55 ang bilang ng mga character sa pangalan ng bisita ng isang mapagkukunan sa Internet. Default of 40.

• Upang gawin ito sa code [text * iyong-name] sa dulo idagdag ang mga numero 60/55. Bilang isang resulta, ang code ay nakatanggap [text * iyong-name 60/55]. Pagkatapos i-save ang mga pagbabago ng patlang na ito ay katumbas ng haba ng 60, at ang maximum na bilang ng mga character na ito ay posible na mag-type - 55.

Gayundin, maaari mong palitan ang laki ng field ng teksto ng mensahe. Lamang sa kasong ito ito ay kinakailangan upang baguhin ang code ng mga elemento ng sumusunod [textarea iyong-message 40 x 30]. Sa kasong ito, 40 - ay ang bilang ng mga titik sa parehong hilera, at 30 - ang kabuuang halaga ng ang termino sa mga ito ng elemento interface sa Contact Form 7. Pag-customize ang hitsura ng napaka-parehong hugis ay ginanap sa pamamagitan ng pagpili ng mga halaga ng mga parameter ng bawat indibidwal na elemento. Samakatuwid, ito ay inirerekomenda upang code sa bawat elemento tukuyin ang partikular na halaga bawat ibinigay sa parameter na ito seksyon.

Ang iba pang mga anyo ng tab

Tulad ng nabanggit, ang unang tab ay tinatawag na "Template form". "Ang Letter" - sumusunod ang mga ito sa window na ito. Isinasaad nito ang mga parameter ng lugar na iyon ay magpapadala ng isang mail sa mapagkukunan na ito sa Internet. Sa tab na "Pag-abiso" ay nabuo sa pamamagitan ng isang text message na ipapakita sa kaso ng matagumpay na pagpapadala ng sulat. Pagkatapos ito ay posible rin upang maghanda ng isang mensahe sa ang kaso, kung ito ay hindi makipag-ugnay sa administrator ng site gamit ang mga pondo. Ang huling tab sa Contact Form 7 - "Mga advanced na setting". Ito ay naglalaman ng ang mga parameter na ginagamit sa practice ay napaka, napaka-bihirang. Halimbawa, maaari mo itong gamitin upang ayusin ang tracking ng teksto na ipinasok ng user sa pamamagitan ng "Yandex" - metrics.

Ang mga patlang na maaaring idagdag sa ang plug-in form na ito

I-configure ang Contact Form 7 para sa Wordpress ay nagbibigay-daan sa iyo upang magdagdag ng mga elemento tulad interface sa form ng feedback:

• Field test - isang unibersal na elemento ng interface, kung saan maaari mong ipasok ang anumang hanay ng mga character.

• E-Mail - ang lugar na aking e-mail account name.

• URL - box set ng internet page address.

• Numero ng Telepono - Nagbibigay-daan sa iyo upang magpasok ng isang numero ng telepono sa internasyonal na format.

• Element "Number (spinbox)» nagpapahintulot sa iyo na lumikha ng isang input field sa anumang integer value (halimbawa, ang edad ng mga bisita).

• Element "Number (Slider)» nagdadagdag upang bumuo ng isang slider na maaaring pinili mula sa isang predetermined numerical range halaga.

• "Petsa" ay lumilikha ng isang espesyal na input field kung saan maaari mong tukuyin ang mga kinakailangang mga petsa. Kapag isinaaktibo, interface na ito na elemento sa kalendaryo sa ibaba, kung saan maaari mong direktang piliin ang nais na petsa.

• Kaugnay nito, piliin ang "Text field na" drop-down na menu upang i-set ang teksto ng email.

• Ang susunod na item - "Drop-down menu" - ay nagbibigay-daan sa iyo upang piliin ang nais na setting mula sa isang nakapirming listahan.

• Ngunit «checkbox» ay ginagamit upang pumili ng isa o higit pang mga halaga mula sa isang paunang-natukoy na listahan.

• Interface «Radio Pindutan» elemento ay halos magkapareho sa isang nakaraan. Ang pagkakaiba lamang ay na lamang ng isang tamang opsyon ay maaaring mapili sa kasong ito, habang ang «checkbox» ay maaaring magkaroon ng maramihang mga wastong halaga.

• Para «Pagtanggap» ay nagbibigay-daan sa iyo upang magdagdag lamang ng isang check box upang lumikha ng mga form. Bilang isang panuntunan, ito ay ginagamit upang makakuha ng pamilyar sa kung ano - anumang kundisyon at nang walang kanilang pagtanggap sa hinaharap ay hindi magiging posible na magpadala ng e-mail.

• Piliin ang "Menu" ay nagbibigay-daan sa iyo upang lumikha ng isang espesyal na seksyon sa interface, na kung saan ay maprotektahan ang iyong mailbox mula sa spam. Sa kasong ito, bago ipadala ang mga ito ay kinakailangan upang bigyan ang tamang sagot sa tanong na ito.

• Ang pangalawang variant ng proteksyon - ito «CAPTCHA». Kapag pinili mo ito sa form na ito upang magdagdag ng isang hiwalay na seksyon na kung saan ang larawan ay ipapakita na may mga simbolo at isang karagdagang patlang para sa kanilang mga input.

• Ang susunod na item - "Magpadala ng file". Pinapayagan ka upang idagdag sa ang teksto ng sulat upang maghain iba't ibang uri ng mga paliwanag at mga komento sa administrator ng mapagkukunan.

• Ang huling item - "magpadala ng button" - ay nagbibigay-daan sa iyo upang magdagdag ng mga kaukulang elemento interface.

I-save ang iyong mga pagbabago

Sa sandaling ang mga kinakailangang mga halaga ay naka-set, at ang form ay dapat na maayos na naka-configure, dapat mong i-save ang lahat ng ito. Upang gawin ito, i-edit ang plug-in window rises sa itaas na bahagi. May ay dapat na isang pindutan ng "I-save". Idirekta ang manipulator pointer dito at gawin ang isang solong pindutin dito. Bilang tugon sa anyo code lilitaw, na kung saan ay ihiwalay sa pamamagitan ng lahat ng parehong pointer ng mouse at kopya. Susunod na namin inilipat sa administrative panel ng nilalaman sistema ng pamamahala sa item na "Mga Pahina". Pagkatapos ay lumikha ng isang bagong pahina na may ang nais na pangalan (eg, "feedback", "Mga Contact" o "Tanungin ang administrator ng mapagkukunan"). Pagkatapos ay ilipat ang cursor sa input field itakda ang code nito. Ito ay kinakailangan upang i-translate ang code sa pag-dial sa "Text" sa mga pagpipilian sa bar. Pagkatapos noon, ang dati nakuha paste form code. Dagdag dito, ang kanang bahagi ng interface ay ang pindutan ng "I-publish" at nagmumungkahi sa kanyang braso. Sa susunod na phase commit ang isang solong pag-click ng ang kaliwang pindutan ng mouse sa mga ito ng elemento interface sistema ng pamamahala ng nilalaman.

Suriin ang resulta

Pagkatapos ng pagsasagawa ng nabanggit sa itaas ng mga manipulations sa Internet interface ng mapagkukunan na kailangan upang magdagdag ng isang bagong pahina, na kung saan ay ipinapakita ang mga item na tinukoy sa Contact Form 7. Pagse-set up ang interface, sa prinsipyo, ito ay higit sa. Ito ay kinakailangan lamang upang suriin ang kawastuhan ng ang mga setting ng software. Upang gawin ito, kailangan mong pumunta sa home page, blog o portal. Pagkatapos, sa mga pahina ng listahan ay ang isa na kung saan siya ay nai-post feedback form. Bumabalik kami dito, ipasok sa lahat ng mga patlang sa sandaling ang tamang mga setting at magpadala ng isang pagsubok na mail sa iyong email. Bilang tugon, dapat mong makita ang isang mensahe ng impormasyon tungkol sa mga matagumpay na pagpapatupad ng mga operasyong ito. Pagkatapos, na may walang laman ang mga patlang sinusubukan naming magpadala ng isa pang liham. Pagkatapos nito, dapat mong makita ang isang mensaheng nagsasabi na kailangan mong tukuyin ang lahat ng mga parameter ng minarkahan form. Kung sa parehong mga kaso ang mga resulta ay natamo tulad ng dati tinukoy, ang nilikha anyo ng mga pag-andar ng feedback nang tama.

Pros at cons ng ang plugin. alternatibo

Ang isang mahusay na solusyon para sa baguhan developer na lumikha ng isang form ng feedback ay ang Contact Form 7. I-set up ng isang mini-program upang magpadala ng mail, lumikha ng mga elemento interface, at iba pang mga mahalagang elemento ng interface sa kasong ito ay halos awtomatiko at nangangailangan ng minimal na kaalaman ng user. Samakatuwid, para sa walang pagpapanggap Internet resource entry-level at baguhan mga administrator - ay ang perpektong solusyon. Ngunit ang anumang mga plug-in - ito ay isang karagdagang pasanin sa mga mapagkukunan ng mga pahina ng web, na kung saan binabawasan ang pagganap. Bilang isang resulta, mas maraming mga advanced na user inirerekomenda ang layo mula sa naturang isang simpleng paraan para sa paglikha ng isang form ng feedback. Posible rin upang lumikha ng iyong sarili at sa tulong ng HTML, CSS at JS, kahit na may mas pag-andar. Habang binabawasan ang pangangailangan para sa computing resources ng site at makabuluhang taasan ang antas ng bilis.

mga resulta

Ang artikulong ito ay naglalarawan ng stepwise adjustment Contact Form 7. plug na ito ay magkaroon ng isang mataas na antas ng pag-andar, maaari itong gamitin upang lumikha ng anumang form ng feedback. Sa kabilang dako, ang paggamit ng mga karagdagang plug-in bilang bahagi ng isang sistema ng pamamahala ng nilalaman ay nagdaragdag ang antas ng stress sa site na hardware. Samakatuwid, baguhan administrador ng site sa batayan ng nilalaman management system na ito ay inirerekomenda na gamitin ang plug-in para sa mga naturang layunin. Well, mas advanced na mga user ay maaaring gawin nang walang ang Contact Form 7. I-configure ang plug-sa kasong ito, lamang ay hindi kailangan.