Rusça wordpress için geri bildirim. En İyi 5 İletişim Formu Eklentisi

İyi günler blogumun okuyucuları. Andrey Zenkov sizinle. WordPress iletişim formu, herhangi bir sitenin önemli bir parçasıdır ve bugün bunun hakkında konuşacağız. En çok belirli örnekleri düşünün popüler içerik yönetim sistemi- WordPress. Arkanıza yaslanın, biraz çay koyun çünkü uzun, heyecan verici ve bilgilendirici bir yazı sizi bekliyor.

Bugün hikayeme Richard Bach'ın sözleriyle başlamak istiyorum: "Bizim için sınır olmamalı." Tüm okuyucularımı asla orada durmamaya çağırıyorum. Gelişiminizde her durgunluk gördüğünüzde, bir sonraki tavanı aşmak için her türlü çabayı gösterin. Onun dışında daha da büyük başarılar sizi bekliyor.

Geri bildirim formu - sitede, kaynağın sahibi ile ziyaretçiler arasında hızlı iletişim için gerekli olan bir modül. Bu ne için? Sizin için üç ana nedeni sıraladım:

• Spam bot koruması. E-posta ayrıştırıcıları, siteye gönderirseniz sizi veritabanlarına ekler. Bu, herhangi bir değer taşımayan mesajların sürekli olarak alınmasına yol açacaktır. Form oluştururken adresinizi gizlemenizi tavsiye ederim;
• Tüm bilgileri alın. Kullanıcının ilk andan itibaren istediği her şeyi size iletebilmesi için forma gerekli alanları (telefon numarası, yorum, mesaj konusu vb.) ekleyin;
• Ziyaretçi zamanından tasarruf. Artık adresinizi aramak zorunda değiller, adresine gidin posta istemcisi ve bir mesaj yazın. Bu doğrudan kaynağınızdan yapılabilir.

Daha fazla avantaj var, sizin için ana olanları vurguladım. Captcha eklentisini yüklemenizi tavsiye ederim. Bu önlem spam botlara karşı koruma sağlayacak, yalnızca ilgilenenlerden mektup alacaksınız. gerçek konuklar senin projen.

Kendinizi yalnızca spam botlardan değil, aynı zamanda diğer daha ciddi tehditlerden nasıl koruyacağınızı öğrenmek istiyorsanız, kursu almanızı tavsiye ederim " Toplam WordPress koruması ”, deneyimli bir web yöneticisi tarafından hazırlanmıştır.

Site için uygun bir geri bildirim formunu nasıl geliştireceğinizi bilmiyorsanız, kurulumu kolay birkaç ilginç eklenti hazırladım. kendi başına. .

Tüm ayarları belirledikten sonra, butona tıkladığınızda e-posta gönderen hazır bir iletişim formunun kodunu alacaksınız. Sitenizin herhangi bir yerine yerleştirilebilir.

E-posta geri bildirim formu, abonelerinizle iletişim kurmak için harika bir çözümdür. İnsanlar sizinle bağlantı kurmak istiyorsa fırsatı değerlendirin. Biri sana yeni bir şey öğretecek, biri verecek yardımcı tavsiye. Bugün size proje oluştururken kullandığım seçeneklerden bahsettim. Sizin için en iyisini seçin ve başlayın! Ve bu makale sona eriyor.

Düzenli olarak yeni ve ilginç bir şeyler öğrenmek için blogu takip etmeye devam edin.

İyi günler, blog sitesinin sevgili okuyucuları. Bugün ziyaretçiler ve blog yazarı arasındaki etkileşim gibi bir konuya değinmeye karar verdim. İnternette gezinip birçok kaynağa baktıktan sonra küçük bir şok geçirdim. Görünüşe göre, sorunuzu doğrudan yazara yazmanın hiçbir yolu olmayan kaynaklar var.

Yorumları dikkate almıyorum çünkü onlar dünya için sergileniyor. Ama dedikleri gibi yüz yüze tartışmak istediğim anlar var. Sonuçta, Contact Form 7 geri bildirim formu eklentisini WordPress'e yüklemek o kadar da zor değil ve birçok sorun çözülecek.

Zamanın, tembelliğin ve pragmatizmin olmadığı bir çağda, bir kaynağı ziyaret eden bir kişinin alıp kopyalayacağını hayal etmek benim için zor. e-posta adresi, mailine gitti, soru yazdı, gönder butonuna bastı vs. Tüm bu işlemleri yaparken zaten sormak istediklerini unutacak 🙂 ve daha da kötüsü blog sahibinin sayfasını yanlışlıkla kapatacaktır. Ve işte bu, potansiyel normal okuyucunuz kayboldu.

Öyleyse, bu tür saldırgan hatalardan kaçınmak için, ne zaman geri bildirim formunun nasıl hazırlanacağına daha yakından bakalım. WordPress'e yardım et eklenti hızlı, basit ve gereksiz sorunlar olmadan.

İlk adım, sunulan birçok program arasından blogunuz için hangisini kullanacağınıza karar vermektir. Arkadaşlarımın çoğu İletişim Formu 7'yi tercih ediyor. Bu eklenti yalnızca en yaygın olanlardan biri değil, aynı zamanda kurulumu da kolay.

Öncelikle sunucunuza Contact Form 7'yi kurmanız gerekiyor. Bunun nasıl yapılacağını makalede ayrıntılı olarak anlattık.

