Kuidas luua kontaktivormi kasutades Formspree

Saate oma veebisaidil kasutada mitmeid meetodeid, et võimaldada kasutajatel teile turvaliselt meile saata. Üks näide on atribuudi mailto kasutamine kontaktivormil. Atribuut mailto avab installitud meilirakenduse, kus kasutaja saab sõnumi sisestada.

Parema kogemuse saamiseks kaaluge sellise tööriista nagu Formspree integreerimist. Formspree tegutseb vahendajana, salvestades vormiandmed ja saates need teie määratud e-posti aadressile.

Mis on Formspree ja kuidas see töötab?

Formspree on meiliteenus, mille saate integreerida kohandatud kontaktivormiga. Kui logite sisse Formspree'i, saate määrata vormi jaoks siht e-posti aadressi. Formspree tegeleb vormide esitamisega teie nimel. See võimaldab teil luua tasuta kontaktivorm, näiteks Google Forms, kuid majutate tegelikku vormimärgistust oma saidil.

Formspree loob lõpp-punkti, mille peate oma kohandatud vormile lisama. Kui kasutaja vajutab nuppu "Esita", kasutab vorm lõpp-punkti, et helistada Formspree API teenusele. See genereerib meili kontaktivormi sisuga.

Formspree saadab selle meili sihte-posti aadressile, mille olete oma Formspree kontol loetletud. Seejärel saate e-kirja oma postkasti. Teie Formspree kontol on ka koht, kus saate vaadata oma kontaktivormi esildisi.

Formspree'is oma meili registreerimiseks logige sisse ja sisestage oma vormi siht e-posti aadress.

1. Logi sisse Formspree. Kui teil pole kontot, peate sisestama oma e-posti aadressi ja parooli. Registreeruge kasutades e-posti aadressi, millele soovite kontaktivormi esildised saata. Samuti peate võib-olla registreerimisprotsessi ajal selle e-posti aadressi kinnitama.
2. Kui registreerumisprotsess on lõppenud, avaneb leht "Vormid". Kliki Uus vorm.
3. Sisestage oma kontaktivormi nimi ja jätke projekti vaikeseaded. Sisestage siht e-posti aadress väljale "Saada meilid". See on koht, kuhu Formspree saadab teie kontaktvormi esildised. Kui olete lõpetanud, klõpsake nuppu Loo vorm.
4. Formspree pakub teile lõpp-punkti ja näiteid selle kasutamise kohta. Peate lisama selle lõpp-punkti oma veebisaidi kohandatud kontaktivormile (selle kohta lähemalt hiljem).
5. Vaikimisi salvestab Formspree teie vormi projekti "Minu esimene projekt" alla. Kui soovite selle nime muuta, minge tagasi lehele "Vormid". Kliki Seaded projekti nime kõrval.
6. Siin saate muuta oma projekti nime millekski muuks. Näiteks saate selle ümber nimetada, et see saaks sama nime kui teie veebisaidil. Saate lisada ka oma veebisaidi URL-i.

Peate lisama Formspree pakutava lõpp-punkti oma veebisaidi koodis olevale kontaktivormile.

1. Lisage lõpp-punkt vormi atribuudile "tegevus". Selle tulemusel saadab kasutaja brauser vormi selle esitamisel sellele URL-ile.

   <vormi tegevus="https://formspree.io/f/xjvlaqpe" meetod ="POSTITA">
   <!-- Sinu vorm siin -->
   <nupu tüüp="Esita" klass="nuppu"> Esita </button>
   </form>

2. Lisage oma vormile sisendid. Võite kasutada seda näidisvormi, mis kasutab Bootstrap CSS-i raamistik:

   <vormi tegevus="https://formspree.io/f/mbjqjrdl" klass="lisapolster" meetod ="POSTITA">
   <div klass="vorm-rühm">
   <silt ="vastama"> Sinu emaili aadress </label>
   <sisendi tüüp="meili" klass="vormikontroll" id="vastama" nimi ="_vastama" ngModel="vastama" aria-describedby="meiliabi" kohatäide="[email protected]">
   <väike id="meiliabi" klass="vorm-tekst tekst-vaigistatud"> Teie e-posti ei jagata kellegi teisega. </small>
   </div>
   <div klass="vorm-rühm">
   <silt ="sõnum"> Sinu sõnum </label>
   <tekstiala nimi="sõnum" stiil="kõrgus: 200 pikslit" klass="vormikontroll" id="sõnum" kohatäide="Tere! ma'võtan sinuga ühendust, sest..."></textarea>
   </div>
   <nupu tüüp="Esita" klass="nuppu"> Esita </button>
   </form>
   

Formspree toimimise testimiseks saatke endale kontaktivormi kaudu sõnum, vajutage Esitaja kontrollige oma e-posti postkasti.

1. Käivitage oma veebisait ja avage leht, millel on kontaktivorm. Sisestage sõnum kontaktivormi ja vajutage Esita.
2. Saate kontaktivormi sõnumi oma postkasti.
3. Kui lähete tagasi Formspree'i, klõpsake nuppu Esildised sakk. Siin näete ka oma kontaktivormi saadetud sõnumeid.

Formspree on üks paljudest teenustest, mida saate kasutada kohandatud kontaktivormi integreerimiseks oma saidile. See võimaldab teil kiiresti alustada kasutajate tagasiside vastuvõtmist, ilma et peaksite muretsema taustaprogrammi üksikasjade pärast.

Kui olete HTML-i ja JavaScriptiga vormide loomises uus, saate lisateavet ka kliendipoolse vormi valideerimise kohta. See aitab tagada, et teie kontaktvormid saavad kogu kasutaja sisendi kinnitada.

Autori kohta

Sharlene Von Drehnen (9 artiklit avaldatud)

Sharlene on MUO tehniline kirjanik ja töötab täiskohaga ka tarkvaraarendusega. Tal on IT bakalaureusekraad ning varasem kogemus kvaliteedi tagamise ja ülikooli juhendamise alal. Sharlene armastab mängida ja klaverit mängida.

Veel Sharlene Von Drehnenilt