WordPress'te geri bildirim formu nasıl oluşturulur? WordPress

WordPress'in yerel olarak bir formu yok geri bildirim ancak ziyaretçilerle iletişim kurmak için gerekli bir araçtır. Bu yazıda size güzel bir WordPress geri bildirim formunun eklentileri kullanarak ve eklentiler olmadan nasıl oluşturulacağını ve e-postayla nasıl gönderileceğini anlatacağım.

Ancak küçük bir teoriye de değinelim, eğer birisi ilgilenmiyorsa, hemen formu WordPress'e yüklemeye devam edebilirsiniz:

Sanırım birçok kişi bunu biliyor arama motorları“İletişim” sayfasını gerçekten takdir ediyorum. Ve eğer buna sahipseniz okuyucularınızdan saklayacak bir şeyiniz yok ve iletişime açıksınız demektir.

Peki sadece e-posta adresimi yazabiliyorsam neden bir tür form yüklemem gerekiyor? — Bu soru henüz popülerlik kazanmamış yeni gelenler arasında ortaya çıkıyor.

Kişilerdeki e-posta adreslerinin dezavantajları:

Herkesin bu tür sorunlarla karşılaşmadığını biliyorum ama inanın 1 yıl sonra mailleriniz tüm mail listelerinde yer alacak ve gereksiz mesaj bombardımanına tutulacaksınız.

Ama aslında, insanlar postaneye gidip adresinizi yazmak istemedikleri için nadiren yazacaktır, ancak bunu yaparlarsa mektubun "Spam" kategorisine girme ihtimali yüksektir. ve senin bundan haberin bile olmayacak.

Bu nedenle, bir geri bildirim formu yüklemek ideal olarak bu sorunlarla mücadele eder. Sonuçta hiç kimse gerçek e-postanızı bilmeyecek ve tüm mektuplar hızla ulaşacak ve spam'e düşmeyecek.

Bir eklenti yüklemek, güzel bir WordPress iletişim formu oluşturmanın en kolay seçeneğidir. Ancak burada çoğu eklentinin ağır olması, güzel olmaması ve ayrıca çok az ayarın olması gibi bir sorunla karşılaştım.

Bu nedenle hem site yöneticisi hem de ziyaretçiler için uygun olacak en iyi eklentileri aramak için birkaç gün harcadım.

Huge It Forms, en basit ve en kullanışlı eklentilerden biridir. Bu, yalnızca mesaj almanıza değil, aynı zamanda güzel formlar oluşturmanıza da olanak tanır, spam'in geçmesine izin vermez ve toplu postalar gönderebilir.

Eklenti sitenin herhangi bir yerinde mükemmel bir şekilde görüntülenir ve hatta kenar çubuğunda bile görüntülenebilir. Ve asıl avantajı sitenizi popüler uzantılar gibi yüklememesidir.

Usernoise, açılır bir geri bildirim formu gösteren, türünün ücretsiz ve benzersiz bir eklentisidir. Üstelik kolayca düzenlenebilir ve çıktı herhangi bir yerde yapılandırılabilir, hatta bir düğmeyi kullanarak çıktı bile yapabilirsiniz.

Contact Form 7 milyonlarca kişinin kullandığı en popüler eklentidir. Ancak çok az kişi bunun çok fazla kaynak tükettiğini ve WordPress'in korkunç derecede yavaşlamasına neden olduğunu biliyor.

Gerçek şu ki, veritabanında gereksiz sorgular yaratıyor ve aynı zamanda komut dosyalarını alana bağlayarak ana dosyanın yüklenmesini engelliyor. Bu, sayfa yükünü 2 saniye artırır ve sayfada geri bildirim formunun bulunmasına gerek kalmaz.

Bu arada web sitenizi hızlandırmak gereksiz eklentileri kullanmayı bırakmanın nedenlerinden biridir. Sitenize işlevsellik ve stiller eklemeniz yeterli.

Çok az insan duydu, ancak güzel iletişim biçimleri yaratabilen ve yapılandırılması kolay siteler var, sonra ortaya çıkıyor özel kod siteye eklemek için.

Böylece mektuplarımızı işleyecek başka bir sitenin kaynaklarını kullanıyoruz. Bu seçenek, e-posta işlemenin olmadığı ücretsiz barındırma kullanan kişiler için uygundur.

Form Tasarımcısı - ücretsiz jeneratör Rusça'da çeşitli biçimler. Bir web sitesine mükemmel şekilde uyan birkaç kişiden biri. Doğru, örneğin ayda yalnızca 100 mektup gönderme yeteneği gibi sınırlamaları var.

Ancak 5 $ karşılığında 1000 mektup, yerleşik bir antispam sistemi, ek disk alanı, rapor oluşturma ve kolayca bir posta hizmetine bağlanabilirsiniz.

Herhangi bir kısıtlamadan kurtulmak istiyorsanız Google'dan bir form bağlayabilirsiniz. Birçok işlevi vardır ve bir web sitesine eklenmesi zor olmasına rağmen oluşturulması kolaydır.

Herhangi bir video eğitimi bulamadım, ancak işte burada iyi talimatlar kurulum için - evet!

Kendi geri bildirim formunuzu oluşturmak için neye ihtiyacınız var? Sadece 4 basit adımı izleyin:

Sitede her şeyi detaylı anlatmak istemedim bu yüzden video çekip arşiv oluşturdum. gerekli dosyalar Yandex diskinde. Dosya arşivi indirilebilir - .

Birisinin formu çalışmıyor mu? Daha sonra başlık.php dosyasına şunu eklemeniz gerekir: (Google kütüphanelerine bağlanma). Talimatların herkes için son derece açık ve basit olduğunu umuyorum. Ayrıca arşivde stilleri içeren bir dosya bulacaksınız. Tüm satırları kopyalayıp sondaki style.css dosyasına yapıştırmanız yeterli.

Dikkat: Ücretsiz barındırma, mektup gönderme işlevini desteklemez. Test modunu kullanmanın yanı sıra.

Bu makalede WordPress'te güzel bir geri bildirim formu oluşturmanın tüm yollarına baktım. Gördüğünüz gibi pek çok yaklaşım var ve her biri kendi yolunda iyidir.