Böylece yönetim panelinde kurulumdan sonra "İletişim Formu 7" adlı yeni bir menüye sahip olacaksınız.

"Yeni Ekle"yi tıklayın. Açılan pencerede kullanılan arayüz dilini seçme imkanımız oluyor. Varsayılan Rusça'dır.

Bundan sonra yapmamız gereken formumuza bir isim vermek, yoksa birden fazla form oluştururken kaybolabiliriz. Bu alanda "Kaydet" düğmesini tıklarsanız, daha sonra ihtiyacımız olan sayfaya ekleyeceğimiz bir kısa kod görünecektir.

Şimdi Form Şablonu adlı bir sonraki alana geçelim.

İçinde iki pencere görüyoruz, ilkinde (1) formumuzu oluşturuyoruz, ikincisinde (2) ek alanlar ekleyebileceğiniz bir etiket üreteci var.

Varsayılan olarak, ilk pencere beş alan içerir: "Adınız", "E-postanız", "Konular", doğrudan "Mesaj" ve "Gönder" düğmesi.

etiketi kaldırırsanız
, ardından formun görünümünde, aşağıdaki resimde olduğu gibi, alanların adları çıktı alanıyla aynı satırda yer alacaktır.

Belirli bir formdaki sıralarını değiştirerek blokları da değiştirebilirsiniz. Pekala, örneğin "konu" alanı gibi gereksiz olduğunu düşünüyorsanız, o zaman onu silin.

Bu arada, bazı alanlarda yıldız işareti "*" gördüğünüzü neredeyse unutuyordum. Bu öğenin gerekli olduğu anlamına gelir.

Formu değiştirmek isterseniz, eklenti yeni bir alan ekleme olanağı sağlar. Bunu nasıl yapacağınızı daha detaylı anlatayım aksi takdirde bazı kullanıcılar için bazı zorluklara neden olabilir. O halde standart forma bir alan daha ekleyelim, örneğin "Telefon Numarası".

Sağdaki form şablonunda "Etiket Oluştur"a tıklayın ve "Telefon Numarası"nı seçin.

Görünen menüde bu eklentiyi daha eksiksiz özelleştirme fırsatımız var.

Bu öğenin zorunlu doldurma gerektirdiğine ve kontrol edilmesi gerektiğine (girilen değerin doğru olması için) karar verirseniz, "Gerekli alan" önündeki kutuyu işaretleyin.

Sonraki üç nokta, ona bir ad, bir sayı ve bir CSS sınıfı vererek kendi alan stilinizi belirlemenizi sağlar.

Ayrıca yeniden boyutlandırabilir ve maksimum uzunluk Metin alanı.

"Yer tutucu olarak kullanılsın mı?" onay kutusunu etkinleştirerek ziyaretçinin bu alanı doldurması için bir ipucu da gösterebilirsiniz. ve "Varsayılan Değerler" görevi.

Son haliyle şöyle görünecek:

Atmamız gereken bir sonraki adım, alınan kodu şablon formuna eklemek ve ayrıca kodu e-posta şablonuna yapıştırmaktır.

"Mektup" menüsü, mektup şablonunun biçimini düzenlemenin yanı sıra, mektupların gönderileceği e-posta adresini belirlememize olanak tanır.

E-postaların gönderileceği yere e-posta adresinizi eklediğinizden emin olun.

Ayrıca bu eklenti, ziyaretçinin formu gönderirken alacağı bildirimleri düzenleme özelliğine sahiptir.

Şimdi bu eklenti için ayarların başına dönelim ve kısa kodun göründüğü alanda "Kaydet" i tıklayın. Ayrıca kodun kendisini de kopyalamayı unutmayın.

Yönetimde "Sayfa" sekmesine gitmemiz yeterli WordPress Panoları, Geri Bildirimi bulun (veya oluşturun) ve Düzenle'ye tıklayın.

Açılan pencerede geri bildirim kodunu yapıştırın ve "Güncelle" düğmesini tıklayın.

Hepsi bu kadar, geri bildirim formu oluşturuldu.

Oh, ve posta kutunuzu karıştırmamak için captcha'yı ayarlamayı unutmayın. Ayrıca etiket oluşturma kullanılarak yüklenir, yalnızca çalışması için Really Simple CAPTCHA eklentisini yüklemeniz gerekir.

böyle bir kurulumdan sonra vazgeçilmez asistan ziyaretçilerinizle iletişim kurmak için, blog yazma zirvelerine ulaşmanızı engelleyen başka bir sorunun üstünü güvenle çıkarabilirsiniz.

Sevgili okuyucular, videoda her şeyi ayrıntılı olarak anlatıyor ve gösteriyorum. Görüntüledikten sonra, web kaynağınıza kolayca bir geri bildirim formu yükleyebileceğinizden eminim.

Ayrıca youtube kanalımıza video yüklediğimizi de hatırlatırım. Kişisel hayat. Abone ol ve arkadaş olalım 🙂

Arkadaşlar, herhangi bir sorunuz varsa, kaybolmayın, yorumlara veya geri bildirim yoluyla yazmayın.

sana yazacağım özel örnek, her durumda geri bildirimin ne kadar önemli olduğunu gösterir. Örneğin, bugün telefonumdan bir SMS bildirimi aldım. mobil operatör Numaranın engellendiğini beline bildirin. Bakiyeyi kontrol ettikten sonra şaşırdım çünkü aramalar için yeterli para vardı. Bunun başka bir dolandırıcılık olduğunu düşünerek müşteri desteğini aramaya karar verdim. Çağrı merkezlerinin telefon numarasını hatırlayamadım (çünkü beş yıldır onlarla iletişim kurmadım) ve web sitelerinde bilgi aramaya karar verildi.

