Sukurkite kontaktinę formą su Contact Form 7 savo svetainei

Visi pamokos vaizdo įrašai

Štai išsami instrukcija, kaip sukurti kontaktinę formą naudojant populiarų Contact Form 7 papildinį. Išmoksite, kaip įdiegti šį papildinį, sukonfigūruoti paprastą ir funkcionalią kontaktinę formą bei ją integruoti į savo svetainę. Pradėkime!

Svarbiausios žinios

  • Naudodami Contact Form 7 greitai ir lengvai sukursite kontaktines formas.
  • Priklausomai nuo jūsų poreikių, galite sukurti pritaikomus laukus, kad gautumėte specifinę informaciją iš vartotojų.
  • Sukurtą formą lengva įterpti į puslapį ar įrašą naudojant trumpąjį kodą.

1 etapas: sukurti kontaktinę formą

Pirmiausia turite eiti į „WPFs“ savo WordPress administratoriaus srityje. Čia turite galimybę matyti visus esamus formos arba sukurti naują formą. Pasirinkite „Pridėti naują formą“, kad sukurtumėte naują kontaktinę formą.

Sukurkite kontaktinę formą su Contact Form 7 savo svetainei

Atsidursite konfigūracijos ekrane, kur galėsite pritaikyti savo formą. Pasirinkite kontaktinės formos šabloną. Paprastai pakaks paprastos kontaktinės formos, tačiau jei jums to reikia, taip pat galite sukurti formą naujienlaiškių registracijoms.

Sukurkite kontaktinę formą su Contact Form 7 savo svetainei

2 etapas: pritaikyti laukus

Dabar atėjo laikas sukurti formą pagal savo pageidavimus. Galite nuspręsti, kurie laukai jums yra būtini. Šiuo atveju mes pridėsime laukus vardui, el. pašto adresui ir žinutei. Norint suteikti neformalesnį jausmą, pasirinkite atitinkamą išdėstymą, nustatydami jį pilnu pločiu.

Sukurkite kontaktinę formą su Contact Form 7 savo svetainei

Jei norite gauti daugiau informacijos iš savo vartotojų, galite pridėti ir žymeles. Pavyzdžiui, turėtumėte integruoti žymelę dėl privatumo politikos ir aiškiai nurodyti, kad vartotojas ją perskaitė ir sutiko.

Sukurti kontaktinę formą su Contact Form 7 tavo svetainei

Atminkite, kad žymę turite pažymėti kaip privalomą lauką, kad vartotojas jos negalėtų ignoruoti. Taip užtikrinsite, kad visi būtini duomenys bus įvesti prieš siunčiant formą.

Sukurkite kontaktinę formą su Contact Form 7 savo svetainėje

3 etapas: išsaugoti formą

Baigę konfigūruoti visus reikalingus laukus, turite išsaugoti formą. Taip pat patikrinkite pranešimus, kurie bus siunčiami svetainės administratoriui, kai kas nors registruojasi per kontaktinę formą.

Sukurkite kontaktinę formą su Contact Form 7 savo svetainei

Čia galite nustatyti siuntėjo pavadinimą ir atsakymo adresą gaunamoms žinutėms. Įsitikinkite, kad visi laukai teisingai rodosi, kai išsaugote pranešimą.

4 etapas: nustatyti patvirtinimo žinutę

Patvirtinimo žinutė, kuri rodoma po formos pateikimo, taip pat yra svarbi. Galite įvesti personalizuotą žinutę, kuri pasirodys vartotojams pateikus savo kontaktą.

Sukurti kontaktinę formą su Contact Form 7 tavo interneto svetainei

5 etapas: įterpti kontaktinę formą į puslapį

Dabar, kai forma sukurta ir sukonfigūruota, turite ją įterpti į vieną iš savo puslapių. Sukurkite naują puslapį WordPress ir pasirinkite Elementor redaktorių.

Sukurkite kontaktinę formą su Contact Form 7 savo svetainei

Paieškokite WP elemento ir įterpkite kontaktinę formą naudodami trumpąjį kodą. Dabar turėtumėte turėti galimybę parodyti savo kontaktinę formą puslapyje.

Sukurkite kontaktinę formą su Contact Form 7 savo svetainei

6 etapas: testuoti kontaktinę formą

Labai svarbu, kad dabar išbandytumėte formą, kad įsitikintumėte, jog viskas veikia tinkamai. Užpildykite laukus informacija ir paspauskite „Siųsti“. Atkreipkite dėmesį, ar patvirtinimo žinutė rodo teisingai, ir patikrinkite, ar el. laiškas siunčiamas į nurodytus adresus.

Sukurkite kontaktinę formą su Contact Form 7 savo svetainei

Santrauka - kontaktinės formos kūrimas naudojant Contact Form 7

Šiame vadove išmokote, kaip sukurti kontaktinę formą naudojant Contact Form 7 papildinį. Nuo laukų konfigūravimo iki formos įterpimo į savo svetainę – visi žingsniai buvo detaliai aprašyti.

DUK

Kaip įdiegti Contact Form 7 papildinį?Galite ieškoti ir įdiegti papildinį tiesiogiai per WordPress valdymo skydą „Papildiniai“ > „Įdiegti“.

Ar galiu pritaikyti formos dizainą?Taip, galite pritaikyti kontaktinės formos dizainą, keisdami pločius, spalvas ir laukus pagal savo pageidavimus.

Kaip gauti žinutes iš kontaktinės formos?Žinutės siunčiamos į el. pašto adresą, nurodytą pranešimų nustatymuose.