Kā izveidot saziņas veidlapu, izmantojot Formspree

Savā vietnē varat izmantot daudzas metodes, lai lietotāji varētu droši sūtīt jums e-pasta ziņojumus. Viens piemērs ir atribūta mailto izmantošana saziņas veidlapā. Atribūts mailto atver instalētu pasta lietojumprogrammu, kurā lietotājs var ievadīt ziņojumu.

Lai iegūtu labāku pieredzi, apsveriet iespēju integrēt tādu rīku kā Formspree. Formspree darbojas kā starpnieks, ierakstot veidlapas datus un nosūtot tos uz jūsu norādīto e-pasta adresi.

Kas ir Formspree un kā tas darbojas?

Formspree ir e-pasta sūtīšanas pakalpojums, ko varat integrēt pielāgotā saziņas veidlapā. Piesakoties Formspree, varat norādīt veidlapas mērķa e-pasta adresi. Formspree apstrādā veidlapu iesniegšanu jūsu vārdā. Tas ļauj jums izveidot bezmaksas saziņas veidlapu, piemēram, Google veidlapas, bet jūs mitināt faktisko veidlapas marķējumu savā vietnē.

Formspree ģenerēs beigu punktu, kas jums būs jāpievieno savai pielāgotajai veidlapai. Kad lietotājs nospiež pogu Iesniegt, veidlapa izmantos galapunktu, lai izsauktu Formspree API pakalpojumu. Tādējādi tiks ģenerēts e-pasta ziņojums ar saziņas veidlapas saturu.

Formspree nosūtīs šo e-pasta ziņojumu uz mērķa e-pasta adresi, kuru norādījāt savā Formspree kontā. Pēc tam jūs saņemsit e-pastu savā iesūtnē. Jūsu Formspree kontā ir arī vieta, kur varat skatīt savus saziņas veidlapu iesniegumus.

Lai reģistrētu savu e-pastu pakalpojumā Formspree, piesakieties un ievadiet veidlapas mērķa e-pasta adresi.

1. Piesakieties Formspree. Ja jums nav konta, jums būs jāievada sava e-pasta adrese un parole. Reģistrējieties, izmantojot e-pasta adresi, uz kuru vēlaties nosūtīt iesniegumus, izmantojot saziņas veidlapu. Jums var būt nepieciešams arī verificēt šo e-pasta adresi reģistrācijas procesa laikā.
2. Kad pierakstīšanās process būs pabeigts, tiks atvērta lapa "Veidlapas". Klikšķiniet uz Jauna forma.
3. Ievadiet jebkuru kontaktformas nosaukumu un atstājiet projekta noklusējuma iestatījumus. Laukā "Sūtīt e-pasta ziņojumus" ievadiet mērķa e-pasta adresi. Šeit Formspree nosūtīs jūsu saziņas veidlapas iesniegumus. Kad esat pabeidzis, noklikšķiniet uz Izveidot veidlapu.
4. Formspree sniegs jums galapunktu un piemērus, kā to izmantot. Šis galapunkts būs jāpievieno savai pielāgotajai saziņas veidlapai savā vietnē (vairāk par to vēlāk).
5. Pēc noklusējuma Formspree saglabā jūsu veidlapu projektā ar nosaukumu "Mans pirmais projekts". Ja vēlaties mainīt šī nosaukuma nosaukumu, dodieties atpakaļ uz lapu "Veidlapas". Klikšķiniet uz Iestatījumi blakus projekta nosaukumam.
6. Šeit varat mainīt sava projekta nosaukumu uz kaut ko citu. Piemēram, varat to pārdēvēt, lai tam būtu tāds pats nosaukums kā jūsu vietnei. Varat arī pievienot savas vietnes URL.

Jums būs jāpievieno Formspree nodrošinātais galapunkts saziņas veidlapā jūsu vietnes kodā.

1. Pievienojiet galapunktu veidlapas atribūtam "darbība". Tādējādi lietotāja pārlūkprogramma nosūtīs veidlapu uz šo URL, kad viņš to iesniedz.

   <forma darbība="https://formspree.io/f/xjvlaqpe" metode ="POSTĪT">
   <!-- Jūsu veidlapa šeit -->
   <pogas veids="Iesniegt" klase="pogu"> Iesniegt </button>
   </form>

2. Pievienojiet ievades veidlapai. Varat izmantot šo veidlapas paraugu, kas izmanto Bootstrap CSS ietvars:

   <forma darbība="https://formspree.io/f/mbjqjrdl" klase="papildu polsterējums" metode ="POSTĪT">
   <div klase="forma-grupa">
   <etiķete ="Atbildēt uz"> Tava epasta adrese </label>
   <ievades veids="e-pasts" klase="formas kontrole" id="Atbildēt uz" vārds ="_Atbildēt uz" ngModel="atbildi" aria-describedby="e-pasta palīdzība" vietturis="[email protected]">
   <mazs id ="e-pasta palīdzība" klase="form-text text-muted"> Jūsu e-pasts netiks kopīgots ar citiem. </small>
   </div>
   <div klase="forma-grupa">
   <etiķete ="ziņa"> Tava ziņa </label>
   <teksta apgabala nosaukums="ziņa" stils ="augstums: 200 pikseļi" klase="formas kontrole" id="ziņa" vietturis="Sveiks! es'sazinos ar jums, jo..."></textarea>
   </div>
   <pogas veids="Iesniegt" klase="pogu"> Iesniegt </button>
   </form>
   

Lai pārbaudītu, vai Formspree darbojas, nosūtiet sev ziņojumu, izmantojot saziņas veidlapu, nospiediet Iesniegtun pārbaudiet sava e-pasta iesūtni.

1. Palaidiet savu vietni un atveriet lapu, kurā ir saziņas veidlapa. Ievadiet ziņu kontaktu formā un nospiediet Iesniegt.
2. Saziņas veidlapas ziņojumu saņemsiet savā iesūtnē.
3. Ja atgriezīsities Formspree, noklikšķiniet uz Iesniegumi cilne. Šeit varēsiet redzēt arī nosūtītās ziņas no savas saziņas formas.

Formspree ir viens no daudzajiem pakalpojumiem, ko varat izmantot, lai savā vietnē integrētu pielāgotu saziņas veidlapu. Tas ļauj ātri sākt pieņemt lietotāju atsauksmes, neuztraucoties par aizmugursistēmas informāciju.

Ja esat iesācējs veidlapu veidošanā ar HTML un JavaScript, varat arī uzzināt vairāk par klienta puses veidlapu validāciju. Tas palīdz nodrošināt, ka jūsu kontaktu veidlapas var apstiprināt visu lietotāja ievadīto informāciju.

Par autoru

Šarlīna fon Drēnena (Publicēti 9 raksti)

Šarlīna ir MUO tehnoloģiju rakstniece, kā arī pilnu slodzi strādā programmatūras izstrādē. Viņai ir IT bakalaura grāds un iepriekšēja pieredze kvalitātes nodrošināšanā un augstskolu apmācībā. Šarlīnai patīk spēlēt un spēlēt klavieres.

Vairāk no Šarlīnas fon Drehnenas