Orada bir destek sohbeti olması beni şaşırttı. Bu hizmeti hiç kullanmadım, ama bu sadece yolu. Telefon numarasını girdim, itirazın konusunu belirttim ve sadece birkaç dakika içinde danışmanla tüm sorunlarımı çözdüm. Ve daha önce, önemsiz bir soruyu bulmak için telefonda on dakika beklemek zorunda kaldığımı hatırlıyorum.

Bu yüzden siz ve kitleniz arasındaki etkileşimi geliştiren kaynaklarınızdaki hizmetleri kullanmayı unutmayın ve ihmal etmeyin.

Saygılarımla, Anton Kalmykov

Tünaydın arkadaşlar! Bu eğitimde, size eklentileri kullanarak bir WordPress iletişim formu oluşturmayı öğreteceğim. WordPress'teki geri bildirim formu hizmet vermektedir. ideal çözüm hedef kitlesi ile iletişim halinde olmak ya da başvuruları adrese teslim almak isteyenler için E-posta Herhangi bir hizmeti sipariş etmek için. Pop-up formunu nasıl yapacağınızı sizinle birlikte öğreneceğiz. kalıcı pencere. Bu makaleyi okuduktan sonra, formu sitelerinize kendiniz yerleştirebileceksiniz. O zaman hadi gidelim.

Bir WordPress sitesinde 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 siteye form kodu eklemekten korkan yeni başlayanların en yaygın sorusudur. Gerçekte, bir WordPress iletişim formu oluştururken hiçbir şekilde koda ihtiyacınız yoktur. Bu eğitimde, adım adım bir iletişim formu oluşturacağız ve en acemi bile bunu başarabilir.

Aşağıda, form kullanmanın sitenize yalnızca bir e-posta adresi eklemekten daha iyi olmasının en önemli 3 nedeni bulunmaktadır.

• - gıpta edilecek düzenliliğe sahip istenmeyen e-posta botları, söz edilen yerlerde ayrıştırıcıları aracılığıyla e-posta adreslerini çıkarır posta alanı ve daha sonra size istenmeyen yazışmalar gönderebilmeleri için veri tabanlarına girin. Öte yandan, WordPress için geri bildirim formunu kullandığınızda, posta kutunuzdaki SPAM e-postaların hakimiyeti sorunundan kurtulmuş olursunuz.
• Bilgilerin eksiksizliği - posta gönderirken, insanlar her zaman ihtiyacınız olan tüm bilgileri göndermez. Bir iletişim formuyla, kullanıcıların size e-posta (isim, e-posta, telefon numarası, yorum ve daha fazlası) göndermesini kolaylaştırmak için hangi alanlara ihtiyacınız olduğuna siz karar verirsiniz.
• Zaman kazanın – WordPress iletişim formu size zaman kazandıracak. Kullanıcıdan talep ettiğiniz ve size göndereceği bilgilerin eksiksiz olmasının yanı sıra, "Başvurunuz 24 saat içinde incelenecektir" gibi bir sonraki adımda nelerin beklediğini de belirtebilir veya Videoyu izleyip diğer birçok yararlı şey.

Aşağıda, bu eğitimde oluşturacağımız bir iletişim formu örneği verilmiştir.

Başlayalım beyler.

Açık bu adım uygun form eklentisinin seçimine karar vermemiz gerekiyor. Hem ücretsiz hem de ücretli çok sayıda var. Bu eğitimde size zengin bir seçim yapabilmeniz için farklı eklentilerden bahsedeceğim. İlk durumda, WPForms eklentisi dahil olacaktır.

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

Peki, bu nedenler yeterli olduysa ve ben sizi ikna ettiysem, o zaman devam ederiz.

Ücretsiz ve kullanımı kolay olduğu için bu eğitim için Lite sürümünü kullanıyoruz. Bloga giriş yaparak ve Eklentiler - Yeni Ekle'ye giderek yükleyebilirsiniz.

Arama çubuğuna eklentimizin adını yazıp Install now (Install now) seçeneğine tıklıyoruz.

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, bir WordPress iletişim formu oluşturmak için ihtiyacınız olan blokları basitçe sürükleyip bırakabileceğiniz Wpforms oluşturucuyu açacaktır. İÇİNDE ücretsiz sürüm Lite, önceden oluşturulmuş iki şablon mevcuttur (boş ve basit biçim). İhtiyacınız olanı ve sizin için uygun olanı yapmak 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. Form alanlarının sırasını sürüklemek ve değiştirmek için fareyi de kullanabilirsiniz.

Yeni bir alan eklemek istiyorsanız, soldaki listeden ihtiyacınız olanı seçin ve çalışma alanına sürükleyin.

Bittiğinde, sadece Kaydet düğmesine tıklayın.

Başarıyla bir WordPress iletişim formu oluşturduktan sonra, bildirim ve onay formlarınızı doğru şekilde ayarlamanız çok önemlidir.

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

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

WPForms Form Builder Plugin içindeki Ayarlar'a giderek bu alanların her ikisini de özelleştirebilirsiniz.

Varsayılan olarak, dokunma ayarlamadık ve Onay Formu alanını “İletişiminiz için teşekkür ederiz” mesajıyla olduğu gibi bıraktık. Ancak, bunu farklı bir metinle değiştirme veya kullanıcıyı şuraya yönlendirme hakkınız vardır: ayrı sayfa.

