Menü
Bedava
kayıt
ana  /  İpuçları/ Geri bildirim formu ihtiyacınız olan şeydir. Web tasarımı ve arama motoru optimizasyonu

Geri bildirim formu ihtiyacınız olan şeydir. Web tasarımı ve arama motoru optimizasyonu

Yazardan: sizi selamlıyorum arkadaşlar. Bu makale, sayfayı yeniden yüklemeden sunucuya form verisi göndermeyi uyguladığımız bir devamı olacaktır. İşte devam edeceğiz bu konu ve sunucudaki verileri nasıl kabul edeceğinizi ve form gönderimini şuraya uygulayacağınızı öğrenin. e-posta(e-posta). O halde formu kuralım geri bildirim ve e-postaya gönderme özelliğini ekleyin.

Kaynak dosyaları güncel makaleyi adresinden indirebilirsiniz.

Bu derste her şeyi olabildiğince basit ve kendi başımıza yapacağız. Özellikle mektup göndermek için özel bir PHP işlevi eskiden e-posta göndermek için kullanılan posta () olarak adlandırılır.

Posta işlevinin sözdizimi ile başlayalım. Bu işlevin üç gerekli parametresi ve iki isteğe bağlı (isteğe bağlı) parametresi vardır. Gerekli parametreler:

alıcının e-posta adresi (birkaç adresi virgülle ayırarak listeleyerek de belirtebilirsiniz);

konu - mektubun konusu;

mesaj - mektubun metni.

İsteğe bağlı parametrelerden, mesaj başlıklarından sorumlu olan hemen hemen her zaman yalnızca ilki kullanılır: kodlama, gönderen, mesaj türü, vb.

kullanarak bir e-posta göndermeyi deneyelim bu işlev... Bunu formdan veri aldığımız mail.php dosyasında yapacağız. Yeni kod bu dosyanınşöyle olurdu:

Mesajınız gönderildi

";) başka (yankı"

Hata!

"; }

< ? php

$ ila = " [e-posta korumalı]" ; // alıcının adresi

$ konu = "Geri arama emri verin"; // harf konusu

$ mesaj = "Ad: ($ _POST [" ad "]) \ r \ n"; // metne adı ekleyin

$ mesajı. = "Telefon: ($ _POST [" telefon "])"; // telefonu metne ekle

$ başlıkları. = "İçerik türü: metin / düz; karakter kümesi = utf-8"... "\ r \ n"; // kodlamayı ayarla

$ başlıkları. = "Kimden: [e-posta korumalı]"." \ r \ n "; // göndereni ekle

if (posta ($ to, $ konu, $ mesaj, $ başlıklar)) (

Eko "

Mesajınız gönderildi

" ;

) Başka (

Eko "

Hata!

" ;

Bu, zaten göndermek için bir mesaj oluşturmanıza izin verecek minimum koddur. Nasıl çalıştığını kontrol edelim:

Gördüğünüz gibi, kod çalışıyor, yanıt olarak mektubun gönderildiğine dair bir mesaj alıyoruz. Yerel bir sunucu üzerinde çalıştığımız için burada mektuplar aslında mail() işlevi tarafından gönderilmez, metin dosyası olarak özel bir klasöre kaydedilir. Open Server'da bu, \ userdata \ temp \ email \ klasörüdür. Bu klasörü açalım ve mektubun orada olduğundan emin olalım, bunun gibi bir şey görünecek:

Harika! JS betiğinde düzeltilmesinden zarar görmemesi gereken birkaç şey kaldı. Örneğin, bir mesajı düz metin olarak değil, HTML kodunda görüntülemeniz ve ayrıca mesaj gönderdikten sonra form alanlarını temizlemeniz gerekir. Ortaya çıkan JS kodu şöyle olacaktır:

$ (işlev () ($ ("# geri çağırma"). gönder (işlev (e) (e.preventDefault()); var data = $ (bu) .serialize (); $ .ajax ((url: "mail.php) ", yazın:" POST ", veri: veri, önceGönder: işlev () ($ (" # gönder "). sonraki (). metin (" Gönderiliyor ... ");), başarı: işlev (res) ($ ("#recall"). find ("giriş"). val (""); $ ("# gönder"). sonraki (). html (res);), hata: işlev () (uyarı ("Hata! ");)));)));)));

