Kuinka luoda yhteydenottolomake WordPressissä ilman koodausta

Haluatko lisätä yhteydenottolomakkeen WordPress-verkkosivustollesi, mutta et tiedä miten koodata? Olet oikeassa paikassa. Tässä vaiheittaisessa oppaassa opit, miten se tehdään. luo ammattimainen yhteydenottolomake WordPressissä kirjoittamatta riviäkään koodia– ja se vie alle viisi minuuttia.

Olitpa sitten bloggaaja, pienyrittäjä tai rakentamassa ensimmäistä verkkosivustoasi, yhteydenottolomake on välttämätön. Sen avulla kävijät voivat tavoittaa sinut helposti, auttaa sinua hankkimaan liidejä ja näyttää paljon ammattimaisemmalta kuin pelkkä sähköpostiosoitteesi julkaiseminen.

Miksi jokainen WordPress-verkkosivusto tarvitsee yhteydenottolomakkeen

Ennen kuin syvennymme opetusohjelmaan, ymmärretään, miksi yhteydenottolomake on tärkeä:

• Suojaa sähköpostiasi roskapostilta – Sähköpostiosoitteesi julkaiseminen julkisesti kutsuu roskapostibotteja tulvimaan sähköpostiisi
• Ammattimaiselta näyttää – Hyvin suunniteltu lomake rakentaa luottamusta kävijöissä
• Kerää strukturoitua tietoa – Saat tarvitsemasi tiedot (nimi, sähköpostiosoite, viesti) järjestelmällisessä muodossa
• Kappaleita koskevat tiedustelut – Tallenna lähetykset WordPress-hallintapaneeliisi sen sijaan, että ne katoaisivat sähköpostissa
• Mobiiliystävällinen kokemus – Lomakkeet toimivat täydellisesti puhelimilla ja tableteilla

Mitä tarvitset

Tämän tutoriaalin seuraamiseen tarvitset:

• WordPress-verkkosivusto (itse isännöity WordPress.org)
• Ylläpitäjän oikeudet laajennusten asentamiseen
• 5 minuuttia ajasta

Siinä kaikki! Ei koodausosaamista, teknistä kokemusta eikä maksullisia työkaluja tarvita.

Vaihe 1: Asenna automaattinen lomakkeiden rakentaja (ilmainen laajennus)

Käytämme Automaattinen lomakkeiden rakentaja (Tunnetaan myös A.F.B.) – ilmainen, kevyt WordPress-laajennus visuaalisella vedä ja pudota -käyttöliittymällä. Se on täydellinen aloittelijoille, koska oppimiskäyrä on olematon.

Näin asennat sen:

1. Kirjaudu WordPress-hallintapaneeliisi
2. Mene Laajennukset → Lisää uusi
3. Etsiä "A.F.B.” (lyhenne sanoista Auto Form Builder)
4. Etsiä "AFB – Automaattinen lomakkeiden luontityökalu – Vedä ja pudota -lomakeluontityökalu"
5. Napauta Asenna nyt, sitten Aktivoida

💡 Vinkki: Hakusanalla ”AFB” löydät lisäosan nopeimmin WordPress-arkistosta.

Kun se on aktivoitu, näet ”Auto Form Builder” -vaihtoehdon WordPress-hallintavalikossasi. Siinä kaikki – olet valmis luomaan ensimmäisen lomakkeesi!

Vaihe 2: Luo uusi yhteydenottolomake

Rakennetaanpa nyt yhteydenottolomake:

1. Napauta Automaattinen lomakkeiden rakentaja järjestelmänvalvojan valikossa
2. Napauta Luo uusi lomake
3. Näet mallin valintanäytön – valitse Yhteydenottolomake

Auto Form Builder sisältää valmiiksi rakennetun yhteydenottolomakepohjan, joka sisältää:

• Koko nimi -kenttä
• Sähköpostiosoitekenttä
• Puhelinnumerokenttä (Valinnainen)
• Viesti kenttä

Malli on heti käyttövalmis, mutta voit muokata sitä haluamallasi tavalla.

Vaihe 3: Lomakekenttien mukauttaminen (valinnainen)

Haluatko lisätä tai muokata kenttiä? Vedä ja pudota -toiminto tekee siitä helppoa:

Uusien kenttien lisääminen

