Geri bildirim formu wordpress eklentisi. Wordpress'te açılır bir iletişim formu nasıl oluşturulur?

Biçim geri bildirim- biri temel unsurlar bir WordPress web sitesinde veya blogunda

Yardımı ile alıcılar, okuyucular ve ortaklarla sürekli iletişim sağlanır. Ayrıca geri bildirim olmazsa yeni müşteri çekmek için birçok fırsat ortadan kalkar. Normalden çok daha verimli İletişim bilgileriÇevrimiçi.

WordPress'te geri bildirim oluşturmak için ne gereklidir?

Geri bildirim oluşturulabilir Farklı yollar. En iyi çözüm bir eklentidir. En çok talep edilenler:

İletişim Formu 7;
kullanıcı sesi;
Basit Modal İletişim Formu;
Özel İletişim Formları;
Kaygan İletişim Formları.

Neden WordPress eklentilerini seçmelisiniz? Örneğin pek çok avantajları olduğu için sürekli güncellenirler ve bu da güvenilirliği garanti eder. Ek olarak, WordPress için uygun bir eklenti en iyi yardımcı, siteyi rahatça geliştirmeye yardımcı olacak ve sitedeki kişi zahmetsizce eklenecektir. Ve genellikle oldukça özel bir iletişim formu gerektiren çeşitli kurumsal ve satış sitelerinden bahsetmiyorum bile.

İletişim Formu 7 - hızlı iletişim ve kolay ayarlar

CF 7 eklentisi, geri bildirim oluşturmayı ve özelleştirmeyi kolaylaştırır. Çok hafiftir, siteyi hiç yüklemez ve ayrıca kurulumu en kolay olarak kabul edilir. Birçoğu onu seçiyor. İletişim Formu tamamen Ruslaştırılmıştır, bu çok kullanışlıdır ve kullanımı çok kolay olan sezgisel ayarlara sahiptir. Aynı zamanda tamamen ücretsiz ve esnektir. nasıl var kolay kurulum- sadeliği, çok fazla derinliği ve karmaşıklığı seven herkes için - derine inmeyi seven herkes için. Çok çeşitli pencereli formları, AJAX gönderimini, Akismet entegrasyonunu, dosya yüklemeyi ve captcha ve metin sorusuyla istenmeyen e-postaya karşı korumayı destekler. Birçoğu onu biri olarak kabul etti en iyi eklentiler bir içerik yönetim sistemi için. CF 7, çok çeşitli karmaşık şekillere izin verir. Liste, sayfaya eklenmesi gereken kısa kodları hemen görüntüler.

Usernoise - açılır pencere ve güzel geri bildirim formu

