Home BIZNIS I ZABAVAKako da dodate obrazac za kontakt na vaš WordPress web sajt

Kako da dodate obrazac za kontakt na vaš WordPress web sajt

od Saša Ristić

Želite jednostavan način da kreirate kontakt obrazac u WordPress-u?

Sa kontakt formom, vaši posetioci mogu lako da vam se obrate, postavlјaju pitanja o vašem poslovanju, raspituju se o proizvodima i šalјu povratne informacije. Neophodno ga je imati na bilo kojom web sajtu.

Sada, obično dodavanje obrasca za kontakt na vaš web sajt zahteva malo kodiranja, ali mi ćemo vam dati mnogo lakši metod koji svako može da prati.

U ovom vodiču biće potrebno samo 5 lakih koraka da biste imali lep i potpuno funkcionalan obrazac na vašem web sajtu.

Šta vam je potrebno u obrascu za kontakt?

Obrasci za kontakt mogu da služite za više namena na vašem sajtu. Oni mogu da vam pomognu da dobijete više potencijalnih klijenata i prevaziđete prigovore na prodaju. Osim toga, to je brže i lakše od slanja e-pošte da vas kontaktiraju, tako da i oni definitivno pobolјšavaju korisničko iskustvo.

Kada pravite kontakt obrazac, morate da imate na umu sledeće tačke:

  • Lako za korisnike: Posetioci bi trebalo da mogu da šalјu njihove poruke i druge detalјe direktno sa vašeg web sajta.
  • Dobijte prave informacije: tražite samo informacije koje želite od vaših posetilaca, kao što su njihov broj telefona, adresa e-pošte i još mnogo toga.
  • Zaštita od neželјene e-pošte: Bilo koji obrazac na web sajtu je osuđen da dobije neželјenu poštu. Dodatak može da vam pomogne da sprečite pošilјaoce neželјene pošte i hakere da šalјu lažne unose, pa čak i malver.
  • Organizovani podaci: Podaci koje dobijate iz kontakt obrazaca su dragoceni. Kada više korisnika pošalјe obrazac, vaši podaci bi lako mogli da se izgube. Organizovanje unosa u obrazac od samog početka je pravi put.
  • Generisanje potencijalnih klijenata: Iskoristite priliku da pitate korisnike da li možete da ih dodate na vašu listu e-pošte kako biste mogli da ih angažujete sa vašim nedelјnim newsletter-om.
  • Usklađenost: Mnogi kreatori obrazaca za kontakt pružaju opciju dodavanja polјa za potvrdu za traženje dozvole korisnika da ih kontaktira. Lako možete da se pridržavate GDPR pravila.

Uz to, hajde da započnemo naš vodič korak po korak o tome kako da dodate obrazac za kontakt na vaš WordPress web sajt.

NAJBOLjI način da dodate kontakt obrazac u WordPress

Ako nameravate da kreirate kontakt obrazac na WordPress-u, trebalo bi da koristite najbolјi dodatak na tržištu. To je WPForms, naravno.

WPForms je najmoćniji kreator obrazaca za WordPress sajtove. Dolazi sa svim funkcijama koje će vam ikada trebati da napravite bilo koju vrstu obrasca u nekoliko klikova.

Sa lakim prevlačenjem i ispuštanjem, svako može da doda obrazac za kontakt u WordPress bez ikakvog kodiranja. Dodatak nudi mnoštvo templejta obrazaca tako da ne morate da kreirate jedan od nule. Možete jednostavno da dodate ili uklonite polјa i prilagodite obrazac onako kako želite.

Uz ovo, dobićete pristup drugim naprednim funkcijama kao što su obaveštenja i potvrde obrasca.

Ovo će vam omogućiti da vašim posetiocima pošalјete e-poruke i poruke sa potvrdom čim pritisnu dugme za slanje na vašem kontakt obrascu. Možete čak i da obavestite sami sebe i članove vašegg tima kako biste odmah mogli da odgovorite korisnicima

Može se sa sigurnošću reći da je WPForms najbolјi izbor za kreiranje obrazaca za kontakt u WordPress-u. Evo klјučnih karakteristika koje dodatak nudi:

  • Kreator obrazaca sa prevlačenjem i ispuštanjem prilagođen početnicima
  • 100+ unapred napravlјenih templejta obrazaca
  • Podržite procesore plaćanja kao što su PayPal, Stripe, Square i još mnogo toga
  • Kontrolna tabla za upravlјanje unosom za praćenje i upravlјanje slanjem obrazaca
  • Integracije sa uslugama marketinga putem e-pošte za pravlјenje vaše liste e-pošte
  • Ugrađena zaštita od neželјene pošte sa opcijama captcha

Sada kada znate koji alat za pravlјenje obrazaca da koristite, hajde da naučimo kako lako da kreirate obrazac za kontakt u WordPress-u.

