Verdienen Sie Geld mit Ihren Tech-Blogs, Gadgets und Tipps

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?

Huomautus: Seuraava artikkeli auttaa sinua: Kuinka lisätä yhteydenottolomake WordPressiin?

WordPress on uskomaton työkalu, jonka avulla lähes kaiken tasoiset ihmiset voivat luoda kauniita verkkosivustoja. Alusta toimii satojen lisäosien avulla, jotka mahdollistavat erilaisia ​​asioita. Tämä voi olla mitä tahansa parallaksivieritystä taustasta pieneen animaatioon tai meidän tapauksessamme yhteydenottolomake.

Yhteydenottolomakkeet ovat olennainen osa jokaista verkkosivustoa. Ne ovat yksi parhaista tavoista yleisösi ottaa sinuun yhteyttä, ja ne myös suojaavat yhteystietojasi olemalla paljastamatta sähköpostejasi suoraan.

Tässä artikkelissa Tarkastellaan, kuinka voit lisätä yhteydenottolomakkeen WordPress-verkkosivustollesi.

Lue myös: Kuinka muuttaa teemaa WordPressissä?

Kuten useimmissa WordPressin asioissa, käytämme laajennusta yhteydenottolomakkeen integroimiseen verkkosivustollemme. Tähän tarkoitukseen on nyt satoja ilmaisia ​​ja maksullisia laajennuksia, mutta tässä käytämme WPForms Litea oppaan tarkoitukseen.

On olemassa vaihtoehtoja, kuten Ninja Forms, Formidable Forms ja Gravity Forms, sekä monia muita suosittuja nimiä, joiden avulla voit luoda lomakkeita melkein mihin tahansa verkkosivustollesi. Seuraava opas auttaa sinua lisäämään lomakkeita jokaiselle laajennukselle.

Lataa Forms-laajennus

Vaihe 1: Ensin lataamme ja asennamme laajennuksen. Joten suuntaa kohti Kytkeä -osio WordPress-sivustollasi ja napsauta Lisää uusi.

Vaihe 2: Etsitkö WPForm Lite. Napsauta sitä Asenna nyt Lataa ja asenna laajennus napsauttamalla painiketta. Kun laajennus on asennettu, näet a aktivoida Painike. Napsauta sitä aktivoidaksesi laajennuksen.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Vaihe 3: Nyt kun laajennus on käytössä, huomaat seuraavan: WPForms Vaihtoehto tulee näkyviin sivupalkkiin. Napsauta sitä siirtyäksesi laajennuksen asetuksiin.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Täällä näet mallilomakkeen ja kaikki muut luomasi tai luomasi lomakkeet. Nyt voit tehdä niin Monimutkaisen kuin haluat, mutta tässä artikkelissa keskitymme vain yksinkertaiseen yhteydenottolomakkeeseen.

Lue myös: Kuinka muuttaa alatunnistetta WordPressissä?

Yhteydenottolomakkeen luominen WordPress-verkkosivustollesi

Kun olet ladannut WPForms-lomakkeet, noudata alla lueteltuja vaiheita. Jos käytät toista yhteydenottolomakelaajennusta, vaiheet ovat melko samanlaisia, jos se käyttää vedä ja pudota -rakennustyökalua – useimmat niistä.

Vaihe 1: Klikkaa Hestia lomakkeen avaamiseen.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Vaihe 2: Huomaat, että tämä lomake sisältää jo melkein kaiken mitä tarvitsemme yksinkertaiseen yhteydenottolomakkeeseen. Sivun vasemmassa reunassa on vaihtoehtoja muokata olemassa olevia kenttiä tai lisätä kenttiä.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Laajennuksessa on yksinkertainen vedä ja pudota -käyttöliittymä. Joten jos haluat lisätä uusia kenttiä, vedä ne vasemmalta. Joten mene eteenpäin ja tee haluamasi muutokset lomakkeeseen.