Usernoise, bir pencerede güzel ve anlaşılması kolay bir açılır pencere oluşturmanıza izin veren çok geniş bir işlevselliğe sahiptir. Ama bir dezavantajı var - tam parça yetenekleri şu şekilde sunulur: Ücretli sürüm. Bununla birlikte, birçoğu için, içinde sunulan işlevler ücretsiz sürüm. Varsayılan olarak, Usernoise for WordPress zaten gerektiği gibi yapılandırılmıştır, tek yapmanız gereken onu etkinleştirmektir. Site sahibinin isteği üzerine diğer ayarlar da kolaydır. Düğmenin yerini değiştirebilir, rengini ve metin arka planını değiştirebilir, düğmeye bir simge ekleyebilir, yazı tipini değiştirebilir ve standart etiketleri değiştirebilirsiniz. Tüm bunlar, yönetici panelinden kolayca yapılandırılır. Bununla, düğme benzersiz hale gelecektir. Eklenti tamamen Ruslaştırılmıştır, bu da onunla çalışmayı olabildiğince kolaylaştırır. Bloglar için idealdir. Usernoise neredeyse tüm ünlü tarayıcılar tarafından desteklenir - Opera, Firefox, Safari, IE7 (sürüm 7'den itibaren). Bu eklentinin ana avantajı, yüksek performans, indirme hızını etkilemez.

SimpleModal İletişim Formu - kalıcı bir pencerede hızlı açılan form

SimpleModal İletişim Formu (SMCF), modal bir açılır pencereye entegre edilmiş bir geri bildirimdir. WordPress ile jQuery ile güçlendirilmiştir. Eklenti, Ruslaştırılmasında yer alan Nikolai Myasnikov ve diğer "ustalar" sayesinde Rusçadır. Rusçaya çeviri mümkün olduğunca yetkin bir şekilde yapılır, en küçük ayrıntılar dikkate alınır. SMCF'nin görüntülediği açılır pencere, bir Lightbox eklenti penceresi gibi görünür. Bu, kullanıcıların herhangi bir yerde açılan bir pencerede bir mektup yazmasına izin vermek isteyen herkes için çok kullanışlı bir şeydir - gönderinin sonunda, üzerinde ayrı sayfa veya Kenar Çubuğu'nda. Her şey çok hızlı ve rahat çalışıyor. Kurulum tarafından gerçekleştirilir geleneksel yol. Ters form ayrıca giriş alanlarının doldurulmasının doğruluğunu da kontrol eder. Seçeneklerde, ürün açıklamasına sipariş vermek için kullanıldığında oldukça önemli bir avantaj olan e-posta konusundaki sayfa başlığının otomatik olarak değiştirilmesi mümkündür. Mektubun konusu, hangi ürünün sipariş edildiğini hemen görmenizi sağlayacaktır.

Özel İletişim Formları - herhangi bir karmaşıklığın ters formları

Özel İletişim Formları (CCF) eklentisi bugün çok popüler. Bununla birlikte, WordPress'te herhangi bir karmaşıklığın formlarını oluşturabilirsiniz. Ancak, CCF'nin Rusça yerelleştirmesinin olmadığını belirtmekte fayda var. Bu özel bir rol oynamasa da, bilmeyenler için bile anlaşılması kolay olduğu için ingilizce dili. Oluşturulan formlar herhangi bir sayfaya, malzemeye ve bireysel kayıtlara eklenir. Basit bir form oluşturmak için ayarlara girmenize gerek yok, tek yapmanız gereken kodu herhangi bir makaleye girmek ve ardından her şey otomatik olarak yapılıyor. Ayrıca içine eklenebilecek özel bir pencere öğesi de vardır. kenar çubuğu veya sitede widget'lar için ayrılmış diğer yerlere. Özelleştirme için özel bir CSS bilgisi gerekmez ve neredeyse her yönü yapılandırılır: renkler, boyutlar, kenarlıklar, dolgu. Stiller, tüm değer giriş alanlarının yapılandırıldığı aynı yerde doğrudan içinde yönetilir. için çalışıyor modern teknolojiler Ajax ve jQuery

Kaygan İletişim Formları - Kolayca Birden Fazla Geri Bildirim Ekleme

Slick Contact Forms, bir sayfaya birden çok iletişim formu eklemek için kullanılabilecek bir pencere öğesi oluşturur. Bununla birlikte, tersi yüzer, aşağı açılır ve ayrılır hale getirilebilir. Bağlantıya tıklandığında açılan bir panel olarak görünür. Manzara çok düzgün ve güzel. Bir bloga gömmek, özellikle bir pencere öğesi kullanıyorsanız oldukça basittir. Widget zaten gerekli tüm parametreleri ve ayarları içerir - genişleme ve daraltma hızı, genişlik, yaygın isim ve alanların adı, alan sayısı, ekrandaki konumu, tersi e-posta adresi, metin kutularının konumu. Birkaç tasarım seçeneği de vardır. Kısa kod kullanarak da yapabilirsiniz, ancak bu zaten daha karmaşık. Piyasadaki en arkadaş canlısı ve en güvenilir WordPress araçlarından biridir.

Yukarıda listelenen tüm eklentiler ilgiyi hak ediyor ve kendi değerleri var. Ancak, seçim kişisel tercihlere bağlı olacaktır. Örneğin, sayfaya geri bildirim yerleştirmeniz gerekiyorsa, ilk eklentileri, özellikle de İletişim Formu 7'yi seçmek daha iyidir. Pop-up'ları daha çok seviyorsanız, SMCF ve Usernoise'u tercih etmek daha iyidir.

WordPress'teki iletişim formu, iyi bilinen ve popüler eklenti olan Contact Form 7 sayesinde oluşturulabilir. İnanılmaz esnekliğe ve çok yönlülüğe sahip olduğu için böyle bir ün kazandı. Ayrıca çoğunlukla Rusçaya çevrilir ve ücretsizdir.

Bu yazıda size vereceğim Tam incelemeİletişim Formu 7 ve bununla çalışma talimatları. Bu eklentinin yapabileceği her şeyi öğreneceksiniz.

WordPress'teki geri bildirim formu ve izleyicilerle etkileşimin diğer unsurları

İletişim formu, ziyaretçilerin site yöneticisine özel mesajlar göndermesine olanak tanır. Örneğin, herkesin size önerisini, fikrini verebileceği, soru sorabileceği bir sayfa yapmak istiyorsanız, o zaman bir geri bildirim formuna ihtiyacınız var.

İletişim Formu 7 eklentisi en iyi karar WordPress'te bir geri bildirim formu oluşturmak için. Özellikleri, özelleştirme esnekliğini içerir. Normal iletişim formuna ek olarak, bu eklenti ile bir sipariş formu, bir başvuru formu ve ziyaretçiden herhangi bir veri almanız gereken diğer öğeleri uygulayabilirsiniz. Eklenti, herhangi bir alanla form oluşturmanıza olanak tanır.

İletişim Formu 7'ye daha yakından bakalım. Aşağıdaki bağlantıdan indirin, web sitenize kurun ve etkinleştirin.

Aktivasyondan sonra, konsolunuzda yeni bir öğe olan "İletişim Formu 7" oluşturulur. "Formlar" alt öğesine gidin. Ve burada göreceksin bitmiş form, zaten yapılandırmadan yayınlayabilirsiniz. Siteye yerleştirmek için kısa kodu kopyalayın ve sayfada veya gönderide doğru yere yapıştırın. Yayınlayın ve test edin.

Varsayılan form kısa kodu

WordPress'te kendi iletişim formunuzu da oluşturabilirsiniz. Bunu yapmak için, "İletişim Formu 7" öğesinde "Yeni Ekle" alt öğesine gidin. İlk adım forma bir isim vermektir. Ayrıca birden çok sekme içeren bir form oluşturucuya sahiptir.

Form şablonu. Burada bir form oluşturabilir, içindeki alanları ekleyebilir ve kaldırabilir, imzalayabilirsiniz.
Mektup. Burada yöneticiye ve gönderene gelen mektubun şablonunu yapılandırabilirsiniz.
Form gönderirken bildirimler. Gönderim başarılı olduğunda, hata durumunda ve diğer olaylarda görünen yazılar yapılandırılır.
Ek ayarlar. Bu sekmeye hiç dokunamazsınız.

WordPress'te geri bildirim formu oluştururken en sık çalışmanız gereken ana sekmeler ilk ikisidir.

Önce Form Şablonu sekmesine bakalım. Üstte düğmeleri olan bir düzenleyicidir. Her düğme forma bir alan ekler.

Form Şablonu Sekmesi

İşte alanlar:

metin– tek satırlık metin alanı;
e-posta- E-posta;
URL- İnternet adresi;
tel- telefon;
sayı- sayıları girmek için bir alan;
tarih– açılır takvim ile tarih yazmak için bir alan;
metinalan– metin çok satırlı alan;
düşürmek-aşağıMenü- liste;
onay kutuları- onay kutuları, yani onay işaretleri;
kabul- ayrıca, yalnızca belirli koşulları kabul etme seçeneğini ayarlamak için daha uygun olan bir onay kutusu;
bilgi yarışması– basit bir soru sorar (örneğin, 1+1=?), captcha olarak kullanılabilir.
reCAPTCHA– Google recaptcha captcha'yı yükler (“Ben robot değilim” kutusunu işaretlemeniz yeterlidir), ancak iş için önce anahtarları almanız gerekir;
dosya– Bir dosya eklemek için “Gözat” düğmesi;
göndermek- gönderme butonu.

Bunu veya bu öğeyi formda ayarlamak için, fare imlecini doğru yere getirmeniz ve ilgili düğmeye tıklamanız gerekir.

Gördüğünüz gibi birçok işlev var ve bu sayede yalnızca bir WordPress geri bildirim formu değil, aynı zamanda herhangi bir olasılıkla başka herhangi bir form oluşturmak mümkün.

Bir örneğe bakalım. Bir forma metin alanı eklemek istediğinizi varsayalım. Fare imlecini formun doğru yerine getirin ve metin düğmesine basın. Saha ayarları penceresi açılır.

Saha ayarı penceresi

İşte aşağıdaki seçenekler:

alan türü Bu alanın zorunlu olmasını istiyorsanız, buradaki kutucuğu işaretleyin.
İsim- alan adı. Varsayılan olarak ayarlanabilir.
Varsayılan değer- burada, kullanıcı herhangi bir şey girmediyse, yani varsayılan olarak ne yazılacağını, alana ne olacağını yazabilirsiniz. Doldurma gerekli değildir.
Akismet– sahaya bağlanabilir.
Kimlik özelliği– alanın ek bir özelliği, boş bırakabilirsiniz.
sınıf özniteliği– alan stili özelliği, ayrıca isteğe bağlı alan.

Doldurulması ve ayarlanması gereken her şey olduğunda, alanı forma yüklemek için "Etiket ekle" düğmesini tıklayın. Bunlar temel seçeneklerdir, diğer alanların ek, bireysel seçenekleri vardır.

Ardından oluşturduğumuz tag yani alan form içerisinde karşımıza çıkıyor.

etiket eklendi

Şimdi ona bir açıklama vermelisin, bir yazı yazmalısın. Contact Form 7 eklentisi tarafından oluşturulan WordPress iletişim formu, HTML düzenleyici. Bu nedenle, metni vurgulamak, girintiler veya satır sonları oluşturmak için etiketleri kullanabilirsiniz. Örneğin, oluşturduğumuz alan şu şekilde biçimlendirilebilir:

"Mektup" sekmesine gidelim. Burası e-posta şablonunu kurduğumuz yer. İşte sahip olduklarımız:

TÖ. Bu alan, e-postaların hangi e-posta adresine gönderileceğini belirtir.
İtibaren. Bu, gönderenin adresi olarak hangi adresin görüneceğini belirtir.
Ders. Konu satırı doldurulur.
ek başlıklar. Ek başlıklar - örneğin gönderen hakkında bilgi yazabilirsiniz.
mesaj gövdesi. Mektubun gövdesi.
Boş mesaj etiketleri içeren satırların çıktısını hariç tutun. Bunu etkinleştirirseniz, gelen mektupta formda doldurulmamış alan kalmayacaktır.
HTML posta biçimini kullanın. Tüm HTML etiketleri görünür olacak, bu onay kutusunu etkinleştirirseniz görsel tasarım olmayacaktır.
dosya ekleri. WordPress iletişim formunuzun dosya ekleri varsa, gelmeleri için etiketlerini burada belirtmeniz gerekir.

Formu gönderdikten sonra gelen mektubun belirli alanların içeriğini içermesi için şablona şu veya bu etiketi yerleştirmek gerekir. Yani forma "text-439" metin alanını ekledik diyelim, o zaman içeriğinin mektuba gelmesi için doğru yere yazmalısınız.

E-posta şablonundaki formdan etiketleyin

Aynı sekmede "Mektup 2" bölümü vardır "Posta Kullan (2)" kutusunu işaretlerseniz, başka bir mektubun gönderilmesini sağlayabilirsiniz. İlk harfle aynı düzenleyici açılır.

İkinci harfin dahil edilmesi

Varsayılan olarak, bu mektup formun göndericisine gidecektir (etiket “Kime” satırında ayarlanmıştır, yani gönderenin formda belirttiği postaya gönderilecektir). Örneğin, mektubun size ulaştığına dair bir bildirim veya başka bir şey yazabilirsiniz. Gerekirse, mektubun başka, belirli bir muhataba, örneğin ikinci yöneticiye gönderilmesini sağlayabilirsiniz.

Bugün analiz edeceğiz eklenti kullanarak bir WordPress sitesinde geri bildirim formu oluşturma.

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. Sonuçta, doğrudan adresler E-posta kaçınılmaz olarak İnternette on binlerce korumasız adres, telefon numarası vb. toplayan ayrıştırıcı programların etkisine girerler.

Şimdi incelemeye geçelim WordPress İletişim Formu Eklentisi:

İletişim formu 7 – Wordpress geri bildirim eklentisi

iletişim formu 7– En çok WordPress iletişim formu eklentisi 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:

Eklemen gerek yeni form veya mevcut olanı düzenleyin.

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- tüm 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- İnternet adresi.

Telefon numarası– bir telefon numarası alanı.

Sayı (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- tarihi belirtebileceğiniz güzel bir form.

Metin alanı mesaj metninin kendisi için alandır. Sütunlar - sütunlar, satırlar - satırlar, maksimum uzunluk - karakter sınırı.

Aşağıya doğru açılan menü– menü öğelerini belirlemek için, "Seçim" alanına öğeleri girin. her biri Yeni hat. Çoklu seçim, listeden birden fazla öğe seçmenize izin verir.

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 unsuru. 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 hedef kullanma yeteneğini destekler.

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

İ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 bir e-posta adresini alıp kopyalayacağını, posta kutusuna gideceğini, bir soru yazacağını, gönder düğmesine basacağını vb. hayal etmek benim için zor. 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.

İletişim Formunu Özelleştirme 7

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üğmesine 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
, daha sonra dış görünüş form alan adları aşağıdaki resimde olduğu gibi çıktı alanı ile aynı satıra yerleştirilecektir.

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.

Bir forma yeni bir alan ekleme

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. Öyleyse 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 doldurulması gerektiğ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.

Captcha'yı yükleme

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.

Video “WordPress iletişim formu nasıl yapılır. Eklenti "İletişim Formu 7"

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 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 cep telefonumdan bir SMS bildirimi aldım. operatör Beeline numara bloke edilmiş demektir. 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

WordPress'in yerel olarak bir iletişim formu yoktur, ancak bu gerekli araç ziyaretçilerle iletişim kurmak için. Bu yazıda size nasıl güzel bir makyaj yaratacağınızı anlatacağım. wordpress iletişim formu eklentilerin yardımıyla ve onlarsız postayla göndererek.

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

Teori: Neden bir geri bildirim formuna ihtiyacımız var?

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:

Botlardan çok fazla spam gelir;
Ziyaretçiler nadiren yazar;
Sayfanın bir faydası yok.

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, 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.

Eklenti Kullanan WordPress İletişim Formu

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 nedenle, hem site yöneticisi hem de ziyaretçiler için uygun olacak en iyi eklentileri aramak için birkaç gün harcadım.

1.

Büyük Şekiller- en basit ve en uygun eklentilerden biri. 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.

2. - açılır geri bildirim formu

kullanıcı sesi 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.

3. İletişim Formu 7, en iyinin en kötüsüdür

İletişim Formu 7 milyonlarca kişi 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 komut dosyalarını alana bağlar , ana dosya ile indirmeyi engelliyor. 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.

Çevrimiçi iletişim formu oluşturucu

Ç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çimlerde ücretsiz bir oluşturucu. 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!

eklentisiz php iletişim formu

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

php dosyası oluşturun;
İletişim sayfasında (html formatında) birkaç satır yazın;
Google kitaplığını bağlayın (form çalışmazsa);
Güzel değilse, stil ekleyin.

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 - .

Eklentiler olmadan bir geri bildirim formu oluşturmaya ilişkin video talimatı

Form birisi için çalışmıyor mu? Ardından, header.php dosyasına eklemeniz gerekir:(google kitaplıklarını bağlama). 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.

sonuçlar yerine

Bu makalede, WordPress'te güzel bir iletişim formu oluşturmanın tüm yollarını ele aldım. 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.