$ (işlev () (

$ ("#geri çağırma"). gönder (işlev (e) (

e. önlemeVarsayılan ();

var data = $ (bu). seri hale getir ();

$. ajax ((

url: "mail.php",

tür: "POST",

veri: veri,

önceGönder: işlev () (

$ ("#gönder"). sonraki (). metin ("Gönderiliyor ...");

Geri bildirim formu olmayan bir site hayal etmek artık zor.

Bu nedenle kaynağınızda iletişim bölümü yoksa yüklemeniz gerekir. Bunu nasıl yapacağımızı bulalım.

Geri bildirim çözümleri

Doğal olarak, artık siteyle ilgili geri bildirimleri düzenlemenin birkaç yolu var: php'deki evrensel komut dosyalarından CMS için eklentilere ve modüllere. Yani gördüğünüz gibi elle kod yazmaya gerek yok.

Aşağıdaki evrensel çözümleri kullanabilirsiniz:

  • iletişim formunun HTML kodunu otomatik olarak oluşturan ücretsiz çevrimiçi hizmetlerin hizmetlerini kullanın. Ancak aynı zamanda, php işleme dosyasının bağımsız olarak yazılması ve kurulması gerekecektir. İşte bu amaçlar için kaynaklardan biri.
  • HTML kodu oluşturan ve genellikle bu hizmetlerin sunucularında barındırılan php'de veri işleyicileri sağlayan ücretsiz çevrimiçi hizmetlerden yardım isteyin. Benzer kaynaklara bir örnek
  • Geri bildirim formunu yüklemek için İnternette ücretsiz komut dosyaları bulun. Bu seçenek, HTML ve PHP'yi belirli bir düzeyde bilen kişiler için geçerlidir, çünkü her durumda betiğin sitenize özel olarak uyarlanması gerekecektir.

Bununla birlikte, kullanıcılardan ileri düzey site oluşturma bilgisi genellikle gerekli değildir - çok yönlülük ve çok çeşitli çözümler, istediğiniz geri bildirim formunu yukarıdaki yollardan herhangi biriyle ayarlamanıza olanak tanır.

Basit HTML İletişim Formları Kurulumu

Captcha ile HTML geri bildirim formları yazmak ve yüklemek için popüler programlardan birini ele alalım. Örneğin, bu sitede geniş bir seçim sunulmaktadır. Site Rusça, seçim yapmak kolay olacak ve kurulumun kendisi üç dakikadan fazla sürmeyecek.

Ama önce standart config.php dosyasını değiştirmeyi unutmayın - kodlamayı değiştirmeniz ve doğru alıcının e-posta adresini yazmanız gerekir.

Düzeltilmiş dosyaların bulunduğu klasör, sitenin kök dizinine kopyalanmalıdır, ancak bundan önce Robots.txt dosyasında indekslenmesini kısıtlamak gerekir ( İzin verme: / sendmail-zakaz).

Aslında, hepsi bu kadar - eylemler doğru bir şekilde gerçekleştirilirse, bitmiş form şöyle görünecektir:

PHP desteği gerektirmeyen geri bildirim formu oluşturucuları vardır. Bunlardan birini düşünelim. Bağlantıya tıkladıktan sonra, istediğiniz formu oluşturabileceğiniz ayarların yapıldığı bir pencere göreceksiniz.

Gerekli tüm parametreler girildikten sonra, doğrulama captcha'sını girmeli ve "Oluştur" düğmesine ve ardından - "Kodu al" seçeneğine tıklamalısınız.

Ortaya çıkan kodun sitenin seçilen sayfasına kopyalanması yeterlidir.

Kendiniz basit bir iletişim formu oluşturabilirsiniz. Bunu yapmak için, bir form.php dosyası oluşturmanız ve aşağıdaki kodu içine kaydetmeniz gerekir:

Formun çalışması için bir işleyici dosyasına ihtiyaç vardır. Buna mail.php diyelim ve bu koda kaydedelim:

Joomla'da geri bildirim formu

Bu oldukça çok yönlü yönetim sisteminde, geri bildirim formu Kişiler bileşeni kullanılarak özelleştirilebilir. Oldukça basittir, ancak yine de işlevselliği, formun normal çalışması için oldukça yeterlidir.

Bu nedenle, bileşeni yapılandırmak için yönetim paneline gidin ve "Bileşenler / Kişiler / İletişim Kategorileri" sekmesini seçin.

Kategorisiz bir sayfa açılacaktır. Oluşturmak için "Yeni" düğmesine tıklayın.

Sistem, "Başlık" ve "Takma Ad" alanlarını doldurmayı önerecektir. Bunu yaptıktan sonra, "Yayınlandı" satırında "Evet" onay kutusunu işaretlemeniz gerekir.

Ayarlar, pencerenin sağ üst köşesinde bulunan aynı isimli butona tıklanarak kaydedilmelidir. Bir kategori var, iletişim formu olan bir sayfa oluşturmaya devam ediyor. Bunu yapmak için "Kişiler" sekmesine gidin ve sağ üst köşedeki "Yeni" düğmesine tıklayın.

Açılan diyalog kutusunu dolduruyoruz. "Ad" satırını, "Takma ad" satırını doldurduğunuzdan emin olun. “Yayınlandı” satırına “Evet” işareti koyuyoruz ve bu kişinin kategorisini belirtiyoruz. Biraz daha aşağıya inerek, mesajları alacak ilgili kişiyi belirtmeniz gereken "Kullanıcıyla iletişime geç" penceresini bulacağız.

"Bilgi" alanı, formun sitedeki konumunu ve alıcının e-posta adresini belirtmenin gerekli olduğu durumlarda da zorunludur. Menü öğelerinin geri kalanı isteğe bağlı olarak doldurulabilir.

Geri bildirim formu yapılandırılmıştır, siteye yerleştirmek için kalır. Bu amaçlar için, öğenin konumunu belirlemek için yönetim paneline gitmeniz ve "Menü" sekmesini seçmeniz gerekir.

Bu menüde yeni bir öğe oluşturun. Bunu yapmak için "Oluştur" düğmesine basın ve açılan menüden "Kişiler / İletişim sayfası"nı seçin.

Menü öğesinin adını ayarlamanız, takma adını kaydetmeniz, yansımasını etkinleştirmeniz ve "Bir kişi seçin" ana parametreleri alanında bu menü öğesinin bağlanacağı iletişim bilgilerini belirtmeniz gereken bir sayfa açılacaktır. Ayarları kaydediyoruz.

Siteye gidin, "Kişiler" öğesini bulun ve tıklayın. Aşağıdaki sayfa açılmalıdır:

WordPress için geri bildirim

Bu sistemde eklentiler kullanılarak da geri bildirim formu oluşturulabilir. En popüler ve işlevsel olan Contact Form 7 eklentisidir.

Bundan sonra, "Sayfalar / Yeni Ekle" sekmesine gitmeniz ve HTML modunu açarak geri bildirim formunun önceden kopyalanmış kodunu yapıştırmanız gerekir.


Sitenizdeki geri bildirim formunun ideal olmaktan uzak olması nedeniyle kullanıcıların %80'e varan bir kısmının başvuru yapmadan sitenizden ayrıldığını biliyor musunuz? Yoksa başvuru formunuzun mükemmel olduğundan ve en yüksek dönüşüme sahip olduğundan emin misiniz?

Giderek, stüdyomuza gelen yeni müşterilerimiz, bir web sitesinin oluşturulması ve tanıtımı hakkında tartışırken kendilerine dönüşüm hakkında sorular soruyorlar. İnternet pazarlaması söz konusu olduğunda bu kesinlikle doğru soru, çünkü site müşteri getirmiyorsa, ona zaman ve para yatırmanın bir anlamı yoktur. Bugünün blogunda, şirketin web sitesinden müşteri sayısını büyük ölçüde etkileyen faktörlerden birini anlatacağız. Bu faktör - geri bildirim biçimleri veya aynı zamanda "yakalama biçimleri" olarak da adlandırılır. İdeal geri bildirim şekli nedir?

Hemen, iş segmentine bağlı olarak, bu formun farklılık gösterebileceğini not ediyoruz, çünkü her işletmenin kendi görevleri, müşterilerle kendi etkileşim biçimleri vardır. Yöneticiniz diğer kişileri ararken ve yeni başvuruları beklerken müşteri ile "iletişim kuran" formdur.

Sitedeki geri bildirim formu önemlidir. Alıcıyı, dikkat çekmeden ve dikkatli bir şekilde bir satın alma işlemi yapmaya veya bir hizmet sipariş etmeye yönlendirirsiniz. Kullanıcı dostu bir arayüzden mükemmel satış koşullarına kadar elinizden gelen her şeyi kullanırsınız. Ancak müşteri sipariş formuna ulaştığında ayrılır. Tüm çalışmalar boşa gitti. Bir daha sana geri dönmesi pek olası değil. Bu sadece geri bildirim formunu değiştirerek önlenebilir.

Geri bildirim formu ne için?

Sadece sipariş / satın alma yapmak için değil. Geri bildirim formunun yardımıyla, kullanıcılardan neleri sevdiklerini / sevmediklerini, şirketin çalışmasındaki "sürülerin" neler olduğunu öğrenir ve hatta nasıl geliştirileceğine dair hazır tavsiyeler alırsınız. Kullanıcılarla konuşma:

a) şirketinize bağlılığı artırmak;

b) bir isteğe hızlı yanıt verme, olumsuzluğu azaltma ve müşteriyi elde tutma yeteneği;

c) bir ürün veya hizmeti geliştirme fırsatı;

d) Satışları artırmanın bir yolu.

Deneyimsiz site sahiplerinin yaptığı ana hata, aşırı yüklenmiş bir geri bildirim formudur. Kullanıcılar, şirketinize talepte bulunmak için doldurulması gereken çok sayıda alandan korkar. Gizlilik sözü verseniz bile kendileri hakkında gereksiz bilgi vermek istemezler. Sizin için mükemmel şekli tasarlamak için birkaç kural derledik.

Kural 1. Formunuzu mümkün olduğunca basitleştirin

Bu formlardan hangisini doldurmak istersiniz?

Veya böyle

Yalnızca en önemli alanları bırakın. Çoğu sitenin ziyaretçileri çok sayıda alanı doldurmaktan hoşlanmaz

Formu basitleştirme kuralı yerine getirildiyse, dönüşümde% 30-60 oranında bir artış beklenmelidir.

Tavsiye. Gereksiz tüm alanları kaldırın, 2-3 alan hatta 1 alan bırakın. Genellikle bu "Ad", "telefon numarası veya e-posta"dır. Bir online mağazanız varsa ve bir sipariş formu oluşturuyorsanız, biraz daha fazla alan olacaktır: "Ad", "Telefon numarası veya E-posta", "Teslimat seçeneği", "Ürün miktarı", "Adres". Geri bildirim formunu hangi amaçla hazırladığınızı görün ve mümkün olduğunca basitleştirin.

Kural # 2. Form görünür olmalıdır

Siteden gelen geri bildirim formu veya başvuru formu dikkat çekici olmalıdır, aksi takdirde ziyaretçi bunu fark etmeyebilir ve doldurabilir. Odağı daha da vurgulayacak bir tür animasyonlu öğe bile yerleştirebilirsiniz.

Kural # 3. Minimum "gerekli alanlar"

Bir zorunlu alan - telefon

Çoğu zaman şirketlerin web sitelerinde sadece gereksiz alanlarla dolu bir form değil, aynı zamanda bu alanları doldurma zorunluluğu da görülebilir. "Zorunlu alan" ifadesi sitelerin %99'unda mevcuttur. Dönüşümünüzü artırmak mı istiyorsunuz? Telefon numarası dışındaki tüm alanlardaki zorunlu doldurmayı kaldırın. Kişi isterse, gerekli gördüğü alanları dolduracaktır, ancak asıl alan, müşteriyi geri aramasını ve diğer tüm bilgileri netleştirmesini sağlayacak olan telefon numarasıdır. Ana şey, yöneticiler için doğru senaryoları yazmayı unutmamaktır.

Hangi durumlarda formlardan dönüşüm düşer:

  • Yaş alanını doldurmanızı isterseniz dönüşümde %3 düşüş
  • Dönüşümde düşüş Tam adınızı girmeniz gerekiyorsa %10
  • Dönüşümde düşüş%2, ziyaretçinin hangi bölgede yaşadığıyla ilgileniyorsanız
  • Dönüşümde düşüş%4, ikamet adresini doldurmanız gerekiyorsa

Teslimat, adres ve tam ad ile ilgili alanlar çevrimiçi mağazada mevcutsa, kullanıcı bunları elbette doldurur ve bu, dönüşümü etkilemez. Ancak size bir başvuru göndermek için verileri doldurmasını istiyorsanız, dönüşüm kesinlikle düşecektir.

Kural # 4. Formdaki bağlantılar (referans şartları)

İletişim şartlarını, başvuruları, siparişleri vb. işlemek için bir ziyaretçi göndermeniz gerekiyorsa, bu bağlantıları doğrudan form bloğunda yapın. Böyle bir bağlantıya tıkladığınızda, kapatılması ve formu doldurmaya gitmesi kolay olan bilgileri içeren bir açılır pencere göstermek daha iyidir.

Böyle bir formun bir örneği:

Formdaki metin ve koşulları en aza indirmeye çalışın, çünkü kullanıcı her şeyi yeniden okumak için çok tembel olacak ve size verilerini göndermeden formu kapatacaktır. Ayrıca bu formdaki hatalar - çok fazla zorunlu alan.

Kural #5. Veri işleme onayı

Formdaki veriler yanlış doldurulmuş ve kişisel veri niteliği taşımasa bile bu onay kutusunun işaretlenmesi gerekmektedir. Halihazırda davalıların Mevzuatın bu şartına uymadıkları için para cezası ödemek zorunda kaldıkları mahkeme davacıları olmuştur.

Kural # 6. Açılır listeler olmamalıdır

Formunuz bir hesap makinesiyse, açılır liste kabul edilebilir. Ancak bir kişiyi şirketinizin hangi departmanıyla iletişim kurmak istediğini seçmeye zorlarsanız, bu, dönüşümü azaltacaktır, çünkü kullanıcılar gereksiz bilgileri düşünmeden formu hızlı bir şekilde doldurmak ister.

Kural #7. Captcha'yı formdan kaldırın

Bir captcha girmek, dönüşümü %40'a kadar azaltabilir. Bunun nedeni, genellikle captcha'nın hiç okunamaması veya veri girerken yanlış karakter girişi hakkında bilgi vermesidir. Daha önce captcha, onsuz çok fazla spam gelebileceği gerçeğiyle gönderilseydi, şimdi formu spam robotları tarafından ve captcha'ya girmeden veri girmekten koruyan teknolojiler var.

Artcell stüdyosunda tam da bu teknolojiyi kullanıyoruz. Gördüğünüz gibi formlarımızda captcha yok ve SPAM almıyoruz.

Kural # 8. Formun gönderildiğine dair otomatik bildirim

Form doldurulup gönderildikten sonra, verilerin gönderildiğini ve yöneticinin yakın gelecekte sizi arayacağını belirten bir mesaj görünmelidir. Böyle bir bildirim yoksa kullanıcı, verilerin gönderilip gönderilmediğini anlamaz, şirketten bir arama beklemelidir. Bu bildirim sizi aynı kullanıcıya ait yinelenen uygulamalardan kurtaracaktır.

Kural #9. SMS bildirimi

Formunuzda bir telefon alanı varsa, ziyaretçinin numarasına otomatik bir bildirim gönderin. Bu, mesajınızı kişiselleştirmenize izin verecek ve kullanıcı bir kez daha şirketinizin adını hatırlatacaktır.

Peki ideal geri bildirim formu nedir?

Sitedeki diğer bilgilerin arka planında daha görünür hale getirmenizi sağlayan bir çerçeve veya renkle vurgulanır

Doldurulması gereken minimum alanlar

Bir veya iki zorunlu alan

Açılır listeli alanların eksikliği

Alınan verilerin işlenmesine onay için bir onay kutusunun varlığı

Sitenin diğer sayfalarına gereksiz geçişler olmadan hemen formda bağlantıların ve ek koşulların varlığı

captcha eksikliği

Mükemmel bir başvuru formunuz var, ancak hala birkaç müşteriniz var mı? Dergimizdeki bu blogu okuyun, sorunuzun cevabını bulacaksınız. Siteniz arama motorlarında yetersiz tanıtılıyorsa, bu bilgiler sizin için yararlı olacaktır.

İletişim formunu mükemmelleştiremiyorsanız ve profesyonellerden yardım istemek istiyorsanız, aşağıdaki başvuru formunu doldurun, yöneticimiz sizi en kısa sürede arayacaktır.

Site için geri bildirim formu size göstereceğim, Ajax teknolojisinin kullanımına dayanmaktadır. Ama merak etmeyin, bunu bilmenize gerek yok, her şey hazır, bu formu yüklemeniz ve kendinize göre özelleştirmeniz yeterli!

Beyler - senaryo uzun süredir modası geçmiş. Biri çalışıyor, biri çalışmıyor. Ve anlamak için ve hatta güncellemek için çok tembelim. Bu nedenle, kendi takdirinize göre test edin.

Postaya gönderme ile php geri bildirim formu

Bu siteye geri bildirim formu kendi içinde çok işlevsel, çekici bir görünüm yaratan ve girdiğiniz verilerin geçerliliğini (okuma doğruluğunu) kontrol eden birkaç eklenti ona bağlı. Bu eklentiler harikalar ve güçlüler üzerinde çalışır! Ve onlara şöyle denir:

    1. JQTransform- geri bildirim formumuzu güzelleştirmenizi sağlayan bir eklenti!

    2. formDoğrulayıcı- ve bu eklenti, girilen bilgilerin doğruluğu için iletişim formunu kontrol eder ve bu durumda açılır ipuçlarını görüntüler!

Bu formun tam teşekküllü çalışması için PHPMailer sınıfı kullanılacaktır. En iyilerinden biri olarak kabul edildi!

En zekiler için bir not:

Site için geri bildirim formu HTML olarak yapılabilir! Ama sadece PHP ile çalışmaya başlayacak! Ve başka bir şey yok!

Bu sadece HTML'de bir geri bildirim formu arayanlar için benim. Yapacaksın, ama işe yaramayacak!

Bu nedenle, sizinki PHP'yi desteklemeli ve bu iletişim formu için PHP en az sürüm 5 olmalıdır. Umarım açıklığa kavuşmuşumdur? Üstelik artık herhangi bir normal hosting bu koşulları destekliyor!

Bu geri bildirim formunu www.tutorialzine.com web sitesinde buldum, bağlantı doğrudan orijinal sayfaya, yani. bu formun yazarının sitesi!

Her şey İngilizce, bu yüzden Sasha ve ben bu iletişim formunu ve ona bağlı eklentileri Ruslaştırmak için biraz kurcalamamız gerekti.

Dürüst olmak gerekirse, çeşitli pervazlar ortaya çıkmaya başladıkça bu "kalıp" ile iki gün geçirdik ve bitmemiş geri bildirim formunu göndermek istemedim, daha da güzel! Bu nedenle, her şeyi kendiniz yapmanın bir hayranıysanız ve düşünce en parlak kafanıza girecek - bu formu kendiniz Ruslaştırmak için, sadece cümleleri çevirmekle sınırlı kalmayacağınız için birkaç ipucu vereceğim:

    1. Bu geri bildirim formu, burjuvazi için özel olarak hazırlanmıştır ve oradan indirilir, bu nedenle normal Rus karakterleri yerine size gönderir - krakozyally. Kodlamayı anlayın. Her neyse, tüm "mühürler" bununla ilişkilendirilecek!

    2. Doğrulama komut dosyası başlangıçta mektuplarımızı anlamıyor, bu yüzden orada yazılmaları gerekecek!

    3. Bu işlemlerden sonra bile, mektubun konusunu Rusça olarak belirtirseniz, mektup bir konu ile gelir - Konu yok (umarım doğru yazmışımdır), PHPMailer sınıf dosyasında kodlamayı belirtirseniz bu işlem yapılır.

    4. Orijinal formda, giriş alanlarındaki metin ortada değil, altta basılmıştır. Bu bir JQTransform eklenti hatasıdır.

Görünüşe göre her şeyi yazmış ve beni uyarmış. Daha ileri gidelim!


İyi günler, her sitede bir geri bildirim formu bulunmalıdır. Bugün wordpress motoru da dahil olmak üzere herhangi bir siteye eklemek için hazır bir form örneği göstereceğim. Bitmiş html ve php kodu örneği sitenize kopyalanabilir. Hazır örneğe ek olarak, oldukça popüler olan birçok eklenti var. Birçok sitede, böyle bir form temaya zaten dahil edilmiştir, ancak bazen başka bir sayfaya başka bir form eklemek veya eskisini değiştirmek gerekir.

Bu makaleyi yazmaya başlamadan önce, bu sorunun cevabını bulmak için İnternet'te arama yaptım. Sitelerin ve blogların sayısına daha fazla baktıktan sonra, bir siteye geri bildirim formu eklemek için çok az kaliteli yanıt buldum. Malzemelerin çoğu eklentilerle çalışma hakkında yazılmıştır. Bazı yazılarda ne ve nasıl yapılacağı tam olarak belli olmuyor, kod çalışmıyor, harfler gelmiyor... vb.

Elbette, makul cevaplar var, ancak çok azı var. Size çok fazla zeka gerektirmeyen basit bir örnek vereceğim. Php'de özel bir bilgi gerekmez, daha doğrusu hiç gerekli değildir. Ne ve nerede değişmesi gerekiyor, gerektiğinde detaylı olarak yazarım. Form hatasız çalışıyor. Formun bir örneği sitemde. Bitmiş örnekte, formun hiç "perişan" görünmemesi için güzellik için birkaç stil ekledim. İsterseniz, her şeyi kendi takdirinize göre değiştirebilirsiniz.

Html'de bir web sitesi için hazır geri bildirim formu

Bu örnekte site için geri bildirim formu html kodundan oluşmaktadır. Böyle bir html kodu örneğini, nerede ve ne kullanırsanız kullanın, sitenin kesinlikle herhangi bir sayfasına ekleyin. Aynı kod wordpress motor sayfasına eklenebilir, her şey düzgün ve çökme olmadan çalışacaktır.

İsim E-posta: Mesaj Konusu Metniniz:

< form action = "/wp-content/themes/xmarkup/form.php" method = "gönder" isim = "form"> İsim< input class = "inp" style = "width: 30%;" name = "name" type = "text" / >

E-posta:< input class = "inp" style = "width: 30%;" name = "email" type = "text" / >

Mesaj Konusu< input class = "inp" style = "width: 30%;" name = "temma" type = "text" / >

Metniniz:

< textarea class = "inp" style = "width: 80%;" cols = "1" name = "massage" rows = "5" > < / textarea >

< input class = "inp" type = "submit" value = "göndermek" / >

< / form >

Kodun en başında, ilk satırda, form.php php dosyasına giden yolunuzu belirtmelisiniz (bu konuda biraz sonra). Başka hiçbir şeyi değiştirmenize gerek yok. Formun adından ve alanlarından memnun değilseniz, her zaman yenilerini ekleyebilir veya eskilerini değiştirebilirsiniz. Ayrıca kendi stillerinizi doğrudan mahkeme masasına da ekleyebilirsiniz. Bu seçenek sizin için uygun değilse, yeni sınıflar tanımlayın ve ancak bundan sonra style.css dosyanız aracılığıyla stiller ekleyin.

Bunun nasıl yapılabileceğini bilmeyenler site admin paneline gidin, editöre gidin ve style.css dosyasını açın. Bu kodu stil sayfasının en sonuna ekleyin. Sonuç olarak, form kodu sayfaya ve css stilleriniz style.css tablosuna eklenmelidir.

Inp (dolgu: 10 piksel; kenarlık: 1 piksel katı # tarz; genişlik: 200 piksel; renk: # 999999; kutu gölgesi: rgba (0, 0, 0, 0.1) 0 piksel 0 piksel 8 piksel; -moz-box-gölge: rgba (0 , 0, 0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba (0, 0, 0, 0.1) 0px 0px 8px;)

Giriş (

dolgu: 10 piksel;

kenarlık: 1px katı # exe;

genişlik: 200 piksel;

renk: # 999999;

kutu - gölge: rgba (0, 0, 0, 0.1) 0px 0px 8px;

Moz - kutu - gölge: rgba (0, 0, 0, 0.1) 0px 0px 8px;

Webkit - kutu - gölge: rgba (0, 0, 0, 0.1) 0px 0px 8px;

Atılan adımlardan sonra sayfada bu geri bildirim formunu almalısınız. Kendinizi çok fazla kaptırmayın, formunuz mümkün olduğunca basit ve kullanışlı olmalıdır. Gereksiz fazladan alanlar olmadan ... ad, posta, konu ve mesaj. İstenirse, mesajın Konusu bile kaldırılabilir.

php form kodu

Formun işaretlemesine karar verdik, güzelleştirdik, şimdi php uzantılı bir dosya oluşturmanız ve aşağıdaki kodu eklemeniz gerekiyor. Dosyayı FTP istemcisi aracılığıyla sitenize ekleyin. Çoğu kullanıcı CMS kullanır, bu dosyayı temanızla birlikte klasöre bırakın. Bu dosyanın adresi ve adı, başlangıçta yukarıda gösterdiğim formunuzun işaretlemesine kaydolmalısınız. Örnek için tam yolu yazdım, böylece neyi ve nereye ekleyeceğimiz belli oldu.

(

Form.php dosyasının kodunun kendisi şunları içerir:

< meta http - equiv = "refresh" content = "1; url=http://сайт" >

< meta charset = "UTF-8" / >

if (isset ($ _POST ["isim"])) ($ isim = $ _POST ["isim"]; if ($ isim == "") (ayarlanmamış ($ isim);))

if (isset ($ _POST ["email"])) ($ email = $ _POST ["email"]; if ($ email == "") (unset ($ email);))

if (isset ($ _POST ["temma"])) ($temma = $ _POST ["temma"]; if ($temma == "") (ayarlanmamış ($temma);))

if (isset ($ _POST ["masaj"])) ($ masaj = $ _POST ["masaj"]; if ($ masaj == "") (ayarlanmamış ($ masaj);))

if (isset ($ isim) && isset ($ email) && isset ($ temma) && isset ($ masaj)) (

$ adres = " [e-posta korumalı]" ;

$ me = "Ad: $ ad \ nE-posta: $ e-posta \ nKonu: $ temma \ nMetin: $ masaj";

$ gönder = posta ($ adres, $ temma, $ mes, "İçerik türü: metin / düz; karakter kümesi = UTF-8 \ r \ nKimden: $ e-posta") ;

if ($ gönder == "doğru")

(Eko "Mesajı gönderildi"; }

başka (yankı "Ah, bir şeyler ters gitti."; }

Başka

Eko "Tüm alanları doldurun";

url = http:// site yerine site adresinizi yazın. $ adres = " [e-posta korumalı]"- bu satırda mektup alacak olan e-posta adresimizi belirtiyoruz. Başka hiçbir şeyi değiştirmenize gerek yok, her şey kurulu ve çalışıyor. Kurulum sürecinde herhangi bir zorluk yaşarsanız, yorumlara yazın, kesinlikle cevaplayacağım.

Wordpress'e geri bildirim ekleyin

Wordpress'e form yükleme işlemi farklı değildir, tüm işlemler aynı şekilde yapılır. Form.php dosyasını temanızın bulunduğu klasöre yüklemeniz önerilir. Html işaretlemesinde işleyici dosyasının tam ve tam adresini belirtmeyi unutmayın. Ayrıca site adresinizi sitenize göre değiştirmeniz ve e-posta adresinizi doğru yazmanız gerekmektedir. Hazır form kodu, blogunuzun herhangi bir sayfasına eklenebilir. Örnek olarak yarışmalar ile sayfama bloguma ekledim.

Örnek olarak, "Yazarla iletişim kurun" veya "Yazar" sayfası oluşturabilir ve formunuzu oraya yükleyebilirsiniz. Bazı bloglarda, her formun altında yazarla iletişim kurmak için bir dizi sosyal medya düğmesi veya ek seçenek fark ettim. Dilerseniz siz de tekrarlayabilirsiniz. İletişim formu blogumda çalışıyor, bizzat kendi örneğimde kontrol ettim. Mektuplar size ulaşmıyorsa sorun sizdedir.

WordPress eklentileri

Bu tür geri bildirimleri sitenize eklemekte zorlanıyorsanız, eklentilerden birini söyleyebilir ve sitenize yükleyebilirsiniz. Bugün site için bu tür formlar oluşturabileceğiniz çok sayıda eklenti var. Yönetici paneline gidin, Eklentiler'e tıklayın - yeni bir tane ekleyin. Hangisini beğendiyseniz onu seçip sağlık için kullanıyoruz. Daha popüler olan Contact Form 7 eklentisidir.

  1. Hızlı Güvenli İletişim Formu.
  2. Bana Ulaşın İletişim Formu.
  3. FormCraft.
  4. Görsel Form Oluşturucu.
  5. nForms - WordPress Form Oluşturucu.
  6. Yerçekimi Formları.

Her birini sırayla kuruyoruz ve her birine ayrı ayrı bakıyoruz. Yazarın web sitesine (varsa) gereksiz bağlantıyı kaldırmak için eklentinin işlevselliğine hemen dikkat edin. Tüm bu şekiller başlangıçta çok güzel görünmüyor, zevkinize ve renginize göre özelleştirebilir misiniz?

İlkini örnek olarak alalım. Yeni bir eklenti ekleme İletişim Formu 7. Bu eklenti çok basittir, onunla çalışırken herhangi bir sorun yaşamamanız gerekir. Birçok blogcu, sitelerinde ek küçük formlar için bu eklentiyi kullanır. İletişim Formu 7 öğesinde sol konsola gidin ve "yeni bir form ekle"yi tıklayın. Varsayılan dil zaten Rusça.

İlk sekmede, mevcut olacak alanları seçin ve adlandırın. Çok büyük bir form oluşturmaya, ad, posta, konu, mesaj ve "gönder" düğmesi eklemeye gerek yok. "Mektup" sekmesinde, mesajları alacak olan e-posta kutunuzu belirtiyoruz. "Herhangi bir özel zorluk yaşamamalısınız, her şey sezgisel.

Eklenti oluşturulduktan sonra, örneğin sitede doğru yere eklemeniz gereken bir kısa kod sunacaktır. Kısa kodu ekledikten sonra yepyeni formunuzu göreceksiniz. Herhangi bir sayfa oluştururken "Metin" düzenleme sekmesine gidin ve kodunuzu yapıştırın.

Küçük dezavantajı, geri bildirim tasarımınızın çok korkunç olacağıdır. Çok üzülme. Verilen adreste ftp'den geçiyoruz wp-içerik / eklentiler / iletişim formu-7 / modüller. Bu klasör, eklentinin tüm css stillerini içerir. Şeklinizin güzel ve dikkat çekici olması için kendi yeni özelliklerinizi güvenle ekleyebilirsiniz.

Geri bildirim formu oluşturucu

Ek eklentilere ek olarak, bu tür formları kullanabilirsiniz. Hızlı ve fazla bilgi sahibi olmadan yeni bir form oluşturabileceğiniz özel hizmetler var. Madalyonun bir de diğer yüzü var. Bu tür hizmetlerin performans ve en önemlisi bu tür zevklerin maliyeti açısından da kontrol edilmesi gerekir. Bazıları ücretsizdir, ancak ücretli seçenekler de vardır. Bunlardan birinin adını Yandex'e yazın.

  • form tasarımcısı;
  • livetools.uiparade;
  • Google Formlar;
  • iFormbuilder;
  • peri.

Bu tür çevrimiçi oluşturucularda sıfırdan kod yazmaya, hataları düşünmeye vb. gerek yoktur. Her şey zaten daha önce yapıldı. Sizden sadece form için alanları seçmeniz, "gönder" düğmesini eklemeniz ve gerekli tüm kayıtları kaydetmeniz gerekir. Tüm bu adımlardan sonra hizmet size site sayfasında bir gömme kodu sunacaktır. Alınan kodu sayfanıza kopyalayın ve işlevsellik için bağlantıyı kontrol edin.

Artık her sitede bir sitenin, blogun veya mağazanın sahibiyle bir bağlantı var. Birçok çevrimiçi mağaza ücretli hizmetler kullanır. Bu tür hizmetler sayesinde mektup göndermenin yanı sıra satış sayısı da artıyor. Bir müşteri siteyi ziyaret ettiğinde ve herhangi bir zamanda çevrimiçi mağazanın yöneticisiyle iletişim kurabildiğinde çok uygundur.

Bugün çok sayıda bu tür hizmet var ve hepsi durmuyor. Her güncelleme ile yeni çipler eklenir. Çevrimiçi danışmanlar, müşteriyle iletişim kolaylığı için çevrimiçi mağazanıza birçok özellik ekler. Örnek olarak livetex hizmetini ele alalım, tek dezavantajı muhtemelen fiyatıdır. Üç aylık kullanım süresi, bir mağaza için 4200 rubleye mal oluyor. Her zaman bir deneme süresi deneme olasılığı vardır.

  1. Müşteri ile canlı iletişim.
  2. Kurşun jeneratörler.
  3. Çeşitli geri arama widget'ları.
  4. Çevrimiçi istatistikler.
  5. Çevrimiçi izleme.

Sitede nasıl geri bildirim oluşturulacağına dair hala sorularınız varsa, yorumlarda onlara sorun. Makaleyi sosyal medyada paylaşmaktan çekinmeyin.