Korak 1: Instalirajte dodatak WPForms

Prvo, moraćete da se prijavite za WPForms nalog. Takođe možete da počnete sa dodatkom WPForms Lite koji je dostupan na WordPress.org. Ova besplatna verzija dolazi sa mnoštvom funkcija za kreiranje profesionalnih obrazaca za kontakt za vaš web sajt.

Ako želite pristup naprednim funkcijama kao što su pristupnici za plaćanje i dodaci za obrasce, onda možete da nadogradite na pro verziju. Planovi cena počinju od $39,50 godišnje.

Kada se registrujete, pronaći ćete datoteku za preuzimanje i licencni klјuč na WPForms kontrolnoj tabli.

Morate da instalirate dodatak WPForms na vaš WordPress sajt.

Nakon što instalirate dodatak, otvorite stranicu WPForms » Settings i ovde unesite klјuč licence.

Zatim kliknite na dugme Verify Key da biste videli poruku o uspehu.

Sada možete da počnete da kreirate vaš WordPress obrazac za kontakt.

Korak 2: Kreirajte novi obrazac za kontakt

Da biste kreirali novi obrazac, idite na WPForms » Add New karticu na levom meniju vaše WordPress kontrolne table.

Zatim ćete videti biblioteku templejta u kojoj možete da izaberete templejt obrasca za kontakt ili prazan obrazac da biste započeli.

Možete da date ime vašem obrascu na vrhu i izaberete Simple Contact Form templejt za ovaj tutorijal.

Na sledećem ekranu videćete alatku za pravlјenje obrazaca sa prevlačenjem i ispuštanjem. Sva polјa obrasca kao što su e-pošta, brojevi, captcha i otpremanje datoteka su dostupna na levoj strani stranice.

A sa desne strane videćete pregled obrasca. Templejt obrasca već uklјučuje sva neophodna polјa obrasca kao što su:

  • Ime (ime i prezime)
  • Adresa E-pošte
  • Komentar / Poruka

Ako je to sve što vam treba, kliknite na Save i pređite na sledeći korak. Ako vam je potrebno da ga više prilagodite, alat sa prevlačenjem i ispuštanjem je neverovatno jednostavan za korišćenje.

Možete lako da dodate novo polјe obrasca u pregled obrasca i uredite redosled kako želite. Na primer, dodaćemo padajuće polјe u obrazac za kontakt.

Da biste uredili polјe obrasca, možete jednostavno da kliknete na njega i videćete opcije polјa kao što su oznaka, oznake stavki, opis i još mnogo toga.

Na kartici Advanced podešavanja naći ćete više opcija kao što su stil obrasca, veličina polјa, CSS klase i druga podešavanja za prilagođavanje polјa obrasca.

Kada završite sa prilagođavanjem obrasca za kontakt, možete da prilagodite podešavanja da biste bili sigurni da odgovara vašim potrebama.

Korak 3: Konfigurišite postavke obrasca

U levom panelu menija editora obrazaca kliknite na karticu Settings » General. Ovde ćete videti ova podešavanja obrasca:

  • Form Name: Editujte naziv obrasca za kontakt.
  • Form Description: Dodajte jednostavan opis onoga što vaš kontakt obrazac radi.
  • Submit Button Text: Promenite oznaku Submit dugmeta na obrascu za kontakt.
  • Submit Button Processing Text: Unesite tekst koji će se prikazati na Submit dugmetu kada se obrazac obrađuje.
  • Enable anti-spam protection: Sprečava neželјene botove da šalјu obrasce.

Ako scroll-ujete nadole, videćete napredne opcije kao što su prilagođeni CSS za submit dugme, slanje AJAX obrasca i još mnogo toga. Oni su usmereni na programere koji žele da dodaju prilagođeno kodiranje.

Kada završite, kliknite na Save i pređite na sledeći korak.

Korak 4: Omogućite obaveštenja i potvrde obrasca

WPForms vam omogućava da kontrolišete šta se dešava nakon što korisnici pošalјu obrazac na vaš WordPress web sajt. Obaveštenja i potvrde obrasca možete da šaljete na:

  • Obavestite sami sebe i članove vašeg tima o podnošenju novih obrazaca
  • Pošalјite korisnicima e-poštu da potvrdite vaše podneske.
  • Pokažite potvrdu ili zahvalite na poruci nakon uspešnog slanja obrasca
  • Preusmerite klijente na drugu stranicu nakon što pošalјu obrazac

Da biste podesili obaveštenja putem e-pošte, otvorite karticu Settings » Notification na levom meniju alatke za pravlјenje obrazaca.

Podrazumevano, obaveštenje administratora je već podešeno. Ovo će poslati e-poruku administratoru web sajta svaki put kada se pošalјe novi obrazac.