Vaihe 3: Napsauta lomakkeen otsikkoa, Hestia muuttaaksesi sitä ja muita lomakeasetuksia. Voit lisätä lomakkeen kuvauksen ja mukautettuja CSS-luokkia.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Vaihe 4: Napsauta asetusvalikossa ilmoitukset, Ja tähän voit lisätä sähköpostiosoitteen, johon haluat lomakkeen lähettävän viestit. Voit myös määrittää sähköpostin aiheen, kenelle haluat vastata ja mitkä kentät sähköpostilla haetaan.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Lomake käyttää oletusarvoisesti verkkosivustosi ylläpitäjän sähköpostiosoitetta lomakkeen vastaanottajana. The vastaa Sähköposti asetetaan lomakkeen täyttäneen henkilön sähköpostiosoitteeseen ja viesti sisältää kaikki itse lomakkeen kentät.

Vaihe 5: Lisäyksenä voit myös siirtyä kohtaan Vahvistus -osio ja määritä oletusvastaussähköposti.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Vaihe 6: Napsauta sitä Tallentaa Napsauta oikeassa yläkulmassa olevaa painiketta tallentaaksesi lomakkeesi.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Vaihe 7: Palaa nyt verkkosivustollesi sivulle, jolle haluat lisätä tämän lomakkeen. Suosittelemme luomaan erillisen Ota meihin yhteyttä -sivulle, vaikka voit lisätä tämän lomakkeen mihin tahansa verkkosivustollesi.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Lue myös: Kuinka luoda ja upottaa Google-lomake Gmailiin, WordPressiin ja verkkosivustoon?

Yhteydenottolomakkeen lisääminen WordPress-verkkosivustollesi

Jos muokkaat sivujasi kolmannen osapuolen editorilla, kuten Elementor tai WP Bakery, avaa vain sivusi ja lisää WPForms-elementti sivulle.

Alla lisäsimme lomakkeen lohkoeditorilla. Voit tehdä tämän kahdella tavalla.

  • Käyttö WPForms Widget
  • Käyttö Lyhyt koodi Lohko.

Lisää yhteydenottolomake lomakewidget-lohkon avulla

Suosittelemme lisäämään lomakkeita tällä tavalla, koska se antaa sinulle paremman hallinnan lomakkeen näyttötapaan, sillä voit näyttää/piilottaa lomakkeen nimen ja kuvauksen.

Vaihe 1: Napsauta sitä Plus Kuvake lohkon lisäämiseksi ja hakemiseksi WPForms alla Widgetit. Jos käytät toista lomakelaajennusta, löydät sen lohkon osoitteesta Widgetit jakso myös.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Vaihe 2: Valitse lomake, jota haluat tarkastella.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Vaihe 3: Lomakkeesi näkyy editorissa.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Jos et käytä lohkotekstieditoria WordPressissä, voit löytää sen Lisää lomake Vaihtoehto perinteisen editorin yläosassa.

Lyhytkoodi-widgetin käyttäminen

Jokaiselle luomallesi lomakkeelle on määritetty lomaketunnus. Voit käyttää tätä lomaketunnusta Lyhyt koodi Widget lomakkeen näyttämiseen.

Vaihe 1: Siirry takaisin lomakelaajennussivulle käyttämällä vasemmanpuoleisen sivupalkin vaihtoehtoa ja kirjaa muistiin haluamasi lomakkeen lyhytkoodi.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Vaihe 2: Palaa lomakesivullesi. Napsauta sitä Plus Kuvake uuden lohkon lisäämiseen ja hakuun Lyhyt koodi alla Widgetit

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Vaihe 3: Anna lomakkeesi lyhytkoodi ja napsauta sitten Päivittää Napsauta oikeassa yläkulmassa olevaa painiketta ja sen jälkeen esikatselu Napsauta painiketta nähdäksesi lomakkeesi.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Lomakkeesi tulee näkyviin sivulle.

Kuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. TekniikkaKuinka voin lisätä yhteydenottolomakkeen WordPressiin?  |  Rehellinen. Tekniikka

Ja näin voit lisätä yhteydenottolomakkeita WordPress-sivustoihisi.

Lue myös: 7 parasta ilmoituslaajennusta WordPressille