Şahsen ben kendi formumu yaratmayı seçtim ve bunun tek nedeni, size uyacak şekilde ayarlanabilmesidir. Biraz araştırma yaparsanız ilk eklentinin stillerini kendi yönteminizle yeniden yapılandırabilirsiniz, ancak bu başka bir makalenin konusu.

İyi günler arkadaşlar! Bu derste size eklentileri kullanarak WordPress'te nasıl iletişim formu oluşturulacağını öğreteceğim. WordPress iletişim formu, hedef kitlesiyle iletişimde kalmak veya adresine istek almak isteyenler için ideal bir çözümdür. e-posta herhangi bir hizmet sipariş etmek için. Kalıcı bir pencerede nasıl açılır form oluşturulacağını öğreneceğiz. Bu makaleyi okuduktan sonra formu web sitelerinize kendiniz yerleştirebileceksiniz. Öyleyse gidelim.

Bir WordPress sitesi için neden bir geri bildirim formuna ihtiyacım olduğunu merak ediyor olabilirsiniz? İnsanların bana yazabilmesi için neden siteye bir e-posta adresi eklemiyorsunuz?

Bu, programlama bilgisi olmadan bir web sitesine form kodu eklemekten korkan yeni başlayanların en sık sorduğu sorudur. Aslında WordPress'te iletişim formu oluştururken herhangi bir koda ihtiyacınız yok. Bu eğitimde, en deneyimli aceminin bile yapabileceği bir iletişim formunu adım adım oluşturacağız.

Aşağıda, form kullanmanın siteye yalnızca bir e-posta adresi eklemekten daha iyi olmasının 3 ana nedeni verilmiştir.

• – kıskanılacak bir düzenliliğe sahip spam botları, bir e-posta etki alanından bahsedilen e-posta adreslerini seçmek ve daha sonra size istenmeyen yazışmalar göndermek için onu veritabanlarına eklemek için ayrıştırıcılarını kullanır. Öte yandan, WordPress için bir geri bildirim formu kullandığınızda, SPAM e-postaların posta kutunuza taşması sorunundan kurtulursunuz.
• Bilgilerin Tamlığı – Posta gönderirken insanlar her zaman ihtiyacınız olan tüm bilgileri göndermezler. Kullanarak iletişim formu Kullanıcıların size e-posta göndermesini kolaylaştırmak için hangi alanlara ihtiyacınız olduğuna siz karar verirsiniz (isim, e-posta, telefon numarası, yorum ve çok daha fazlası).
• Zamandan tasarruf edin – WordPress iletişim formu zamandan tasarruf etmenize yardımcı olacaktır. Kullanıcıdan talep ettiğiniz ve size göndereceği bilgilerin eksiksizliğinin yanı sıra, bir sonraki adımda sizi nelerin beklediğini de belirtebilirsiniz; örneğin “Başvurunuz 24 saat içinde incelenecektir” veya Videoyu izleyin. ve diğer birçok faydalı şey.

Aşağıda bu eğitimde oluşturacağımız iletişim formunun bir örneğini görebilirsiniz.

Hadi başlayalım beyler.

Açık bu adım Uygun form eklentisine karar vermemiz gerekiyor. Hem ücretsiz hem de ücretli olarak çok çeşitli seçenekler var. Bu derste size geniş bir seçeneğe sahip olmanız için farklı eklentilerden bahsedeceğim. İlk durumda WPForms eklentisi kullanılacaktır.

WPForms'un en iyi geri bildirim eklentisi olmasının nedenleri aşağıdadır:

Harika, eğer bu nedenler yeterliyse ve sizi ikna ettiysem, devam ederiz.

Bu eğitim için Lite sürümünü kullanıyoruz çünkü ücretsiz ve kullanımı kolaydır. Bloga giriş yapıp Eklentiler - Yeni Ekle seçeneğine giderek yükleyebilirsiniz.

Arama çubuğuna eklentimizin adını yazın ve Şimdi yükle'ye tıklayın.

Eklentiyi yükledikten sonra etkinleştirdiğinizden emin olun. Bu burada gösterilmektedir:

Eklenti aktivasyonunu başarıyla tamamladıktan sonra geri bildirim formumuzu oluşturmanın zamanı geldi. Bunu yapmak için blog yönetici panelinde WPForms Menüsü sekmesine tıklayın ve Yeni Ekle'ye gidin.

Bu, gerekli blokları sürükleyip bırakarak bir WordPress geri bildirim iletişim formu oluşturabileceğiniz Wpforms tasarımcısını açmanıza olanak tanır. İÇİNDE ücretsiz sürüm Lite, önceden oluşturulmuş iki şablonla (boş ve basit form) birlikte gelir. İhtiyacınız olanı ve sizin için uygun olanı oluşturmak için bunları birlikte kullanabilirsiniz. Bu örnekte sizin için ikinci seçeneği, yani basit bir iletişim formunu seçtik. Buna bir ad, e-posta ve bir metin alanı ekleyeceğiz.

Düzenlemek için her alana tıklayabilirsiniz. Ayrıca farenizi kullanarak form alanlarını sürükleyip yeniden sıralayabilirsiniz.

Yeni bir alan eklemek istiyorsanız soldaki listeden ihtiyacınız olanı seçip çalışma alanına sürüklemeniz yeterlidir.

Her şey bittiğinde Kaydet düğmesine tıklamanız yeterlidir.

WordPress'te başarılı bir şekilde iletişim formu oluşturduktan sonra bildirim ve onay formlarını doğru şekilde yapılandırmanız çok önemlidir.

Onay formu, kullanıcılarınızın size bir form isteği gönderdiklerinde gördükleri şeydir. Bu bir teşekkür mesajı olabilir veya onları başka bir özel sayfaya yönlendirebilirsiniz.

Bildirim formları, WordPress sitenizden yeni bir istek veya e-posta aldığınızda aldığınız mesajlardır.

Bu alanların her ikisini de WPForms forum oluşturucu eklentisindeki Ayarlar'a giderek özelleştirebilirsiniz.

Varsayılan olarak dokunacak şekilde ayarlamadık ve “Talebiniz için teşekkür ederiz” mesajının bulunduğu Onay Formu alanını olduğu gibi bıraktık. Ancak bunu başka bir metinle değiştirme veya kullanıcıyı ayrı bir sayfaya yönlendirme hakkınız vardır.