Vasemmassa sivupalkissa näet käytettävissä olevat kenttätyypit. Yksinkertaisesti vedä mitä tahansa kenttää lomakepohjallesi:

• Tekstinsyöttö – Lyhyille vastauksille, kuten nimi tai aihe
• Sähköposti – Vahvistaa sähköpostiosoitteet automaattisesti
• Puhelin – Puhelinnumeroille, joissa on valinnainen muotoilu
• Tekstialue – Pidempiä viestejä varten
• Pudotusvalikosta – Anna käyttäjien valita vaihtoehdoista (kuten ”Yhteydenoton syy”)
• Valintaruutu – Suostumusruutuja tai useita valintoja varten

Kenttäasetusten muokkaaminen

Napsauta mitä tahansa kenttää mukauttaaksesi sitä:

• Muuta etiketti (esim. ”Sinun nimesi” ”Koko nimen” sijaan)
• Lisää paikkamerkkiteksti opastamaan käyttäjiä
• Tee kenttiä tarvitaan tai lisävarusteena
• Lisää ohjeteksti kenttien alapuolella

Kenttien uudelleenjärjestely

Yksinkertaisesti vedä kenttiä ylös tai alas muuttaaksesi niiden järjestystä. Visuaalinen rakentaja näyttää tarkalleen, miltä lomakkeesi näyttää.

Vaihe 4: Lomakkeen asetusten määrittäminen

Valitse Asetukset välilehti, jolla voit määrittää, mitä tapahtuu, kun joku lähettää lomakkeesi:

Menestysviesti

Mukauta viestiä, jonka käyttäjät näkevät lähettämisen jälkeen. Esimerkiksi:

"Kiitos yhteydenotostasi! Otamme sinuun yhteyttä 24 tunnin kuluessa."

Sähköposti-ilmoitukset

Saat välittömästi ilmoituksen, kun joku täyttää lomakkeesi:

1. Enable Sähköposti-ilmoitukset
2. Anna sähköpostiosoitteesi (tai useita sähköpostiosoitteita pilkuilla erotettuna)
3. Mukauta sähköpostin otsikkoriviä

Jokainen lähetys lähetetään suoraan sähköpostiisi – ja tallennetaan myös turvallisesti WordPress-hallintapaneeliisi.

Vaihe 5: Muotoile lomake (valinnainen)

Haluatko lomakkeen vastaavan verkkosivustosi ulkoasua? Napsauta Mukauta-välilehteä mukauttaaksesi sitä:

• Colors – Muuta painikkeiden värejä, taustoja ja tekstiä
• Reunukset – Säädä kentän reunoja ja kulmien sädettä
• Väli – Täyttöjen ja marginaalien hallinta
• Button – Mukauta lähetyspainikkeen tekstiä ja ulkoasua

Auto Form Builderin lomakkeet on suunniteltu näyttämään upeilta millä tahansa teemalla heti käyttövalmiina, joten tyylien muuttaminen on täysin valinnaista.

Vaihe 6: Tallenna ja hanki lyhytkoodisi

Kun olet tyytyväinen lomakkeeseen:

1. Anna lomakkeellesi nimi (esim. ”Yhteydenottolomake”)
2. Napauta Tallenna lomake
3. Kopioi shortcode näyttöön

Vaihe 7: Lisää yhteydenottolomake sivullesi

Näytämme nyt lomakkeen verkkosivustollasi:

Vaihtoehto A: Lisää olemassa olevalle sivulle

1. Mene sivut ja muokkaa Yhteystiedot-sivuasi
2. Liitä lyhytkoodi kohtaan, johon haluat lomakkeen näkyvän
3. Napauta Päivitykset

Vaihtoehto B: Luo uusi yhteydenottosivu

1. Mene Sivut → Lisää uusi
2. Otsikoi se ”Ota yhteyttä” tai ”Ota yhteyttä”
3. Lisää halutessasi johdantotekstiä
4. Liitä lyhytkoodi
5. Napauta julkaista

Käy sivullasi nähdäksesi uuden kauniin yhteydenottolomakkeesi toiminnassa!

Vaihe 8: Testaa yhteydenottolomakettasi

Ennen kuin julkistat uuden lomakkeesi maailmalle, testaa sitä:

