Lomake- editoria koskevat vaati­mukset

Lauri Merisaari avatar

Päivitetty viimeeksi:

Avainsanat:

Etusivu » Artikkelit » Lomake- editoria koskevat vaatimukset

Lomake-edito­rina käyte­tään contact- form lisä­osaa. Editori löytyy ohjaus­nä­kymän yhtey­den­otto- kohdasta lisää uusi. Aiemmin tehdyt lomak­keet löytyvät kohdasta yhtey­den­ot­to­lo­mak­keet, josta niitä pääsee muokkaamaan(katso kuva alla).

Lisää uusi- painike avaa editorin. Lomak­keelle anne­taan nimi. Siirry edito­riin ja lisää<label> ja </label> — merk­kien väliin ensin kentän otsikko ja seuraa­vaksi haluttu kenttä sini­sellä merki­tyistä laati­koista, lisää halua­masi tiedot, kuten nimi ja paina lisää- elementti(katso kuvat alla).

Esimerk­ki­lo­mak­kee­seen on lisätty seuraavat kentät:

  1. Lisää lähet­täjän nimi
  2. Lisää lähet­täjän sähkö­pos­tio­soite
  3. Aihe, johon asia liittyy
  4. Viesti( valin­nainen)
  5. Lähetä- painike

Siirry seuraa­vaksi kohtaan Sähkö­posti ja täytä seuraavat kentät:

  1. Tähän kirjoi­te­taan vastaa­not­tajan sähkö­posti- osoit­teet
  2. Tähän kirjoi­te­taan lähet­täjän sähkö­posti- osoit­teet
  3. Tähän kirjoi­te­taan aihe
  4. Tähän kirjoi­te­taan vastauksen otsikko
  5. Tähän kirjoi­te­taan vastauksen viesti

Siirry viestit kohtaan, jossa voi muokata haku­kent­tiin ilmes­tyviä vies­tejä, kuten Väärin täytetty vies­ti­kenttä tai pakol­linen kenttä(katso kuva alla).

Lisä­ase­tukset- kohdasta aukeaa editori, johon voi kirjoittaa omia koodin­pätkiä. Kannattaa perehtyä ensin kohtaan addi­tional settings (katso kuva alla).

Kun lomake on valmis paina tallenna- nappia(katso kuva alla).

Seuraa­vaksi lomake pitää liittää halut­tuun sivuun tai artik­ke­liin. Kopioi lomak­keen yläosassa olevassa sini­sessä ruudussa oleva teksti(hiiren vasen nappi pohjassa liikut­ta­malla tekstin yli ja paina­malla sitten hiiren oikeaa nappia ja valit­se­malla kopioi) ja liitä se halut­tuun kohtaan sivussa tai artikkelissa(katso kuva alla).

Avautuu ikkuna, josta voi valita sopivan lomakkeen(katso kuva alla).

Valmis lomake näyttää nyt esikat­se­lussa seuraa­valta:

Recaptcha- palvelun avulla voi estää botteja lähet­tä­mästä roska­vies­ti­lo­mak­keita. Sen käyttö vaatii Google- tilin eli kirjaudu Google tilil­lesi osoit­teessa http://www.google.com/recaptcha. Valitse vaih­toehto v3 Admin Console.(Katso kuva alla).

Täytä pyydetyt tiedot(katso kuva alla):

  1. Anna lomak­keen nimi tähän
  2. Valitsi reCaptchan versio3
  3. Anna lomak­keen verkko- osoite
  4. Laita rasti ruutuun hyväk­syäk­sesi palvelun käyt­tö­ehdot
  5. Laita rasti ruutuun, jos haluat vastaa­nottaa häly­tyksiä kun Google huomaa epäta­val­lista verk­ko­lii­ken­nettä sivul­lasi.
  6. Paina submit- paini­ketta lähet­tääk­sesi tiedot.

Seuraa­vaksi saat sivun avaimen ja salausa­vaimen näky­viin. Kopioi nämä avaimet esim. muistioon(katso kuva alla).

Siirry seuraa­vaksi WP.n ohjaus­nä­ky­mään ja siellä valitse kohta yhtey­den­otto ja liitos.(katso kuva alla).

Valitse vali­kosta setup integration(katso kuva alla).

Liitä avau­tu­viin sivu- ja salausa­vain­laa­ti­koihin äsken kopioi­masi avaimet ja paina Save Changes.(katso kuva alla).

Jaa artik­keli: