Mitä tapahtuu sen yhden sekunnin aikana, kun joku klikkaa lomakkeesi lähetyspainiketta? Useimmat eivät koskaan mieti sitä. Lomakkeen lähetys on kävijöillesi näkymätön, mutta järjestelmillesi kaikki kaikessa. Hetkellä, kun joku klikkaa lähetä, alkaa tapahtumaketju, jota useimmat eivät koskaan näe. Tietosi tarkistetaan, koodataan, kuljetetaan, vastaanotetaan, käsitellään ja tallennetaan.
Jos jokin menee pieleen tuona sekuntina, sinun täytyy tietää missä. Tässä artikkelissa käydään läpi lähetysprosessin jokainen vaihe, jotta ymmärrät, mitä klikkauksen jälkeen tapahtuu.
Mitä lomakkeen lähetys on
Lomakkeen lähetys on prosessi, jossa kerätään tiedot, jotka kävijä on syöttänyt lomakekenttiin, ja lähetetään nämä tiedot käsiteltäväksi määränpäähän. Lähetys tapahtuu, kun käyttäjä klikkaa lähetyspainiketta (tai painaa Enteriä tekstikentässä), mikä laukaisee HTTP-pyynnön, joka kuljettaa kävijän vastaukset palvelimellesi tai kolmannen osapuolen palveluun.
Lomakkeen lähetysprosessi sisältää useita vaiheita: tietojen keruu, koodaus, siirto, tarkistus, käsittely ja vastaus. Jokaisen näistä vaiheista täytyy onnistua, jotta lähetys toimii oikein.
Miten lomakkeen lähetys toimii vaihe vaiheelta
Kun kävijä painaa lähetä, tietty vaiheiden sarja etenee. Kunkin vaiheen ymmärtäminen auttaa vianmäärityksessä ja automaatioiden oikeassa käyttöönotossa.
Vaihe 1: Lähetystapahtuma laukeaa
Kun käyttäjä klikkaa lähetyspainiketta tai painaa Enteriä tietyissä kentissä, lomake luo lähetystapahtuman (submit event). Tämä tapahtuma käskee selainta keräämään kaikki lomakkeen kenttiin syötetyt tiedot ja valmistelemaan ne siirtoa varten.
Vaihe 2: Lomaketiedot kerätään
Selain lukee jokaisen lomakkeesi kentän (tekstisyötteet, pudotusvalikot, valintaruudut, tiedostolataukset jne.) ja poimii arvot. Jokaisen kentän tieto yhdistetään sen name-attribuuttiin, jolloin syntyy avain-arvo-pareja. Jos esimerkiksi sinulla on kenttä nimeltä "email" arvolla "jane@example.com", selain tallentaa sen parina.
Jos kenttä on tyhjä tai jätetty tyhjäksi, lomake kerää sen silti (jotkin järjestelmät ohittavat tyhjät kentät lomakkeen määrityksestä riippuen).
Vaihe 3: Tiedot koodataan
Ennen kuin tiedot voivat kulkea internetin yli, ne täytyy muuntaa muotoon, jonka verkkopalvelin ymmärtää. Tätä kutsutaan koodaukseksi. Kaksi yleisintä koodausmuotoa ovat:
URL-koodattu (application/x-www-form-urlencoded): Kenttien nimet ja arvot yhdistetään yhtäsuuruusmerkeillä ja &-merkeillä. Esimerkiksi: "name=Jane&email=jane@example.com&phone=555-0123". Tämä on useimpien lomakkeiden oletus.
Multipart/form-data: Käytetään, kun lomakkeesi sisältää tiedostolatauksia. Tämä muoto sallii sekä tekstin että binääridatan (kuten kuvien) lähettämisen yhdessä.
Vaihe 4: Tiedot kulkevat palvelimelle
Koodatut lomaketiedot paketoidaan HTTP-pyyntöön ja lähetetään lomakkeesi action-attribuutissa määritettyyn paikkaan. Jos action-attribuuttia ei ole määritetty, lomake lähetetään samalle sivulle, jolla lomake on.
HTTP-pyyntö sisältää määrittämäsi metodin: GET tai POST. GET-pyynnöt näkyvät URL-osoitteessa (käytetään hauille ja suodattimille). POST-pyynnöt piilottavat tiedot pyynnön runkoon (käytetään arkoihin tietoihin kuten salasanoihin tai maksutietoihin).
Jos lomakkeesi lähetetään HTTPS:n yli (mitä kaikkien nykyaikaisten lomakkeiden pitäisi tehdä), tiedot salataan siirron aikana. Tämä suojaa tiedot sieppaukselta.
Vaihe 5: Palvelin vastaanottaa ja tarkistaa tiedot
Kun palvelimesi vastaanottaa lähetyksen, se tarkistaa ensin, ovatko tiedot kelvollisia ja turvallisia. Tarkistus voi sisältää:
Sen varmistamisen, etteivät pakolliset kentät ole tyhjiä. Sen tarkistamisen, että sähköpostiosoitteet näyttävät oikeilta sähköpostiosoitteilta. Sen varmistamisen, että tiedostolataukset ovat oikeaa tyyppiä ja kokoa. Sen testaamisen, että numerot ovat oikeasti numeroita, eivät tekstiä.
Puhdistus (sanitization) on prosessi, jossa tiedoista poistetaan kaikki vaarallinen (kuten haitalliset skriptit). Tämä suojaa tietokantaasi ja järjestelmiäsi hyökkäyksiltä.
Vaihe 6: Palvelin käsittelee tiedot
Tarkistuksen ja puhdistuksen jälkeen palvelin päättää, mitä tiedoille tehdään. Yleisiä toimintoja ovat:
Tallenna tietokantaan: Lähetys tallennetaan, jotta voit tarkastella sitä myöhemmin tai yhdistää sen muihin järjestelmiin.
Laukaise automaatiot: Lähetys voi automaattisesti lähettää sähköpostivahvistuksen, päivittää CRM-järjestelmän tai laukaista webhookin.
Muodosta vastaus: Palvelin luo ja lähettää vastauksen takaisin kävijän selaimelle. Se voi olla onnistumissivu, uudelleenohjaus tai vahvistusviesti samalla sivulla.
Vaihe 7: Kävijä näkee vahvistuksen
Viimeinen vaihe on se, mitä kävijä kokee. Se voi olla:
Onnistumisviesti samalla sivulla. Uudelleenohjaus kiitossivulle. Vahvistussähköposti heidän postilaatikkoonsa. Modaali tai ponnahdusikkuna, joka vahvistaa lähetyksen menneen läpi.
Tämä vaihe on ratkaiseva, koska kävijöiden täytyy tietää, että heidän lähetyksensä onnistui. Ilman selkeää palautetta he voivat lähettää lomakkeen useita kertoja luullen, ettei se mennyt läpi.
Mitä lomaketiedoillesi tapahtuu lähetyksen jälkeen
Kun lähetys on valmis, tiedot menevät johonkin. Sen ymmärtäminen, minne, on olennaista lomakelähetysten tehokkaassa käytössä.
Lomaketietosi voidaan tallentaa useaan paikkaan samanaikaisesti. Useimmat lomakkeiden rakennustyökalut tallentavat lähetykset oletuksena omaan tietokantaansa (jossa voit katsoa niitä hallintapaneelissa). Samalla lähetys voidaan välittää ulkoisiin palveluihin, kuten sähköpostimarkkinointialustoille, CRM-järjestelmiin tai omiin sovelluksiin integraatioiden ja webhookien kautta.
Kulku näyttää tältä: Lomakkeen lähetys → Lomakkeiden rakennustyökalu vastaanottaa tiedot → Tiedot tallennetaan paikallisesti ja välitetään integraatioihin → Pääset tietoihin useilta alustoilta.
Lomakekenttien rooli lähetyksessä
Kaikki lomakekentät eivät käyttäydy samoin lähetyksen aikana. Kunkin tyypin toiminnan ymmärtäminen auttaa suunnittelemaan lomakkeita, jotka keräävät oikeat tiedot.
Tekstisyötteet, tekstialueet, sähköpostikentät: Lähettävät arvonsa täsmälleen sellaisena kuin se syötettiin.
Pudotusvalikot ja valintakentät: Lähettävät valitun vaihtoehdon arvon, ei näytettävää tekstiä (vaikka nämä voivat olla samat).
Valintaruudut: Lähettävät arvon vain, jos ne on rastitettu. Rastittamattomat ruudut eivät lähetä mitään.
Valintapainikkeet: Lähettävät vain valitun vaihtoehdon arvon.
Tiedostolataukset: Lähettävät itse tiedoston, ei pelkkää sen nimeä. Tiedosto sisältyy aiemmin mainittuun multipart-koodaukseen.
Piilokentät: Lähettävät arvonsa automaattisesti ilman, että kävijä näkee niitä. Ne ovat hyödyllisiä lisätietojen välittämiseen näkyvien kenttien rinnalla.
Virheet, joita lomakkeen lähetyksessä voi tapahtua
Joskus lomakkeet eivät lähde onnistuneesti. Yleisiä ongelmia ovat:
Verkkovirheet: Jos internetyhteys katkeaa lähetyksen aikana, tiedot eivät välttämättä saavu palvelimelle. Kävijän pitäisi nähdä virheilmoitus.
Palvelinvirheet: Jos palvelimesi on alhaalla tai ylikuormitettu, lähetystä ei voida käsitellä. Tämä johtaa tyypillisesti 500-virheeseen.
Tarkistusvirheet: Jos pakolliset kentät ovat tyhjiä tai tiedot eivät vastaa odotettuja muotoja, lomaketta ei pitäisi lähettää lainkaan. Hyvä lomakesuunnittelu estää tämän tarkistamalla ennen lähetystä.
Aikakatkaisuvirheet: Jos lähetys kestää liian kauan (yleensä yli 30 sekuntia), selain voi peruuttaa pyynnön.
Väärin määritetyt integraatiot: Jos lomakkeesi on asetettu lähettämään tietoja ulkoiseen palveluun mutta yhteys on rikki, lähetys voi onnistua lomakkeiden rakennustyökalussa mutta jäädä saapumatta määränpäähän.
Lomakkeen lähetyksen tietoturvanäkökohdat
Tietoturvalla on väliä lähetysprosessin jokaisessa vaiheessa. Tässä kriittiset kohdat:
Käytä aina HTTPS:ää: Lomakkeesi täytyy olla suojatulla (HTTPS) sivulla, ei HTTP:llä. Tämä salaa tiedot siirron aikana.
Tarkista molemmilla puolilla: Tarkistuksen pitäisi tapahtua sekä selaimessa (käyttökokemuksen vuoksi) että palvelimella (tietoturvan vuoksi). Älä koskaan luota pelkkään asiakaspuolen tarkistukseen.
Puhdista kaikki syöte: Poista tai suojaa kaikki merkit, jotka voivat olla vaarallisia tallennettuina tai näytettyinä.
Rajoita tiedostolatauksia: Jos lomakkeesi hyväksyy tiedostoja, rajoita tiedostotyyppejä ja kokoja väärinkäytön estämiseksi.
Ota käyttöön CSRF-suojaus: Lomakkeiden pitäisi sisältää CSRF-tunniste, joka estää hyökkääjiä lähettämästä vilpillisiä pyyntöjä käyttäjien puolesta.
Tallenna arat tiedot turvallisesti: Jos lomakkeesi kerää salasanoja, maksutietoja tai muita arkoja tietoja, tiedot pitäisi salata levossa (tallentaa salattuna tietokantaasi).
Näin WEMASY hoitaa lomakelähetykset
WEMASYn lomaketyökalu hoitaa koko lähetysprosessin puolestasi. Kun kävijä lähettää lomakkeen WEMASY-verkkosivustollasi, lähetys tallentuu automaattisesti WEMASY-tilillesi. Sieltä voit katsoa lähetyksiä hallintapaneelissa, viedä ne CSV-tiedostona tai yhdistää integraatioita, jotka välittävät tiedot CRM-järjestelmääsi, sähköpostialustallesi tai omiin sovelluksiisi.
WEMASY hoitaa tarkistuksen, koodauksen, turvallisen siirron ja tallennuksen kaiken teknisen monimutkaisuuden. Sinä keskityt lomakkeen suunnitteluun ja siihen, minne tiedot menevät. Katso, mitä integraatioita WEMASY-tililläsi on tarjolla, tai tutustu hinnoittelusivuun nähdäksesi, mitkä lomakeominaisuudet kuuluvat pakettiisi.