Kuinka luoda web-lomake
Johdanto web-lomakkeisiin
Lomakkeet-työkalun avulla voit luoda ja integroida henkilölomakkeita verkkosivustosi HTML-sivuille. Näille lomakkeille kävijät voivat syöttää tietoja ja ne tallennetaan tietokantaan.
Voit esimerkiksi luoda yksinkertaisen uutiskirjeen tilauslomakkeen, jossa pyydetään kävijä nimeä ja sähköpostiosoitetta. Jos kävijä sitten valitsee "Haluan tilata" ja napsauttaa Lähetä, uusi henkilö luodaan ja lisätään tilauslistaan, jonka olet määrittänyt tämän lomakkeen luomisen yhteydessä:
Lomakkeen keskeinen ominaisuus on sen kyky tunnistaa palaavat vierailijat, jotka ovat aiemmin rekisteröityneet sivustollesi. Hyödyntämällä verkkoselaimen evästeitä lomake piilottaa nimi- ja sähköpostikentät tunnistetuilta vierailijoilta, joiden tarvitsee vain valita valintaruutu tilatakseen uutiskirjeen:
Jatketaan nyt tämän yksinkertaisen lomakkeen luontivaiheita.
Miten luodaan uusi lomake pohjasta
Kun luot uuden web-lomakkeen, voit valita ennalta määritetyistä malleista, kuten Lataa asiakirja, Tapahtumaan rekisteröinti, Yhteystietopyyntö ja paljon muuta.
Luo uusi web-lomake käyttäen mallia:
- Napsauta vasemmanpuoleisessa valikossa Lomakkeet siirtyäksesi Lomakkeet -sivulle.
- Napsauta Uusi lomake.
- Aukeavassa liukupaneelissa, valitse sopiva pohja lomakkeelle ja anna lomakkeelle nimi:
- Napsauta Luo. Lomake-editori aukeaa ja voit muokata siellä valitusta pohjasta luotua lomaketta.
Kuinka luoda web-lomake tyhjästä
Luodaan nyt tyhjästä lomake, erityisesti uutiskirjeen tilauslomake. Tunnistetuille vierailijoille lomakkeessa näkyy vain "Lähetä"-painike.
Uuden lomakkeen luominen tyhjästä:
- Napsauta vasemmanpuoleisessa valikossa Lomakkeet siirtyäksesi Lomakkeet -sivulle.
- Napsauta Uusi lomake.
- Valitse Tyhjä lomake ja anna lomakkeelle nimi:
- Napsauta Luo. Tyhjä lomake tulee näkyviin.
- Oikealla puolella näet ensimmäisen lomakkeesi, joka sisältää tällä hetkellä vain Lähetä -painikkeen:
- Napsauta Sisältö -välilehteä päästäksesi välilehtisivulle, jossa on lohkoja, jotka voidaan lisätä lomakkeeseen. Vedä haluamasi lohkot oikealla olevalle lomakealueelle.
- Aloita vetämällä Etunimi lomakkeeseen. Vedä kaikki kentät Lähetä -painikkeen yläpuolelle:
- Kun lisäät lohkon, se valitaan ja Lohko -välilehti valitun lohkon vaihtoehdoilla avautuu. Käytä Näytä kenttä -asetusta määrittääksesi, näkyykö lohko kaikille vierailijoille, tunnistetuille vierailijoille vai anonyymeille vierailijoille. Valitse nimi- ja sähköpostiosoitekentille Tunnistamattomat henkilöt:
Valitse Pakollinen -asetus kentälle, jotta vierailijoiden on täytettävä se. (Kaikki pakolliset kentät on merkitty punaisella tähdellä niiden vieressä.)
- Toista prosessi "Sukunimi"- ja "Sähköposti"-lohkoille ja aseta ne näkymään tunnistamattomille henkilöille.
Huomautus: Lomakkeessa on oltava sähköposti- tai puhelinkenttä!
- Lisätään nyt rekisteröintiominaisuus tähän lomakkeeseen.
Lisää valintaruutu -lohko lomakkeen alaosaan ( Lähetä -painikkeen yläpuolelle).
Muokkaa sen Otsikko muotoon "Haluan tilata uutiskirjeesi" ja aseta Näytä kenttä -asetukseksi Kaikki henkilöt.
Valitse sitten valintaruudun tyypiksi Tilauslista ja valitse sopiva luettelo tilanneille henkilöille. (Katso kappaletta valintaruututyypit, jos haluat lisätietoja.)
Valitse Pakollinen varmistaaksesi, että vain tilaajat voivat napsauttaa Lähetä.
- Lisää vaihtoehtoisesti Nollaa tunnettu henkilö -lohko lomakkeen yläosaan.
- Nimeä "Lähetä"-painike uudelleen joksikin merkityksellisemmäksi, kuten "Tilaa minut". Valitse tätä varten Lähetä-kenttä ja muuta sen Otsikko -kenttää.
- Liitä viesti, joka näytetään käyttäjälle klikattuasi "Tilaa minut". Käytä Näytä teksti -vaihtoehtoa kohdassa Lähetä toimintosyöttääksesi HTML-muotoista tekstiä. Voit esimerkiksi kirjoittaa: "Kiitos tilauksestasi!<br/>Saat uusimman uutiskirjeemme pian."
- Napsauta Tallenna.
Voit testata lomaketta napsauttamalla Esikatselu.
Valitse Näytä tunnistetuille nähdäksesi, miltä lomake näyttää tunnistetuille sivuston vierailijoille:
Valitse Näytä tunnistamattomille nähdäksesi tunnistamattomien vierailijoiden lomakkeen, jonka pitäisi näyttää lomake tyhjillä kentillä:
Täytä lomake ja napsauta Lähetä-nappulaa:
Sinun pitäisi nähdä määritetty teksti näytöllä:
Testaaksesi lomaketta oikealla verkkosivulla, napsauta Julkaise, ja käytä sitten Upota -painiketta koodin kopioimiseen ja liittämiseen verkkosivullesi.
Kommentit
0 kommenttia
Kirjaudu sisään jättääksesi kommentin.