Bu eklentinin en iyi yanı, varsayılan ayarların yeni başlayanlar için mükemmel olmasıdır. Ne yapacaklarını veya neyi değiştireceklerini bulmaları gerekmiyor. Her şey çok sezgisel ve basittir. Bildirim ayarlarına gittiğinizde tüm alanlar dinamik olarak önceden doldurulacaktır.

Bildirimler varsayılan olarak ayarlarda belirttiğiniz e-posta adresine gönderilir. Bildirim göndermek için alıcıyı değiştirmek istiyorsanız bunu da kolayca değiştirebilirsiniz. Birkaç e-posta adresi belirtmek istiyorsanız (virgülle belirtilir), lütfen dedikleri gibi elinizdeki kartlar :)

E-posta Konusu alanı form adınızla otomatik olarak doldurulacaktır. İsim alanı kullanıcı adınızdan (adınız) alınacaktır. Bir mektuba cevap verdiğinizde, iletişim formunu dolduran kullanıcının adıyla birlikte postaya gidecektir.

Bu adımda, geri bildirim formunu oluşturup yapılandırdığınızda, form için ayrı bir “Kişiler” sayfası oluşturmanız ve buraya yerleştirmeniz gerekir. Ya yeni bir sayfa oluşturursunuz ya da mevcut bir sayfayı düzenleyerek onu ekleyebilirsiniz.

Formu sayfaya yerleştirmek için basit bir kısa kod kullanacağız. Basitçe “Form ekle” düğmesine tıklayın ve sayfaya eklemek için formunuzun adını seçin.

Harika. Şimdi sayfayı kaydedin ve değişiklikleri görmek için önizlemeyi açın.

Form kabaca şöyle görünecek: basit WordPress sayfa:

Bir sayfaya yalnızca form eklemek istiyorsanız tebrikler. Tüm adımlar başarıyla tamamlandı. Kenar çubuğuna widget olarak eklemek istiyorsanız aşağıdan devam edin.

WPForms eklentisi, kenar çubuğunuza veya sitenizin herhangi bir alanına (altbilgi gibi) ekleyebileceğiniz yerleşik bir iletişim formu widget'ıyla birlikte gelir.

Bunu yapmak için "bölümüne gitmemiz gerekiyor" Dış görünüş» (Görünüm)-> Widget'lar (Widget'lar). Orada sol tarafta önceden yüklenmiş bir form eklentisi widget'ı göreceksiniz. Sadece onu alıyoruz ve düzenli sürükle ve bırak yöntemini kullanarak kenar çubuğunda istenen alanda görüntüleme sırasını ayarlıyoruz.

Bir sonraki adım, widget'ın adını belirleyip kaydetmektir. Siteye gidin ve sonucu görün.

Bu, WPForms geri bildirim formu eklentimizin incelemesini tamamlar. Ama özellikle sizin için bir inceleme daha hazırladım. ücretsiz eklenti, bununla açılır bir geri bildirim formu oluşturabiliriz ve öncekiyle aynı özelliklerin tamamını oluşturabiliriz. Adı İletişim Formu 7. Gerçekten çok güçlü ve kozu ise tamamen ÜCRETSİZ olması!

Ayrıca uyarlanabilir hale getirilebilir, yani geri bildirim formu cihazınızın ekran boyutuna uyum sağlayacaktır.

Her ihtimale karşı, orada olduklarını biliyorsunuz.

Web sitenizden başvuru kabul etmek için form oluşturma konusunu anlamaya devam ediyoruz. Önümüzde İletişim Formu 7 adında başka bir WordPress iletişim formu eklentimiz var. Bunu blogumuza yükleyelim ve nasıl yapılacağını bildiğimiz şekilde etkinleştirelim.

Bu blogda değil, web sitemde zaten yüklü. Prosedür standarttır. Şimdi blog yönetici paneline gidip oluşturmamız gerekiyor yeni üniforma bizim ve diğer kişiler için başvuruları toplayacak faydalı bilgiler. “İletişim Formu 7” bölümüne gidin -> Yeni ekle.

Harika! Şimdi buna uygun bir isim verelim, benim durumumda bu iletişim formlarından çok sayıda var. Birini seçelim, örneğin “Web sitesi tanıtım sipariş formu”

Burada neye ihtiyacımız olduğunu kısaca anlatacağım. Öncelikle kaç tane form alanı yapmak istediğimize karar vermemiz gerekiyor. Hemen şunu söyleyeyim, 100.500 alan oluşturmaya gerek yok ve insanların sitenizi kapatıp istek bırakmayacakları basit bir nedenden dolayı bunun anlamsız olduğunu. Bu adımı kolaylaştırmaları gerekiyor. Yani, eğer düşünürseniz, bir insandan ihtiyacımız olan şeyler şunlardır:

Bu temel verilerdir, yazışma sırasında başkalarını zaten öğrenebilirsiniz veya telefon görüşmesi. Mantıksal? Bence de. Devam edelim.

Böylece alan sayısına karar verdik, şimdi bu alanları oluşturmamız gerekiyor. Aşağıdaki sekmeler elimizde mevcuttur:

