Sa artikulong ito malalaman mo kung paano lumikha ng isang form na may libreng Elementor.
Bagama't available lang ang Form widget sa Elementor Pro, hindi ito nangangahulugan na hindi ka makakagawa ng form sa libreng bersyon ng Elementor.
Kung kailangan mong magdagdag ng form sa page na iyong nililikha gamit ang libreng bersyon ng Elementor, maaari mong gamitin ang dalawang pamamaraan na aming tatalakayin sa artikulong ito.
Ang Elementor, ito man ay ang pro na bersyon o ang libreng bersyon, ay may dalawang widget na maaari mong gamitin upang lumikha ng isang form. Ito ang mga widget ng HTML at Shortcode. Gamit ang HTML widget, maaari kang mag-embed ng HTML form, habang pinapayagan ka ng Shortcode widget na mag-embed ng form mula sa mga form plugin na gumagamit ng shortcode gaya ng Makipag-ugnayan sa Form 7.
Lumikha ng Form gamit ang Elementor Libreng Bersyon Gamit ang HTML Widget
Ang pamamaraang ito ay nangangailangan sa iyo na magkaroon ng isang HTML na kasanayan upang lumikha ng form. O, maaari kang mag-download ng template ng HTML form mula sa Internet. Ang W3docs ay may higit sa 60 Mga template ng HTML form na maaari mong i-download nang libre.
Upang makapagsimula, lumikha ng bagong pahina at i-edit ito gamit ang Elementor (Mga Pahina – > Magdagdag). Siyempre, maaari mo ring baguhin ang isang umiiral na pahina. Kung gusto mong lumikha ng isang form sa isang bagong pahina, tandaan na itakda ang layout ng form sa pamamagitan ng pag-click sa icon na gear sa kaliwang ibabang panel.
Magdagdag ng bagong seksyon sa pamamagitan ng pag-click sa plus button sa editing area at idagdag ang HTML form sa pamamagitan ng pag-drag nito mula sa kaliwang panel patungo sa editing area. Ilagay ito sa lugar na gusto mo. Pagkatapos ay pumunta sa kaliwang panel at i-paste ang HTML code ng form sa field HTML Code sa ilalim ng tab Nilalaman.
I-publish/i-update ang page kapag tapos mo na itong i-edit.
Tingnan din ang: Paano Gamitin ang Mga Widget/Template ng Elementor bilang Gutenberg Blocks
Isang bagay. Kung ang iyong HTML form ay gumagamit ng panlabas na CSS, mga larawan, o JavaScript para sa pag-istilo, tiyaking i-upload ang mga folder na naglalaman ng CSS code, mga larawan, at JavaScript sa root directory ng iyong website.
Gumawa ng form sa Elementor nang libre gamit ang contact form 7
Kung wala kang anumang mga kasanayan sa HTML at ayaw mong gumamit ng template ng HTML form, maaari kang lumikha ng isang form sa libreng bersyon ng Elementor gamit ang plugin Form ng contact 7. Mayroon talagang maraming iba pang mga form na plugin. Inirerekomenda namin Contact Form 7 dahil ito ang pinakasikat na form na plugin para sa WordPress at ganap na libre.
Una, i-install ang plugin Makipag-ugnayan sa Form 7. Upang gawin ito, pumunta sa Mga Extension – > Magdagdag. I-type ang “contact form 7” sa box para sa paghahanap at i-click ang button i-install ngayon kapag nahanap mo na.
I-activate kaagad ang plugin kapag na-install.
Ang Contact Form 7 ay may kasamang default na form (a Makipag-ugnay sa form na ). Magagamit mo ito kung gusto mo. Kung gusto mong gumawa ng bagong form sa halip, maaari kang pumunta sa Makipag-ugnayan – > Magdagdag. Bigyan ng pangalan ang iyong form upang madali mo itong makilala sa hinaharap.
Bilang default, ang iyong form ay bubuo ng apat na field: pangalan, email, paksa, at mensahe.
Kung gusto mong magdagdag ng bagong field, ilagay ang iyong pointer sa lugar kung saan mo gustong idagdag ang bagong field (maaari mo itong ilagay sa ibaba o sa itaas ng isang umiiral na field). Magdagdag ng label para sa bagong field ng form sa format <label> votre label préféré </label>.
Ilagay ang iyong pointer pagkatapos lamang ng label at pumili ng field sa tab na field. Maaari kang magdagdag ng bagong line break para gawing mas malinis ang iyong bagong field kaysa sa iba pang umiiral na field.
Punan ang mga patlang at mag-click sa Ipasok ang tag (maaari mong iwanan ang lahat bilang default).
Ang Contact Form 7 ay magpapadala ng mga pagsusumite na isinumite sa pamamagitan ng iyong form sa isang email. Maaari mong itakda ang email mula sa tab E-mail.
Maaari kang pumunta sa tab post kung gusto mong i-override ang mga default na mensahe. Maaari mong i-customize ang mensaheng lalabas pagkatapos na matagumpay na isumite ng iyong mga bisita ang form o ang mensahe ng error kapag hindi naisumite ang form, atbp.
Mag-click sa pindutan Enregistrer kapag tapos ka na sa pag-edit ng form at pagkopya ng shortcode.
Upang idagdag ang form na nilikha mo lang sa iyong pahina ng Elementor, lumikha ng isang bagong pahina at i-edit ito gamit ang Elementor, o maaari mo ring i-edit ang isang umiiral na pahina.
Basahin din ang: Paano I-disable ang isang Elementor Popup sa Mga Smartphone
Magdagdag ng bagong seksyon upang ilagay ang form at idagdag ang Shortcode-widget. Kapag naidagdag na ang Shortcode widget, pumunta sa kaliwang panel at i-paste ang shortcode na kinopya mo sa field Shortcode sa ilalim ng tab Nilalaman.
I-publish/i-update ang iyong page kapag tapos mo na itong i-edit.
Ang Contact Form 7 ay gumagamit ng style format ng WordPress tema na ginagamit mo. Maaari mong i-istilo ang iyong Contact Form 7 form, ngunit kinakailangan ang mga kasanayan sa CSS. Maaari mo ring tingnan ang artikulong ito sa Paano i-customize ang isang form ng Contact Form 7 na may Mahahalagang Addon at Elementor.
Kunin ang Elementor Pro Ngayon!!!
Konklusyon
Kaya! Iyon lang para sa artikulong ito na nagpapakita sa iyo kung paano lumikha ng isang form na may libreng Elementor. Kung mayroon kang anumang mga alalahanin tungkol sa kung paano makarating doon, ipaalam sa kanila sa mga komento.
Gayunpaman, maaari ka ring kumonsulta aming mga mapagkukunan, kung kailangan mo ng maraming mga elemento upang maisagawa ang iyong mga proyekto ng paglikha ng mga site sa Internet, sa pamamagitan ng pagkonsulta sa aming gabay sa Paglikha ng blog ng WordPress o ang isa sa Divi: ang pinakamahusay na tema ng WordPress sa lahat ng oras.
Ngunit pansamantala, ibahagi ang artikulong ito sa iyong iba't ibang mga social network.
...