U polјe Send to Email Address možete da dodate i više adresa e-pošte članova vašeg tima. Samo se pobrinite da ih odvojite zarezima.

Štaviše, možete da podesite obaveštenja za vaše korisnike i da im šalјete automatizovane e-poruke sa potvrdom. Za ovo jednostavno kliknite na dugme Add New Notification.

Da biste dodali adresu e-pošte korisnika, kliknite na opciju Show Smart Tags i izaberite Email polјe obrasca.

Zatim možete da prilagodite temu, ime obrasca i telo e-pošte. Ako želite da prikažete detalјe o podnošenju obrasca u email-u, koristite {all_fields} pametni tag.

Ovo će automatski preuzeti podatke iz obrasca i dodati ih u obaveštenje putem e-pošte.

Sada možete podesiti poruku potvrde koja se prikazuje na ront end-u vašeg WordPress sajta nakon što korisnici pošalјu obrazac.

Za ovo kliknite na karticu Confirmations na stranici sa podešavanjima. Ovde ćete videti 3 opcije:

  • Prikaži prilagođenu poruku
  • Preusmeri na drugu stranicu na vašem sajtu
  • Preusmero na spolјni web sajt ili stranicu

Ako želite da prikažete poruku zahvalnosti korisnicima, možete da unesete prilagođenu poruku u oblasti za tekst.

Takođe, dobićete opciju da automatski scroll-ujete do poruke potvrde i prikažete korisnicima pregled podnošenja obrasca. Možete čak i da izaberete stil pregleda.

Ne zaboravite da sačuvate podešavanja na kraju.

Sve što sada treba da uradite je da dodate obrazac za kontakt na vaš WordPress sajt. Pre nego što to uradimo, ako želite da povežete ovaj obrazac za kontakt sa vašim nalogom za marketing e-pošte, to možete da uradite na kartici Marketing.

Samo trebate da izaberete vašeg provajdera e-pošte i povežete vaš nalog. Zatim možete da segmentujete potencijalne klijente i da ih automatski dodate na vašu listu kontakata e-pošte i kampanje. Zaista je tako lako!

Hajde sada da dodamo vaš kontakt obrazac na vaš web sajt.

Korak 5: Dodajte obrazac za kontakt u WordPress

WPForms vam omogućava da dodate vaše kontakt forme na bilo koju stranicu, post ili bočnu traku na vašem web sajtu. On nudi kratki kod obrasca za kontakt i podršku za Gutenberg-ov block edito kako bi proces bio super lak.

Dodajte kontakt na WordPress stranicu ili post (Gutenberg)

Da biste dodali obrazac za kontakt na bilo koju WordPress stranicu ili post, možete da potražite blok WPForms i dodate ga u editor teksta.

Zatim ćete videti padajući meni gde možete da izaberete obrazac za kontakt koji ste upravo kreirali.

Nakon što izaberete obrazac, videćete pregled u editoru teksta. Da biste dodali obrazac za kontakt na vaš sajt, kliknite na dugme Publish u gornjem desnom uglu.

Dodajte kontakt na WordPress stranicu ili post (Classic Editor)

Ako koristite WordPress classic editor, možete da dodate obrazac za kontakt pomoću dugmeta Add Form. Ili, možete jednostavno da kopirate i nalepite kratki kod obrasca da biste ga ugradili na vaš web sajt.

Dodajte obrazac za kontakt na bočnu traku

Takođe možete da dodate obrazac za kontakt u vašj vidžet bočne trake. Za to idite na Appearance » Widget. Sada prevucite i ispustite WPForms vidžet u bočnu traku ili footer meni sa desne strane.

Nakon toga, izaberite obrazac pomoću padajućeg menija i sačuvajte promene.

Kada završite, kliknite na dugme Save. Vaš obrazac će sada početi da se prikazuje na bočnoj traci vašeg web sajta.

I eto ga! Naučili ste kako da dodate obrazac za kontakt u WordPress u nekoliko jednostavnih koraka koristeći WPForms.

Bez sumnje, WPForms je WordPress dodatak za pravlјenje obrazaca broj 1 koji vam omogućava da kreirate obrasce za bilo koju svrhu. Kompatibilan je sa svim glavnim WordPress temama i kreatorima stranica, tako da nećete imati problema da ga koristite na vašem sajtu.

WPForms vam takođe omogućava da napravite druge forme kao što su:

  • Obrasci za narudžbu proizvoda
  • Registracija događaja
  • Obrasci za donacije
  • Istraživanja i ankete
  • Obrasci za rezervacije

…i još mnogo toga. Samo kliknite na gornje linkove da biste krenuli pravo na jednostavan vodič za njegovo podešavanje.

To je sve za danas! Nadamo se da vam je ovaj članak pomogao da lako dodate obrazac za kontakt na vaš WordPress web sajt.

Banner

Banner

Možda će vam se svideti i