1. Käy yhteydenottosivullasi
2. Täytä lomake testitiedoilla
3. Klikkaa Lähetä
4. Tarkista, että näet onnistumisviestin
5. Tarkista sähköpostistasi ilmoitus
6. Siirry WordPressissä osoitteeseen Automaattinen lomakkeiden rakentaja → Lähetykset nähdäksesi tallennetun merkinnän

Jos kaikki toimii, onnittelut – yhteydenottolomakkeesi on julkaistu!

Yhteydenottolomakkeiden lähetysten hallinta

Yksi Auto Form Builderin parhaista ominaisuuksista on sisäänrakennettu lähetysten hallintaToisin kuin jotkut lomakelaajennukset, jotka lähettävät vain sähköposteja, jokainen lähetys tallennetaan WordPress-tietokantaasi.

Mene Automaattinen lomakkeiden rakentaja → Vastauksissa että:

• Näytä kaikki lähetykset haettavassa taulukossa
• Suodata päivämäärän mukaan – Tänään, tällä viikolla, tässä kuussa jne.
• Hae lähetyksiä – Löydä tietyt viestit välittömästi
• Merkitse luetuksi/lukemattomaksi – Seuraa, mitä tiedusteluja olet käsitellyt
• Merkitse tärkeät viestit tähdellä – Merkitse tärkeät yhteystiedot
• Vie CSV-tiedostoon – Lataa tietosi laskentataulukoita tai varmuuskopioita varten

Tämä tarkoittaa, että et koskaan menetä asiakaskyselyjä, vaikka sähköpostit eivät toimisikaan.

Miksi automaattinen lomakkeiden rakennustyökalu on täydellinen yhteydenottolomakkeille

WordPress-lomakelaajennuksia on saatavilla useita, mutta tässä on syy, miksi Auto Form Builder erottuu edukseen yhteydenottolomakkeiden luomisessa:

Usein Kysytyt Kysymykset

Toimiiko lomake WordPress-teemani kanssa?

Kyllä. Automaattinen lomakkeiden rakennustyökalu on suunniteltu toimimaan minkä tahansa WordPress-teeman kanssa.

Voinko vastaanottaa lomakkeiden lähetyksiä sähköpostitse?

Ehdottomasti. Ota sähköposti-ilmoitukset käyttöön lomakkeen asetuksissa, niin saat sähköpostin aina, kun joku lähettää lomakkeesi. Lähetykset tallennetaan myös WordPress-hallintapaneeliisi varmuuskopiona.

Onko yhteydenottolomake mobiiliystävällinen?

Kyllä. Kaikki Auto Form Builderilla luodut lomakkeet ovat täysin responsiivisia ja näyttävät upeilta puhelimissa, tableteissa ja pöytätietokoneissa.

Miten suojaan lomakkeeni roskapostilta?

Auto Form Builder tarjoaa roskapostinesto-lisäosia, kuten Google reCAPTCHA:n ja Cloudflare Turnstilen.

Seuraavat vaiheet

Nyt kun sinulla on yhteydenottolomake WordPress-verkkosivustollasi, harkitse seuraavia parannuksia:

• Lisää yhteydenottolomake alatunnisteeseen – Tee siitä helppokäyttöinen jokaiselta sivulta
• Luo palautelomake – Kerää asiakasarvosteluja ja -suosituksia
• Luo uutiskirjeen tilauslomake – Kasvata sähköpostilistaasi
• Lisää roskapostisuojaus – Ota reCAPTCHA käyttöön paljon liikennöidyillä sivustoilla

Yhteenveto

Yhteydenottolomakkeen luominen WordPressissä ei vaadi koodaustaitoja. Automaattinen lomakkeiden rakentajavoit rakentaa ammattimaisen, mobiililaitteille responsiivisen yhteydenottolomakkeen alle viidessä minuutissa – täysin ilmaiseksi.

Vedä ja pudota -käyttöliittymä tekee käytöstä helppoa aloittelijoille, ja sisäänrakennettu lähetysten hallinta varmistaa, ettet koskaan missaa asiakaskyselyjä. Lisäksi kaikki tietosi pysyvät turvallisesti omalla WordPress-palvelimellasi.

Oletko valmis luomaan yhteydenottolomakkeen? Lataa automaattinen lomakkeiden rakentaja WordPress-laajennusten arkistosta ja aloita jo tänään.