Bu eklentiyle ilgili en iyi şey, varsayılan ayarların yeni başlayanlar için mükemmel olmasıdır. Ne yapacaklarını ya da neyi değiştireceklerini düşünmek zorunda değiller. Her şey çok sezgisel ve basit. Bildirim ayarlarına gittiğinizde, tüm alanlar dinamik olarak önceden doldurulacaktır.

Varsayılan olarak, ayarlarda belirttiğiniz postaya bildirimler gönderilir. Bildirim gönderme hedefini değiştirmek isterseniz, kolayca değiştirebilirsiniz. Birkaç posta adresi belirtmek istiyorsanız (virgülle ayrılmış olarak belirtilir), o zaman lütfen kartlar dedikleri gibi elinizde 🙂

E-posta konu alanı, form adınızla otomatik olarak doldurulacaktır. Ad alanı, kullanıcı adından (adınız) alınacaktır. Bir e-postayı yanıtladığınızda, iletişim formunu dolduran kullanıcının adının bulunduğu e-postaya gider.

Bu adımda, geri bildirim formunu oluşturup yapılandırdığınızda, bu formu yerleştirebileceğiniz ayrı bir İletişim sayfası oluşturmanız gerekir. Ya yeni bir tane oluşturursunuz ya da ekleyebileceğiniz mevcut bir sayfayı düzenlersiniz.

Bir sayfaya form eklemek için basit bir kısa kod kullanacağız. "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.

İşte formun nasıl görüneceği basit wordpress sayfa:

Bir sayfaya sadece form eklemek istiyorsanız, tebrikler. Tüm adımlar başarıyla gerçekleştirilir. Kenar çubuğu widget'ı olarak eklemek istiyorsanız aşağıdan devam edin.

WPForms eklentisi, kenar çubuğuna veya sitedeki herhangi bir alana (altbilgi gibi) ekleyebileceğiniz yerleşik bir iletişim formu widget'ı ile birlikte gelir.

Bunu yapmak için " bölümüne gitmemiz gerekiyor. Dış görünüş» (Görünüm)-> Widget'lar. Sol tarafta önceden yüklenmiş bir form eklentisi widget'ı göreceksiniz. Sadece alın ve her zamanki sürükle ve bırak yöntemiyle kenar çubuğundaki istediğiniz alanda görüntüleme sırasını ayarlayın.

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

Bu, WPForms iletişim formu eklentimizin incelemesini tamamlar. Ancak, özellikle sizin için, bir tanesinin başka bir incelemesini hazırladım. ücretsiz eklenti, bununla bir açılır geri bildirim formu ve öncekiyle aynı çipleri yapabileceğimiz. Adı Contact Form 7. Gerçekten çok güçlü ve kozu tamamen ÜCRETSİZ olması!

Ayrıca duyarlı hale getirilebilir, yani geri bildirim formu cihazınızın ekran boyutuna uyarlanır.

Yani, her ihtimale karşı, ne olduklarını size bildirmek için.

Sitenizden başvuru almak için form oluşturma sorununu anlamaya devam ediyoruz. İleride Contact Form 7 adında başka bir WordPress iletişim formu eklentimiz var. Bunu blogumuza yükleyelim ve yapabildiğimiz gibi etkinleştirelim.

Zaten sitemde yüklü, bu blogda değil. Prosedür standarttır. Şimdi blog yöneticisine gidip oluşturmamız gerekiyor. yeni form, bizim için başvuruları toplayacak ve diğer kullanışlı bilgi. "İletişim Formu 7" -> Yeni ekle bölümüne gidin.

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

Burada neye ihtiyacımız olduğunu kısaca anlatalım. Öncelikle kaç tane form alanı yapmak istediğimize karar vermemiz gerekiyor. Hemen 100500 alan yapmanıza gerek olmadığını ve bunun anlamsız olduğunu söyleyeceğim, çünkü insanlar sitenizi kapatacak ve bir uygulama bırakmayacak. Bu adımı kolaylaştırmaları gerekiyor. Yani, düşünürseniz, o zaman bir kişiden ihtiyacımız var:

Bu ana verilerdir, yazışmalar sırasında başkalarını zaten bulabilirsiniz veya telefon konuşması. Mantıklı mı? Bence evet. devam ediyoruz.

Böylece alan sayısına karar verdik, şimdi bu alanları oluşturmamız gerekiyor. Aşağıdaki sekmeler bizim için kullanılabilir:

• Metin ("Ad", "Soru sor" gibi herhangi bir metin alanı veya bu alan aracılığıyla toplayacağınız herhangi bir ad)
• E-posta (kullanıcının girmesi için tek bir amaç vardır)
• URL (site adresi bu alana girilecektir, diğer değerler kabul edilmemektedir, hata oluşacaktır)
• Tel (ile alan telefon numarası WordPress iletişim formumuz için sayısal değerlere izin verilmektedir, 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 - 25/04/2016 arası araç rezervasyonu”)
• Metin Alanı (Metin alanı, buraya yorum olarak metin girebilirsiniz)
• Açılır Menü (Açılır liste). Blogumda uygulanmış, görebilirsiniz. Her makalenin sonunda, kullanıcılara basit bir web sitesi veya çevrimiçi bir mağaza oluşturmalarını öneriyorum. Bu seçeneğin sağladığı tam olarak budur.
• Onay kutuları (çoktan seçmeli, örneğin: Web Sitesi + Logo Oluşturma + Promosyon + İçeriğe Dayalı Reklamcılık)
• Radyo düğmeleri (Tek bir öğenin seçimi, örneğin: "Siz sipariş edin veya içeriğe dayalı reklamcılık veya hedeflenen)
• Kabul (Sözleşme şartlarını, yani kullanıcı bilgilerini, halka arz gibi kabul edin)
• Sınav (Test - bir dizi kısa soru, iletişim formuna da eklenebilir).
• reCaptcha (Robot olmadığınızı ve spam göndermeyeceğinizi onaylayın.) iyi koruma SPAM'dan. Not: Bu seçenek, Really Simple Captcha eklentisini etkinleştirdiyseniz çalışır.
• Dosya (Kullanıcıların size bir dosya yüklemesine izin vermek istiyorsanız, örneğin: "Sitenin geliştirilmesi için TK ekleyin").
• Gönder (Verileri postaya gönder)

Alanlara karar verdik, her birinin anlamını da biliyorsunuz. WordPress 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 Field Type – Required onay kutusuna tıklamamız gerekiyor. Kullanıcı içine bir isim girmezse size başvuru gönderemeyecek, tüm alanların doğru doldurulmadığı bir gönderme hatası olacak şekilde yapılmıştı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 bir üslupla altını çizdim. Aşağıdaki kod:

Ad Soyad

Ve işte ekran görüntüsü:

Benzer bir işlemi "Email" alanı için de gerçekleştiriyoruz. İlgili sekmeye tıklıyoruz ve böyle bir iletişim kutusuna geliyoruz.

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

Tam E-posta

Ve işte ekran görüntüsü:

Ve son olarak, "Gönder" düğmesi (Veri gönder). Hepsi benim tarzımda.

Önemli not: Sevgili arkadaşlar bu örnekte kullandığım duyarlı stiller WordPress'te bir iletişim formu oluşturmak için, yani herhangi bir ekran boyutunda form alabilir.

Sağdaki düğmeyi göreceksiniz üst köşe. Kesinlikle kaçırmayacaksın. 🙂

Çalışmaların bir kısmını yaptık, şimdi bir sonraki adıma geçiyoruz.

Bu adımda harflerin bize gitmesi için bazı ayarlar yapmamız gerekiyor. Posta kutusu. Bunu nasıl başaracağımı aşağıda anlatacağım.

üzerine tıklamamız gerekiyor büyük sekme"Mektup". Form Şablonundan sonraki ikincisi olacak.

İlk göreceğiniz şey eklediğiniz etiketleriniz, onları mektubun gövdesine yerleştirmemiz gerekiyor, bunlar kullanıcının formdan girdiği verilerin yerine geçecek. İyi açıkladığımı düşünüyorum.

Şimdi alanlar için:

• Kime (Başvuru nereye gönderilecek, benim durumumda bu benim posta adresim, başvuruların gönderileceği birkaç adres belirtebilirsiniz)
• From (Field From, yani değer, uygulamanın stüdyo sitemden geldiği şeklinde değiştirilecektir)
• Konu (Uygulamanın hangi formdan geldiğini belirlemek için kullanılır, bizim durumumuzda site tanıtım formundan bir uygulamadır).
• Ek Başlıklar (Ek başlıklara dokunmuyoruz, doğru form gönderimi için gerekli)
• Mesaj Gövdesi (Mesaj gövdesi, burada mektubun kimden ve hangi adresten geldiğini belirtirsiniz, örneğin: "Kimden: Ivan" "Posta adresi: vasya @ mail.ru")
• Dosya Ekleri (Dosya eklerine dokunmayın)

Şimdi, WordPress iletişim formundan bir e-postanın başarılı veya başarısız gönderilmesiyle ilgili bildirimler ayarlamamız gerekiyor.

Bunlar, formla yaptığı işlemlere yanıt olarak kullanıcıya gösterilecek mesajlar olacaktır. Varsayılan olarak şu adrese giderler: ingilizce dili. Sizin için en gerekli olanı Rusçaya tercüme ettim. Yeterince fazlası olacak ve değilse, o zaman Google tercümanı size yardımcı olacaktır. Öyleyse başlayalım.

• Başarılı mesaj gönderiminde: “Mesajınız başarıyla gönderildi. Teşekkür ederim."
• Formdan hatalı mesaj gönderirken: “Mesaj gönderilirken bir hata oluştu. Lütfen daha sonra tekrar deneyin veya site yöneticisi ile iletişime geçin."
• Doldurma hatası: "Doldurma hataları. Lütfen tüm alanları kontrol edin ve tekrar gönderin."
• Gönderilen veriler spam olarak tanımlandı: "Mesaj gönderilirken hata oluştu. Lütfen daha sonra tekrar deneyin veya site yöneticisi ile 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ı zorunludur: "Lütfen gerekli alanı doldurunuz."
• Şu alandaki karakterlerin uzunluğu aşıldı: "Çok fazla veri belirtildi."
• Alanda yetersiz karakter uzunluğu: "Çok az veri belirtildi."
• Geçersiz tarih biçimi: "Tarih biçimi geçersiz."
• Minimum limitte erken tarih: "Belirtilen tarih çok erken."
• Maksimum sınırda geç tarih: "Belirtilen tarih çok geç."
• Dosya yükleme başarısız oldu: "Dosya yüklenemedi."
• Dosya türüne izin verilmiyor: "Bu dosya türüne izin verilmiyor."
• çok yükleniyor büyük dosya: "Bu dosya çok büyük."
• Dosya yükleme şu nedenle başarısız oldu: PHP hataları: "Dosya yükleme başarısız oldu. Bir hata oluştu."
• Gönderenin girdiği sayı biçimi yanlış: "Sayı biçimi geçersiz."
• Minimum sınırdan küçük sayı: "Bu sayı çok düşük."
• Sayı, maksimum sınırdan büyük: "Bu sayı çok büyük."
• Gönderen şu soruya doğru yanıtı girmedi: "Yanlış bir yanıt girdiniz."
• Gönderenin girdiği e-posta adresi yanlış: "Geçersiz e-posta."
• Gönderenin girdiği URL geçersiz: "Geçersiz URL."
• Gönderenin girdiği telefon numarası yanlış: "Geçersiz telefon numarası."

Çok güzel. Formu kurmayı bitirdik, şimdi siteye eklememiz gerekiyor. Bunu yapmak için zaten bilinen teknolojiyi kullanarak mevcut bir sayfaya gidin veya yeni bir sayfa oluşturun. Örneğimde, size bir WordPress site sayfasındaki mevcut bir formun örneğini göstereceğim.

Formumuz web sitesi tanıtımı için başvuruları topladığı için benzer bir sayfaya geçelim.

İletişim formumuzu eklemek için eklenti tarafından atanan kısa kodu kopyalamamız gerekiyor. Formunuzun adı altında kullanılabilir.

Gittikten sonra sayfamıza kopyalayıp yapıştırın. Metin düzeltici(görsel değil). Aşağıdaki ekran görüntüsünde gösterilmiştir:

Sayfamızı kaydedelim ve sonunda tarayıcıda ne olacağını görelim:

Süper! Şimdi formu doldurmadan göndermeye çalışalım. Ve işte göreceğimiz şey.

Kullanıcı alanlarda gerekli verileri sağlamadığından form gönderilirken bir hata oluştu. Şimdi doğru verileri girelim ve bu durumda ne elde ettiğimize bakalım.

Gönder'e basıyoruz ve formumuz şunu yazıyor:

Şimdi uygulamamızın nasıl göründüğüne bakalım. Posta kutuma geliyorlar. Teslimatı kontrol et:

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

Her şey yolunda mı. Form düzgün çalışıyor ve veri gönderiyor. Artık bölgesel tanıtımdan bahsediyorsak, nişanlı olduğunuzda size gelecek uygulamaları topluyoruz.

Bu yüzden, bir web sitesi sayfasında WordPress'te iletişim formu nasıl yapılır anlattık. Şimdi size Contact form 7 eklentimizi kullanarak açılır bir uyarlanabilir geri bildirim formunu nasıl yapacağınızı anlatacağım.

Formumuzun uyarlanabilir, yani "kauçuk" hale gelmesi için, başka bir eklentiyi veya daha doğrusu onun Contact Form 7'ye eklenmesini bağlamamız gerekiyor - buna Bootstrap Contact Form 7 denir. Kurun ve basitçe etkinleştirin ve hepsi bu - işe yarıyor. Onunla herhangi bir ayar yapmanıza gerek yok. Ayarla ve unut.

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. benzer bir uygulama yaptım ana sayfa stüdyo 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üntülenecektir:

Bu sonucu elde etmek için aşağıdaki koda ihtiyacınız olacak, onu bütünüyle bir pasajda sunacağım:

Sipariş ×Kapat Talep gönder

Bugün, eklentiyi kullanarak bir WordPress sitesinde geri bildirim formu oluşturmayı inceleyeceğiz.

Geri bildirim formu, ziyaretçinin site sahibiyle doğrudan sitenin kendisinden iletişim kurmasını sağlar. Bu, müşteriyi veya yalnızca ziyaretçiyi gereksiz eylemler gerçekleştirme ihtiyacından kurtararak yadsınamaz bir kolaylık yaratır, çünkü site sahibiyle iletişim kurmak için e-postanıza gitmeniz gerekmez. İletişim formu alanlarını doldurmanız yeterlidir.

Sahibi, ziyaretçilerin kesinlikle beğeneceği şık bir fonksiyonel bloğa ek olarak, iletişim formu, iletişim bilgilerinin istenmeyen posta veritabanına girilmesini önlemeye yardımcı olacaktır. Ne de olsa, doğrudan e-posta adresleri kaçınılmaz olarak İnternette on binlerce korumasız adres, telefon numarası vb. toplayan ayrıştırıcı programların etkisine girer.

Şimdi doğrudan WordPress incelemesi geri bildirim formu eklentisi:

Contact form 7, en çok özelliği olan bir WordPress iletişim formu eklentisidir. yüksek puanlar akranları arasında. sahip iyi destek ve düzenli güncellemeler.

Şimdi ele alacağımız bu popüler eklenti.

Eklentiyi kurduktan sonra, WP konsolunda ilgili bölüm görünecektir.

Varsayılan olarak, zaten 1 iletişim formu oluşturulmuştur.

İletişim formunun sitede görüntülenmesi için yerleştirme kodunu kopyalayıp gerekli yere yapıştırmanız gerekir. Bu kısa kod, bir yazının veya sayfanın gövdesine, ücretsiz bir metin widget'ına vb. yerleştirilebilir.

Geri bildirim formu, WordPress sitenizin tema (şablon) tasarımına uygun bir tasarıma sahip olacaktır.

Şimdi form alanlarını ayarlamaya bakalım:

Yeni bir form eklemeniz veya mevcut bir formu düzenlemeniz gerekiyor.

Yeni bir iletişim formu eklemeyi düşünün:

Yeni bir tane eklemek için tıklayın, eklenti dili otomatik olarak algılayacaktır. Form düzenleme sayfasına yönlendirileceksiniz. HTML bilmeyenler için belki bu sayfa biraz korkutucu görünüyor. Ama panik yapmayın, her şey oldukça basit.

Yemek yemek standart model formlar:

Formu görüntülemekten sorumlu olan bu koddur. Formun değiştirilmesi gerekiyorsa, düzenlenmesi gerekecektir. Hayatı kolaylaştırmak için geliştiriciler deneyimsiz kullanıcı, bir etiket oluşturma işlevi oluşturdu.

Form şablonundaki her şeyi tamamen silelim. Her şeyi yeniden yaratalım.

Öncelikle boş bir form oluşturalım:

Gerekli olacak tüm metin satırlarını yazıyoruz:

Öyle olsun:

Adınız

Mesleğiniz

İleti

Doldurulacak alanları eklemeden önce, Contact form 7 eklentisinin özelliklerini sonuna kadar kullanabilmeniz için tüm etiketlere bakalım:

Metin alanı - herhangi bir metin için uygundur. Bunu yazarın adı ve meslek giriş dizesi ile aynı şekilde kullanacağız.

Bu nedenle, şu şekilde dolduruyoruz:

Gerekirse alanın zorunlu olup olmayacağını belirleriz. Bu, yazarın adıysa, kural olarak zorunludur.

İsim verilen latin harfleriyle, sayılar, kısa çizgiler. Değişmeyebilirsin.

İD benzersiz bir tanımlayıcıdır. Alanın ayarlanması gerekiyorsa bireysel stiller style.css dosyasında belirtin.

sınıf- id ile aynı işlev.

boyut– piksel cinsinden giriş alanı boyutu.

Maksimum uzunluk– giriş dizisinde girilecek maksimum karakter sayısı.

Akismet– bu anti-spam eklentisine sahipseniz, onay kutusunu etkinleştirebilirsiniz.

"Meslek" alanı için aynı işlemi gerçekleştiriyoruz:

E-posta - aynı ayarlara sahiptir. Herhangi bir zorluk olmamalıdır. Oluşturma ve ekleme:

"Konu" alanı, gönderenin adı, mesleği ile aynı teknoloji kullanılarak bir metin alanı kullanılarak oluşturulur.

URL - site adresi.

Telefon numarası - bir telefon numarası alanı.

Numara (döner kutu) – sayısal değer. Maks ve min - aralığı belirtin. Adım - adım, 5 belirtirseniz, sayılar 5'in katları olacaktır: 5, 10, 15 ... Bu form Yaşı vb. belirtmek için harika.

Sayı (kaydırıcı) – yatay kaydırıcı. Ne yazık ki, kullanılabilirlik sorgulanabilir. Sayıların kendileri belirtilmediğinden.

Tarih, bir tarih belirtebileceğiniz güzel bir formdur.

Metin alanı, mesaj metninin kendisinin alanıdır. Sütunlar - sütunlar, satırlar - satırlar, maksimum uzunluk - karakter sınırı.

Açılır menü - menü öğelerini belirlemek için "Seçim" alanına öğeleri girmeniz gerekir. her biri Yeni hat. Çoklu seçim, listeden birden çok öğe seçmenize olanak tanır.

Onay kutuları - standart bir onay kutusu oluşturabilirsiniz.

Ve yapılandırmalar şunlardır:

Radyo düğmeleri - radyo düğmesi.

Kabul başka bir onay kutusudur.

Soru - sorular ve cevaplar oluşturun. Aslında bu formun gerekli olup olmadığından emin değilim. Aynı basit bir metin alanı ile yapılabilir.

Captcha - bir güvenlik captcha'sı yüklemek için ek olarak Really Simple CAPTCHA eklentisini yüklemeniz gerekir.

Dosya gönderme - dosya gönderme yeteneği oluşturmanıza olanak sağlar. Çok uygundur, dosyayı üçüncü taraf dosya paylaşım servislerine yüklemenize gerek yoktur, posta ile gönderin. Ayarlarda, dosya boyutu için bir sınır belirleyebilir ve mevcut uzantıları belirleyebilirsiniz.

Gönder düğmesi, herhangi bir geri bildirim formunun son öğesidir. Tıkladıktan sonra, mektup postanıza gönderilecektir.

Sitede görüntülenen WordPress geri bildirim formu eklentisinin tasarımını bulduk.

Şimdi postaya gönderilecek mektubun şablonunu yapılandırmanız gerekiyor.

Her şeyden önce, form şablonunu tekrar ziyaret etmemiz gerekiyor. Her bir alanın adının altını çizdim. İhtiyacın olacak olanlar bunlar.

Adres alanına posta adresinizi girin.

Gönderen alanında, köşeli parantez adı belirtilmelidir. Bir de e-posta var.

"Konu" alanına uygun adı girin.

Harfte görüntülenecek metni yazıyoruz ve tam tersine karşılık gelen alanların adlarını köşeli parantez içinde belirtiyoruz.

WordPress iletişim formu eklentisi – İletişim formu 7, iki alıcı kullanma özelliğini destekler.

Son aşama, şu veya bu eylemle mesajları düzenlemektir.

WordPress'in yerel olarak bir iletişim formu yoktur, ancak bu gerekli araç ziyaretçilerle iletişim kurmak için. Bu yazıda, eklentileri kullanarak ve onlar olmadan postaya göndererek nasıl güzel bir WordPress geri bildirim formu oluşturacağınızı göstereceğim.

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

Bence birçok kişi bunu biliyor arama motorları"iletişim" sayfasını gerçekten takdir ediyorum. Ve sahipseniz, okuyucularınızdan saklayacak hiçbir şeyiniz yok ve iletişime açıksınız demektir.

Ancak sadece e-posta adresimi yazabilecekken neden bir form oluşturmam gerekiyor? - Bu soru, henüz popülerlik kazanmamış yeni gelenler arasında ortaya çıkıyor.

Kişilerdeki e-posta adresinin eksileri:

Herkesin böyle sorunlar yaşamadığı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 nadiren yazacaklar, çünkü postaneye gidip adresinize gitmek istemiyorlar, ancak yaparlarsa, o zaman mektubun Spam kategorisine girme şansı yüksektir ve siz kazandınız. haberim bile yok.

Bu nedenle, bir geri bildirim formu yüklemek ideal olarak bu sorunlarla mücadele eder. Ne de olsa kimse gerçek postanızı bilmeyecek, ayrıca tüm mektuplar size hızlı bir şekilde ulaşacak ve istenmeyen posta düşmeyecek.

Bir eklenti yüklemek, güzel bir WordPress iletişim formu oluşturmanın en kolay yoludur. Ancak burada öyle bir sorunla karşılaştım ki çoğu eklenti ağır, güzel değil ve ayrıca birkaç ayarı var.

Bu yüzden günlerce aradım en iyi eklentiler, hem site yöneticisi hem de ziyaretçiler için uygun olacaktır.

Huge It Forms, en basit ve en kullanıcı dostu eklentilerden biridir. Yalnızca mesaj almanızı değil, aynı zamanda güzel formlar oluşturmanızı sağlayan, istenmeyen postaları atlamaz ve toplu postalama yapabilir.

Eklenti, sitenin herhangi bir yerinde mükemmel bir şekilde görüntülenir ve hatta kenar çubuğunda görüntülenebilir. Ve ana artı, 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 düğme üzerinde bir sonuç bile çıkarabilirsiniz.

Contact Form 7, milyonlarca insan tarafından kullanılan en popüler eklentidir. Ancak çok az kişi bunun çok fazla kaynak tükettiğini ve WordPress'i çok yavaş hale getirdiğini biliyor.

Mesele şu ki, yaratıyor ekstra istekler veritabanına ve ayrıca betikleri alana bağlayarak ana dosya ile indirmeyi engeller. Böylece sayfa yüklemesi 2 saniye artmakta ve geri bildirim formunun sayfada bulunmasına gerek kalmamaktadır.

Bu arada siteyi hızlandırmak gereksiz eklentileri kullanmayı bırakma sebeplerinden biri. Ve sadece sitenize işlevsellik ve stiller ekleyin.

Çok azı duydu, ancak güzel iletişim formları oluşturabilen ve kolayca yapılandırılabilen siteler var, ardından siteye girmek için özel bir kod elde ediliyor.

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ı, Rusça'da çeşitli biçimler içeren ücretsiz bir oluşturucudur. Siteye mükemmel şekilde yerleştirilen birkaç kişiden biri. Doğru, sınırlamaları var, örneğin ayda yalnızca 100 mektup gönderme yeteneği.

Ancak zaten 5 $ karşılığında 1000 mektup alabilirsiniz, yerleşik bir spam önleme sistemi eklendi, eklendi disk alanı, raporlar oluşturabilir ve posta servisine kolayca bağlanabilirsiniz.

Herhangi bir kısıtlamadan kurtulmak istiyorsanız, Google'dan bir form bağlayabilirsiniz. Pek çok özelliği vardır ve siteye eklenmesi zor olsa da oluşturulması kolaydır.

Herhangi bir video eğitimi bulamadım, ancak burada iyi talimat kurulum - evet!

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

Sitedeki her şeyi detaylıca anlatmak istemedim bu yüzden bir video çektim ve bir arşiv yaptım. gerekli dosyalar Yandex diskinde. Arşiv dosyaları indirilebilir - .

Form birisi için çalışmıyor mu? Daha sonra header.php dosyasına şunu eklemeniz gerekir: (google library connection). Umarım talimatlar herkes için son derece açık ve basittir. Ayrıca arşivde stilleri olan bir dosya bulacaksınız. Tüm satırları kopyalayın ve sonunda style.css dosyasına yapıştırın.

Dikkat : ücretsiz konaklama e-posta gönderme işlevini desteklemez. Test modunun kullanımının yanı sıra.

Bu yazıda, oluşturmanın tüm yollarını ele aldım. güzel şekil WordPress hakkında geri bildirim. Gördüğünüz gibi, pek çok yaklaşım var ve her biri kendi yolunda iyi.

Şahsen ben kendi formumu yaratmayı seçtim ve sadece özelleştirilebilmesi nedeniyle. İyi kazarsanız, ilk eklentinin stilleri kendi yönteminizle yeniden yapılandırılabilir, ancak bu başka bir makalenin konusu.