• Metin ("İsim", "Soru sorun" gibi herhangi bir metin alanı veya bu alan aracılığıyla toplayacağınız herhangi bir başlık)
• E-posta (burada amaç kullanıcının girmesidir)
• URL (Site adresi bu alana girilecektir, diğer değerler kabul edilmeyecektir ve hata görüntülenecektir)
• Tel (ile alan telefon numarası WordPress geri bildirim formumuz için kabul edilebilir sayısal değerler, metin hata verecektir)
• Sayı (Sayısal değer aralığı, örneğin fiyata uygulanabilir: "site için ne kadar ödemeye hazırsınız? 23.000 ila 120.000 ruble")
• Tarih (Tarihi, hangi tarihten hangi tarihe kadar belirtin. Örnek: “04/13/2016 - 04/25/2016 arası araç rezervasyonu”)
• Metin Alanı (Metin alanı, buraya yorum olarak metin girebilirsiniz)
• Açılır Menü. Blogumda uygulandı, görebilirsiniz. Her makalenin sonunda kullanıcılara basit bir web sitesi veya çevrimiçi mağaza oluşturmalarını öneriyorum. Bu seçeneğin sağladığı işlevsellik tam olarak budur.
• Onay kutuları (çoktan seçmeli, örneğin: Web sitesi + Logo oluşturma + tanıtım + içeriğe dayalı reklamcılık)
• Radyo düğmeleri (Bir öğenin seçilmesi, örneğin: “Sipariş veriyorsunuz veya içeriğe dayalı reklamcılık veya hedeflenmiş")
• Kabul (Sözleşmenin şartlarını, yani halka arz gibi kullanıcı bilgilerini kabul edin)
• Sınav (Sınav, iletişim formuna da eklenebilecek bir dizi kısa sorudur).
• reCaptcha (Robot olmadığınızın ve spam yapmayacağınızın onayı.) İyi koruma SPAM'den. Not: Bu seçenek, Gerçekten Basit Captcha eklentisini bağladıysanız çalışır.
• Dosya (Kullanıcıların size bir dosya yüklemesine izin vermek istiyorsanız, örneğin: "Web sitesi geliştirme için görev tanımı ekleyin").
• Gönder (Verileri e-postayla gönder)

Böylece alanlara karar verdik, her birinin anlamını da biliyorsunuz. WordPress'te iletişim formumuzu oluşturmaya başlayalım.

Aşağıdaki örnekte 2 alan kullandım: Ad, E-posta. Buna göre şu sekmelere ihtiyacınız olacak:

Metin sekmesine (Metin) tıklayarak iletişim kutusuna ulaşırız:

Burada Alan Türü – Gerekli onay kutusuna tıklamamız gerekiyor. Bu, eğer kullanıcı bir isim girmezse, size bir başvuru gönderemeyecektir; tüm alanların doğru şekilde doldurulmadığını gösteren bir gönderme hatası oluşacaktır.

Daha sonra bu alanı eklemek için bir kısa kod ve yanında mavi bir "Etiket Ekle" düğmesi göreceksiniz. Bu, yeni bir iletişim formu alanı ekleyecektir.

Kafanız karışmasın diye üslupla vurguladım. Aşağıdaki kod:

Ad Soyad

Ve işte ekran:

Benzer bir işlemi “Email” alanı için de gerçekleştiriyoruz. İlgili sekmeye tıklayıp bu iletişim kutusuna giriyoruz.

Öncekinden kesinlikle farklı değil, sadece eylemlerimizi tekrarlıyoruz. E-posta alanımın da bir stili var. Aşağıda kodu veriyorum:

Tam E-posta

Ve işte ekran:

Ve son olarak “Gönder” butonu. O tamamen benim tarzımda.

Önemli Not: Sevgili dostlar, bu örnekte WordPress'te bir iletişim formu oluşturmak için duyarlı stiller kullanıyorum, yani herhangi bir ekran boyutunda form alabilir.

Sağ üst köşede butonu göreceksiniz. Kesinlikle kaçırmayacaksınız. 🙂

İşin bir kısmını yaptık, şimdi bir sonraki aşamaya geçiyoruz.

Bu adımda mektupların bize gönderilmesi için bazı ayarlar yapmamız gerekiyor. posta kutusu. Aşağıda bunu nasıl başaracağınızı anlatacağım.

Büyük “Yazma” sekmesine tıklamamız gerekiyor. Form Şablonundan sonra ikinci sırada yer alacaktır.

İlk göreceğiniz şey sizin eklediğiniz etiketlerdir, bunları mektubun gövdesine yerleştirmemiz gerekiyor, kullanıcının formdan girdiği verilerin yerine geçecekler. Açıkça anlattığımı düşünüyorum.

Şimdi alanlar için:

• Kime (Başvurunun gönderileceği yer, benim durumumda bu benim e-posta adresim, başvuruların gönderileceği birkaç adres belirleyebilirsiniz)
• From (Alan Kaynağı, yani değer, uygulamanın stüdyo web sitemden geldiği şeklinde değiştirilecektir)
• Konu (Başvurunun hangi formdan geldiğini belirlemeye yarar, bizim durumumuzda site tanıtım formundan yapılan bir başvurudur).
• Ek Başlıklar (Ek başlıklara dokunmuyoruz, formun doğru gönderilmesi için gereklidirler)
• Mesaj Gövdesi (Mesaj gövdesi, burada mektubun kimden ve hangi adresten geldiğini belirtirsiniz, örneğin: “Gönderen: Ivan” “Posta adresi: vasya @ mail.ru”)
• Dosya Ekleri (Dosyanın ekleri, onlara dokunmuyorum)

Şimdi WordPress iletişim formundan bir e-postanın başarılı veya başarısız gönderilmesiyle ilgili bildirimleri yapılandırmamız gerekiyor.

Bunlar, formdaki eylemlerine yanıt olarak kullanıcıya gösterilecek mesajlar olacaktır. Varsayılan olarak şu adrese giderler: İngilizce. Sizin için en gerekli şeyleri Rusçaya çevirdim. Bunlardan fazlasıyla yeterli olacak ve değilse Google çevirmeni size yardımcı olacaktır. Öyleyse başlayalım.

• Başarılı bir mesaj gönderirken: “Mesajınız başarıyla gönderildi. Teşekkür ederim."
• Formdan hatalı mesaj gönderildiyse: “Mesaj gönderilirken bir hata oluştu. Lütfen daha sonra tekrar deneyin veya site yöneticisiyle iletişime geçin."
• Doldurma hatası: “Doldurma hataları. Lütfen tüm alanları kontrol edip tekrar gönderin."
• Gönderilen veriler spam olarak tanımlanıyor: “Mesaj gönderilirken hata oluştu. Lütfen daha sonra tekrar deneyin veya site yöneticisiyle iletişime geçin."
• Bazı koşulların kabul edilmesi gerekir: "Devam etmek için lütfen koşulları kabul edin."
• Bazı alanların doldurulması gerekiyor: "Lütfen gerekli alanları doldurun."
• Alandaki karakterlerin uzunluğu aşıldı: "Çok fazla veri belirtildi."
• Alandaki karakterlerin uzunluğu yetersiz: "Çok az veri belirtildi."
• Geçersiz tarih biçimi: "Tarih biçimi yanlış."
• Minimum sınırda erken tarih: "Belirtilen tarih çok erken."
• Maksimum limitte geç tarih: “Belirtilen tarih çok geç.”
• Dosya indirme başarısız oldu: "Dosya indirilemedi."
• İzin verilmeyen dosya türü: "Bu dosya türüne izin verilmiyor."
• Çok yükleniyor büyük dosya: "Bu dosya çok büyük."
• Dosya yükleme işlemi bir PHP hatası nedeniyle başarısız oldu: "Dosya yükleme başarısız oldu. Bir hata oluştu."
• Sayı biçimi, gönderen tarafından girilen hatalı: "Sayı biçimi yanlış."
• Sayı minimum sınırdan az: "Bu sayı çok küçük."
• Sayı maksimum sınırdan büyük: "Bu sayı çok yüksek."
• Gönderen, "Yanlış cevap girdiniz" sorusuna doğru cevap girmedi.
• Gönderenin girdiği e-posta adresi hatalı: “Geçersiz e-posta.”
• Gönderenin girdiği URL yanlış: "Geçersiz URL."
• Gönderenin girdiği telefon numarası yanlış: "Geçersiz telefon numarası."

Çok güzel. Formun kurulumunu tamamladık, şimdi siteye eklememiz gerekiyor. Bunu yapmak için zaten bilinen teknolojiyi kullanarak mevcut bir sayfaya gidelim veya yeni bir sayfa oluşturalım. Örneğimde size bir WordPress sitesindeki bir sayfada mevcut bir formun örneğini göstereceğim.

Formumuz web sitesi tanıtımına yönelik başvuruları topladığı için benzer bir sayfaya gidelim.

İletişim formumuzu eklemek için eklenti tarafından kendisine atanan kısa kodu kopyalamamız gerekir. Form adınızın altında mevcuttur.

Sayfamıza gittikten sonra kopyalayıp yapıştırıyoruz. metin editörü(görsel değil). Aşağıdaki ekran görüntüsünde gösterilmiştir:

Sayfamızı kaydedelim ve tarayıcıda neyle karşılaşacağımızı görelim:

Süper! Şimdi hiçbir şey doldurmadan formu göndermeyi deneyelim. Ve göreceğimiz şey bu.

Kullanıcının alanlara gerekli verileri sağlamaması nedeniyle form gönderme hatası oluştu. Şimdi doğru verileri girelim ve bu durumda ne elde ettiğimizi görelim.

Gönder'e tıklayın ve formumuzda şunu söylüyor:

Şimdi uygulamamızın nasıl göründüğüne bakalım. E-postama geliyorlar. Teslimatı kontrol edelim:

Kodlamanın ve tüm verilerin doğru olduğundan emin olmak için içeri girelim.

Her şey yolunda. Form düzgün çalışıyor ve veri gönderiyor. Artık bölgesel tanıtımdan bahsediyorsak, başladığınızda önünüze gelecek başvuruları toplayabiliriz.

Bu yüzden size WordPress'te bir web sitesi sayfasında nasıl iletişim formu oluşturulacağını anlattık. Şimdi size Contact form 7 eklentimizi kullanarak pop-up uyarlanabilir geri bildirim formunun nasıl oluşturulacağını anlatacağım.

Formumuzun uyarlanabilir, yani "akıcı" hale gelmesi için, başka bir eklenti bağlamamız veya daha doğrusu onun Contact Form 7'ye eklenmesi gerekiyor - buna Bootstrap Contact Form 7 deniyor. Yükleyip basitçe etkinleştiriyoruz ve işte bu kadar - çalışıyor. Onunla herhangi bir ayar yapmanıza gerek yok. Ayarlayın ve unutun.

Bir sonraki adımda, formumuzu açılır ve duyarlı hale getirmek için hangi değişikliklerin yapılması gerektiğini size anlatacağım. buna benzer bir uygulamayı ben de yapmıştım ana sayfa stüdyo web siteniz. Bunun için “Görünüm - Düzenleyici” bölümünde yer alan index.php şablonuna gidelim. Yalnızca kodla manuel olarak çalışacağız.

Açılır formumuz aşağıdaki gibi kalıcı bir iletişim kutusunda görünecektir:

Bu sonuca ulaşmak için aşağıdaki koda ihtiyacınız olacak, onu tam olarak bir pasajda sunacağım:

Sipariş ×Kapat Bir istek bırakın

Bir ürünü veya yeni bir web sitesini piyasaya sürdüğünüzde, doğrudan kullanıcılardan geri bildirim alabilmek sizin için çok değerli olabilir:

Bunu yapmanın harika bir yolu, ziyaretçilerin karşılaştıkları veya spesifik sorunlar hakkında sizi bilgilendirebilecekleri bir form eklemektir. ek özellikler ihtiyaç duydukları şey. İyi bir geri bildirim formunun en önemli özelliği mümkün olduğu kadar basit olmasıdır.

Kullanıcılar bir formu doldurmak için çok fazla zaman harcamak istemezler ve bunu onlara sağlamanız gerekir. Birkaç tane var çeşitli şekillerde WordPress'e bir geri bildirim formu ekleyin ve bu çok hızlı bir şekilde yapılır.

Her sitenin kullanıcılardan geri bildirim isteme yeteneğine ihtiyacı yoktur. Bazı siteler zaten oldukça gelişmiş durumda, bazıları ise çeşitli alternatif iletişim seçenekleri sunabiliyor.

Bazıları ise kullanıcı bilgilerinin kendilerine yararlı herhangi bir şey sağlayamayacağı kadar büyük veya çok kapsamlı olabilir.

Ancak basit bir geri bildirim formundan yararlanabilecek çok sayıda site var:

• Hala hataları tespit etmeye veya yeni işlevler eklemeye çalışan yeni bir site;
• Ürün web sitesi aracılığıyla satılır veya dağıtılır ve geri bildirimler ürünün geliştirilmesine yardımcı olabilir;
• Sitenin orijinal hata veya eklemelerin tespiti ile yayınlanması;
• Kullanıcılarına daha fazla seçenek sunmak isteyen basit bir blog.

Doğal olarak bu tam bir liste değildir ancak geri bildirim formunun faydalı olabileceği bir dizi senaryoyu göstermektedir. Kullanıcılardan yeni fikirler almanın aslında pratik olmasının yanı sıra, kullanıcının sitenizde kendini rahat hissetmesine de yardımcı olur.

Herhangi bir ziyaretçi, bir sorunu olduğunda bir yere başvurabileceğini bilir. Bir dönüm noktasındaysanız ve bir geri bildirim formunun işinize yarayıp yaramayacağından emin değilseniz, yapabileceğiniz en iyi şey bir tane eklemek ve ne olacağını görmektir:

Geri bildirim formu eklemeye karar verirseniz aklınızda bulundurmanız gereken birkaç şey vardır. Öncelikle mümkün olduğu kadar basit olmalı. Kullanıcılara yalnızca bir e-posta adresi, bir isim, kısa bir mesaj ve belki de bir konu satırı isteyin.

Bazı durumlarda isim bile kullanmadan yapabilirsiniz, ancak bu, bilgileri takip etmenize yardımcı olacaktır. Geri bildirim formunuzu gereksiz açılır menüler veya ek bilgilerle doldurmayın.

WordPress'te iletişim formu eklemenin birkaç yolu vardır. Bu, bazı kodlar kullanılarak manuel olarak yapılabilir, ancak bu durumda verileri yönetmeniz, doğrulamanız ve e-postayla etkileşimde bulunmanız oldukça zor olacaktır. Böyle bir deneyiminiz yoksa işin çoğunu sizin için yapacak kanıtlanmış araçlardan birini kullanmak daha iyidir.

Eğer Elegant Temalardan bir tema kullanıyorsanız iletişim sayfası oluşturmak sizin için oldukça kolay olacaktır. Sadece birkaç adımda form eklemenizi sağlayacak olan Elegant Themes'in Sayfa Oluşturucusunu kullanacağız.

Başlamak için Sayfalar -> WordPress yönetici paneli ekle sayfasına gidin. Sonuç olarak yaratılacak yeni sayfa. Bu sayfaya "Geri Bildirim" adını verin. Başlığın hemen altında “Sayfa Oluşturucuyu Kullan” butonunu göreceksiniz.

Sayfa içeriği eklemeye başlamak için bu düğmeyi tıklayın. Yazı düzenleyicide, "Modüller" olarak bilinen blokları kullanarak sayfayı oluşturabilmeniz için sayfa içeriğini görsel olarak görüntüleyen yeni bir yapı göreceksiniz:

Eklemek istediğimiz ilk şey sayfayı açıklayan metindir. "Sütun Ekle" düğmesini tıklayın ve ardından tam genişlikte blok için ilk seçeneği seçin. Ardından oluşturulan sütunun içinde "Modül Ekle"ye tıklayın ve "Metin"i seçin.

Ekleyebileceğiniz basit bir metin düzenleyici açılacaktır. kısa açıklama sayfalar. Çok basit bir şey ekleyeceğim ama siz sitenize uygun bir açıklama oluşturabilirsiniz.

“Sitemizde iyileştirme önerilerinde bulunmak veya yaşadığınız sorunları belirtmek için lütfen aşağıdaki formu kullanın!”

Aşağıda tekrar “Modül Ekle” butonuna tıklayın. Bu sefer listenin en altına gidin ve “İletişim Formu”nu seçin. Yine, formu özelleştirmek için çeşitli seçeneklerin bulunduğu yeni bir panel sunulacak. Bunlardan ilki, spam botları engellemek için iletişim formunun sonuna basit bir soru ekleyen "Captcha'yı Göster"dir.

Henüz çok fazla spam almadığım için bu seçeneği şimdilik devre dışı bırakmak istiyorum. “E-posta” metin alanına geri bildirim mesajlarını almak istediğiniz e-posta adresini girin. Geri kalan ayarlar isteğe bağlıdır. Alanlar için bir başlık, CSS sınıfı veya kimliği ekleyebilirsiniz:

İşiniz bittiğinde, formu eklemek için "Kaydet" düğmesini ve ardından formu sayfada görüntülemek için "Yayınla" düğmesini tıklamanız yeterlidir. Neyse ki, Elegant Themes'in varsayılan iletişim formu çok basittir; yalnızca bir e-posta adresi, isim ve mesaj ister. Bu bir geri bildirim formu için idealdir.

Kullanıcıların formunuzu gerçekten bulabilmelerini sağlamak için sitenizin ana menüsüne oluşturulan sayfaya bir bağlantı ekleyebilirsiniz. Bu otomatik olarak yapılabilir. Bunu yapmak için WordPress yönetim panelindeki “Menü” bölümüne gidin.

Burada, gezinme menüsüne dahil edilebilecek veya bu menüden hariç tutulabilecek sayfaların bir listesini göreceksiniz. “Geri Bildirim” sayfasının yanında yeşil bir onay işareti olduğundan emin olun. Kırmızı bir çarpı işareti görürseniz, form sayfasını menüde görüntülemek ve değişikliklerinizi kaydetmek için üzerine tıklamanız yeterlidir.

Bu sayede kullanıcılar ana menüden forma kolayca ulaşarak herhangi bir sorunla karşılaştıklarında formu doldurabilirler.

Elbette sitenize geri bildirim formu eklemenin tek yolu ayrı bir sayfa eklemek değildir. Elegant Themes'in bir temasını kullanmıyorsanız veya biraz daha karmaşık bir şeye ihtiyacınız varsa, bunu yapmak için kullanabileceğiniz birkaç eklenti vardır.

Usernoise, en basit iletişim formu eklentilerinden biridir. Eklenti, sitenizin kenar çubuğuna veya altına bir "Geri Bildirim" düğmesi ekleyerek çalışır.

Kullanıcılar tıkladığında, kullanıcıların hangi sorunları yaşadıklarını belirtebilecekleri ve kısa mesaj yazabilecekleri kısa formlu küçük bir açılır pencere açılıyor.

Bu form daha sonra site yöneticisinin belirttiği e-posta adresine kullanıcıdan bir mesaj alındığına dair bir bildirim gönderir:

Formun her bölümü eklenti ayarları aracılığıyla yapılandırılır. Kategori ekleyebilir veya kaldırabilir, formun hangi alanları içereceğini, hangi metnin görüntüleneceğini seçebilir ve formun ve her sayfada görünecek düğmenin renklerini ve stillerini düzenleyebilirsiniz.

Ayrıca basit bir onay kutusunu kullanarak formun kendisini açıp kapatabilirsiniz. Usernoise "sadece işe yarıyor" yaklaşımını benimsiyor. Onay kutusu aracılığıyla bağladıktan sonra form sitenizde çalışmaya başlar.

Temanızın tarzına uyacak şekilde biraz özelleştirebilirsiniz ancak süper karmaşık özelliklerle birlikte gelmez. Bunun yerine her şey mümkün olduğunca basit ve kullanıcı dostu hale getirildi. Eklenti ayrıca duyarlı bir açılır pencere kullanır ve stilin çoğunu doğrudan temanızdan alır.

Sitenizin tüm sayfalarına iletişim formu düğmesi eklemenin gerçekten kolay bir yolunu arıyorsanız, Usernoise doğru yoldur.

Ninja Kick İletişim Formu, Usernoise'a çok benzeyen premium bir eklentidir ancak birkaç eklenti ekler. ek işlevler ve stiller.

Eklenti, sayfanın kenar çubuğuna oldukça açılan bir düğme ekler basit biçim geri bildirim. Formu sayfadan ayrılmak zorunda kalmadan sayfaya getirmek için temel animasyonu kullanır:

Eklenti ayrıca formu markanıza göre tasarlamanıza, rengini özelleştirmenize ve en üste kendi logonuzu eklemenize olanak tanır. Kullanıcıların size alternatif kanallardan ulaşabilmesini istiyorsanız aşağıya bazı sosyal medya bağlantılarını ekleyebilirsiniz. Daha sonra kısa bir mesaj ekleyebilirsiniz.

Formun kendisi çok basittir ve kullanıcıların yalnızca bir ad, e-posta adresi ve mesaj girmesini gerektirir. Mesaj istediğiniz e-posta adresine gönderilir, böylece geri bildirim takibini kolayca kurabilirsiniz.

Ninja Kick İletişim Formu, esas olarak izin verdiği özelleştirme düzeyi nedeniyle ücretli bir eklentidir. Üçünden birini seçebilirsiniz çeşitli konular ve sunumun her yönünün renklerini ve stilini değiştirin.

Ayrıca yerleşik anti-spam korumasına sahiptir ve tamamen duyarlıdır ve mobil uyumludur. Ninja Kick İletişim Formu stabil çalışıyor, oldukça basit ve yüksek kalitede animasyon kullanıyor.

Usersnap geri bildirim formuna biraz farklı bir yaklaşım getiriyor. Temelde kullanıcıların bulundukları sayfanın ekran görüntüsünü almasına, ardından bu sayfaya yorum yapmasına ve ekran görüntüsünü yorumlarla birlikte size göndermesine olanak tanıyan bir üçüncü taraf hizmetidir.

Hizmeti kullanmanın, kaç sitenizde uygulandığına bağlı olarak belirli bir ücreti vardır.

Çevrimiçi form vazgeçilmez araç kesinlikle herhangi bir site. Bu, web sitenizin ziyaretçileriyle iletişimin en önemli kaynağıdır. Formlar geri bildirim toplamanıza, anketler yürütmenize, e-posta abonelikleri, müşteri ödemelerini toplayın ve çok daha fazlasını yapın. Programlama biliyorsanız site için kolaylıkla form oluşturabilirsiniz. Aksi takdirde, bir web sitesine kolayca kurulabilecek ve form oluşturmak için kullanılabilecek pek çok iyi eklenti vardır.

adımFORM - WordPress eklentisi görsel bir tasarımcıya dayalı olarak her türlü karmaşıklıkta formlar oluşturmak. Yerleşik spam koruması, e-posta ve CRM yanıtlarının toplanması, Google Analytics ve Yandex.Metrica, formülleri kullanarak maliyetleri hesaplama, PayPal, Wallet One, Yandex.Money ve Yandex.Cash aracılığıyla ödeme kabul etme, sosyal ağlardaki bir bağlantı aracılığıyla form kullanma ve çok daha fazlası.

uCalc, değişen karmaşıklık derecelerinde hesaplama formları oluşturmaya yönelik popüler bir WordPress eklentisidir. Eklenti, yalnızca site ziyaretçilerinden bilgi almanın değil, aynı zamanda formülleri kullanarak otomatik hesaplamalar yapmanın veya mal veya hizmet satışı için müşteri ödemelerini kabul etmenin de gerekli olduğu formlar için mükemmeldir. Eklenti birkaç tıklamayla bağlanabilir ve programlama bilgisi gerektirmez. Bir sayfayı veya yayını düzenlerken hesaplama formu eklenir.

Contact Form 7, WordPress'te form oluşturmak için en popüler eklentilerden biridir. Bu eklentiyle formların içeriğini çok esnek bir şekilde özelleştirebilir ve verilerin e-postayla gönderilmesini yapılandırabilirsiniz. Formlar, ajax gönderiminin yanı sıra spam'e karşı Captcha ve Akismet'i de içerir.

WPForms, web siteniz için birkaç dakika içinde güzel iletişim formları, abonelik formları, ödeme formları ve diğer formlar oluşturmanıza olanak tanır. WPForms tüm cihazlarda (mobil, tablet, dizüstü bilgisayar ve masaüstü) harika görünecektir.

Ninja Forms, farenizi kullanarak form alanlarını hareket ettirerek dakikalar içinde WordPress için çevrimiçi formlar oluşturmanıza yardımcı olur. Geliştiriciler için, temel olarak Ninja Forms'u kullanarak form oluşturma veya göndermenin herhangi bir aşamasında ihtiyaç duyduğunuz her şeyi yapmak için yerleşik kancaları, filtreleri ve özel alan şablonlarını kullanabilirsiniz.

Form Maker, basit ve sezgisel bir arayüz aracılığıyla WordPress için duyarlı formlar oluşturur. Eklenti, herhangi bir alanla, soru ve cevap seçenekleriyle çeşitli anketler oluşturmanıza olanak tanır. Formları oluşturmak yalnızca birkaç tıklamayı ve bunları mevcut temalar, stiller ve görüntüleme seçenekleriyle özelleştirmek birkaç dakikanızı alır.

Caldera Form, basit bir görsel düzenleyici kullanarak duyarlı formlar oluşturan, WordPress için ücretsiz ve güçlü bir eklentidir. Eklenti hem yeni başlayanlar hem de web geliştiricileri için birçok ücretsiz, kullanışlı eklentiye sahiptir. Antispam, AJAX, e-postalar bildirimler ve veritabanı girişi takibi varsayılan olarak etkindir.

Visual Form Builder, web siteniz için her türlü formu tek bir yerden oluşturmanıza ve yönetmenize olanak tanıyan bir eklentidir. Tamamen işlevsel bir iletişim formu oluşturmak yalnızca birkaç dakika sürer ve bir damla bile PHP, CSS veya HTML yazmanıza gerek kalmaz.

Bu liste, çevrimiçi formlar oluşturmak için en popüler WordPress eklentilerini içerir. Bu listede olmayan başka ilginç eklentiler kullanıyorsanız yorumlara yazın.

Herhangi bir web sitesi türünü oluştururken ziyaretçilerle doğrudan temasın sağlanması önemlidir. Bu durumda kullanıcılarla, onları tekrar tekrar kaynağınıza dönmeye zorlayacak bir bağlantı kurabileceksiniz. Bugün size WordPress'te nasıl geri bildirim formu oluşturulacağını anlatmak istiyorum. Eklentili ve eklentisiz seçeneklere bakacağız ve size en uygun olanı seçeceksiniz.

Bu makalede şunları öğreneceksiniz:

Sitedeki geri bildirimi kullanmanın en basit seçeneği bir eklenti yüklemektir. Şahsen ben bu seçeneği kendim için seçtim, ancak eklentileri hoş karşılamıyorum. Öncelikle Contact Form 7 eklentisini resmi WordPress web sitesinden indirmeniz gerekiyor. Kullanımı oldukça kolaydır.

İndirdikten sonra arşivi açın ve dosyaları /wp-content/plugins/ klasöründeki sunucuya kopyalayın. Eklentiyi etkinleştirdikten sonra yönetici panelindeki ayarlara gidin. Menünün sağ tarafında “İletişim” öğesi görünecektir. Bu, WordPress geri bildirim eklentisinin yüklü ve çalışıyor olduğu anlamına gelir. Web sitenize standart bir CF7 formu yüklemek için İletişim menüsünde göreceğiniz “iletişim formu” kodunu kopyalamanız yeterlidir. Formu beğeninize göre özelleştirmek istiyorsanız "Yeni Ekle" bağlantısını takip edin.

Sonuç olarak, birkaç alan görünecektir:

2. ve 4. noktalar yapıcıyı şunun için kullanmanıza izin verir: farklı türler formlar Örneğin, WordPress açılır iletişim formunu bu şekilde oluşturabilirsiniz. Tüm alanları doldurduktan sonra alabilirsiniz. hazır kod iletişim sayfası için. Ek ayarlama form (No. 4), yalnızca posta yoluyla mektupların alınmasına değil, aynı zamanda örneğin belirtilen telefon numarasına SMS mesajları alınmasına da yardımcı olur.

Standart veya daha karmaşık form kodunu aldıktan sonra sitenizin yönetici alanında oluşturduğunuz iletişim sayfasına yapıştırın.

Alternatif olarak Cforms eklentisini de deneyebilirsiniz, daha karmaşıktır ancak daha fazla işlevi de vardır.

Her yeni eklentinin WordPress motorunun çalışmasını zorlaştırdığını ve bu durumun yavaşlamasına yol açabileceğini hatırlatmama izin verin. Bu yüzden size eklenti olmadan güzel bir WordPress iletişim formunun nasıl oluşturulacağını göstereceğim. Bu özel seçeneği tercih etmenizi önermiyorum, bu sadece bir alternatif ve karar vermek size kalmış. Verilen form oldukça basit olacak; istenirse kendi ayarlarınızı yapabileceğiniz ana iskelettir.

Öncelikle ayrı bir *.php dosyası oluşturmanız gerekir (örneğin, contact.php veya mail.php). Oluşturduktan sonra şablon temalı klasöre yerleştirmek daha iyidir, ardından yönetici panelinden düzenleyebilirsiniz.

Oluşturduğunuz php dosyasına yapıştıracağınız kod:

Blogunuz için ilk satırda ve adres satırında yer alan URL'yi ve isteğe bağlı olarak Ad, Konu, Metin alanlarının adını değiştirmeniz gerekecektir. Ayrıca kendi takdirinize bağlı olarak değiştirebilirsiniz. kısa mesajlar Kullanıcının gönderdikten sonra veya mesaj gönderilmediğinde göreceği .

Oluşturduktan sonra gerekli dosya iletişim sayfasına eklenmesi gerekmektedir.

Bunu yapmak için aşağıdaki kodu kullanabilirsiniz:

Geri bildirim formu Tam ad E-posta Konusu Mesaj metni:

Burada en önemli şey, oluşturduğunuz php dosyasının doğru yolunu belirtmektir (bizim durumumuzda bu, contact.php'dir). Bu kodda alanların isimlerini ve genişliklerini arzunuza ve zevkinize göre değiştirebilirsiniz.

Formunuza eklenti olmadan özel bir görünüm kazandırmak istiyorsanız style.css dosyasını kullanarak farklı stiller kullanabilirsiniz.

CSS kodunu kullanarak blog öğelerini nasıl tasarlayacağınızı anlattığım makaleler blogumda çok popüler:

Şimdi size WordPress için güzel bir geri bildirim formunun nasıl tasarlanacağını göstereceğim.

Wpcf7-form girişi ( arka plan: #63c6ae; /* Gönder düğmesinin arka plan rengi*/ kenarlık: 0; genişlik: 120 piksel; /* Gönder düğmesinin genişliği*/ color: #fff; /* Gönder düğmesinin metin rengi */ height:30px; /* Gönder düğmesinin yüksekliği*/ ) .wpcf7-form textarea ( display: blok; kenar boşluğu: 5px; /* Mesaj Metni alanının üst girintisi */ arka plan: #fff; border: 1 piksel katı #63c6ae; /* alan sınırı Mesaj metni*/ genişlik: 400 piksel; renk: #222; genişlik: 400 piksel; renk: #222; /* metin alanlarının yüksekliği 0 10px; /* metin alanlarının iç sınırları*/ )

Sonuç olarak şöyle bir şey elde ettim:

İletişim Formu 7 eklentisini kullanmayı düşünelim. Eklenti yüklenip yapılandırıldıktan sonra aktif temanızın style.css dosyasını açmanız ve sonuna aşağıdaki kodu yapıştırmanız gerekecektir:

Gördüğünüz gibi hem eklentili hem de eklentisiz WordPress'te geri bildirim oluşturmanın zor bir tarafı yok.

Daha gelişmiş işlevselliğe ihtiyacınız varsa ve kodun inceliklerine dalmak istemiyorsanız WordPress için geri bildirim formu eklentisini kullanın. Kullanıcılarınıza ulaşmak için ihtiyaçlarınıza en uygun seçeneği seçin.