• Wordpress bir geri bildirim formu oluşturun. WordPress hakkında geri bildirim. Neden bir geri bildirim formuna ihtiyacımız var?

    Petersburg'daki çatı kaplamaları için.

    Herkese selam! Bugün size nasıl koyacağınızı anlatacağım. için geri bildirim formuWemirPress eklentilerin yanı sıra birçok yönden basit kod kullanmak. Öyleyse, bir geri bildirim formum olmamasına rağmen, büyük olasılıkla aşağıdaki nedenlerden dolayı ona ihtiyacınız olacağı gerçeğiyle başlayalım:

    — Kolaylık ve verimlilik. Bir şey satıyorsanız veya ücretli hizmetler sağlıyorsanız, geri bildirim formu sizin için çok önemlidir. Bir müşterinin kendisine uygun bir ürün bulduğunu, ancak hala aklını kurcalayan birkaç sorusu olduğunu hayal edin. Bu durumda, muhtemelen bazı detayları açıklığa kavuşturmak için sizinle iletişime geçmek isteyecektir. İletişim bilgilerinizden yalnızca bir e-posta bıraktıysanız, bu alıcı için büyük bir sorun olabilir, çünkü günümüzde pek çok kişi posta kullanmıyor, ancak çoğunlukla sosyal ağlarda oturuyorlar.

    Bu nedenle, bazen müşteri, posta yetkisi olmayan başka bir bilgisayardan oturabilir ve şifreyi hatırlamaz. Veya, örneğin, postasına girerken, size güvenilip güvenilemeyeceği ve sunduğunuz bu küçük şeye ihtiyacı olup olmadığı konusunda şüpheleri vardı. Gördüğünüz gibi, müşteri posta kutusuna girerken, büyük olasılıkla fikrini değiştirecek veya tamamen tembellikten, fiyatın daha düşük olacağı ve alıcılardan uygun geri bildirim alacağı daha çekici bir teklif aramaya gidecektir.

    - E-posta adresinizi korumak. Şimdiye kadar kendi posta listenizi çalıştırdıysanız, muhtemelen şu içeriğe sahip mektuplar aldınız: "E-posta adreslerini ucuza satacağım" vb. Bu e-postalar, daha sonra spam mektuplarının gönderileceği özel botlar (robotlar) tarafından İnternet'in her yerinden toplanır. Bunların arasında olmak istemiyorsanız, adresinizi postaneden hiçbir yere göstermenize (göstermenize) gerek yoktur. Benim durumumda, sabunum (postam) 3 yıldan fazla bir süredir internette gezindiği ve 1000'den fazla sitede kayıtlı olduğu için bu artık bir anlam ifade etmiyor.

    Bu arada, uzun bir süre, spam ile bir şekilde mücadele etmek için, geri bildirim formunu henüz bilmeyen birçok site sahibi, postaları yerine resmini bıraktı. Bu durumda botlar e-postayı spam veritabanına ekleyemediler ancak bu durum ziyaretçiler için rahatsızlık yarattı. Bugün iki harika "kopyala" ve "yapıştır" düğmesi varken kim bir saatliğine birinin posta kutusunu hecelemek ister?

    WordPress için geri bildirim formu eklentileri.

    Bugün internette, ziyaretçiler için bir geri bildirim formu oluşturan çeşitli uzantılardan oluşan bir deniz var. Birçoğunuz bugün bu yazıda buluşacaksınız.

    1 ) Bu yüzden size Usernoise eklentisini sunuyorum.

    Bence bu, birçok çevrimiçi mağaza ve iş adamı için ideal olan en havalı geri bildirim eklentisidir. Bu form bir açılır pencere olarak görünür ve sağda veya solda özel bir düğme tıklanarak sitenin herhangi bir sayfasından çağrılabilir.

    Usernoise eklentisini yükleme ve yapılandırma.

    5 ) Contact Form 7 eklentisini yükleme ve yapılandırma.

    WordPress için başka şekillerde geri bildirim formu nasıl yapılır?

    Şaşırmış olabilirsiniz, ancak WordPress için nasıl geri bildirim formu yapabileceğinizin yalnızca en küçük bölümünü anlattım. Uçsuz bucaksızlığı ne kadar kucaklamaya çalışsam da başarılı olamadım. Bu nedenle, geri bildirim formu aşağıdaki eklentiler aracılığıyla yapılabilir: Hızlı Güvenli İletişim Formu , Contact ME ile İletişim Formu , Visual Form Builder , nForms - WordPress Form Builder , Mapped Contact Form , Ninja Forms . Ayrıca main-ip.ru ve smartoforms.ru gibi çeşitli hizmetler de vardır.

    Hepsi bu kadar, herhangi bir sorunuz varsa sormaktan çekinmeyin.

    Tünaydın arkadaşlar! Bu eğitimde, size eklentileri kullanarak bir WordPress iletişim formu oluşturmayı öğreteceğim. WordPress iletişim formu, izleyicileriyle iletişim halinde olmak veya herhangi bir hizmet sipariş etmek için e-posta istekleri almak isteyenler için mükemmel bir çözümdür. Kalıcı bir pencerede nasıl açılır bir form oluşturacağınızı sizinle birlikte öğreneceğiz. Bu makaleyi okuduktan sonra, formu sitelerinize kendiniz yerleştirebileceksiniz. O zaman hadi gidelim.

    Neden bir WordPress iletişim formuna ihtiyacınız var?

    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ı, posta alanından söz edilen yerlerde ayrıştırıcıları aracılığıyla posta adreslerini çıkarır ve daha sonra size istenmeyen yazışmalar göndermek için veritabanlarına girer. Ö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" veya Videoyu izleyin ve daha birçok faydalı şey gibi bir sonraki adım için neyin beklediğini de belirtebilirsiniz.

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

    Başlayalım beyler.

    1. Adım: En İyi WordPress İletişim Formu Eklentisini Seçme

    Bu adımda, 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:

    1. İlk olarak, bu en yeni başlayanlar için uygun eklentidir. Gerekli blokları basitçe sürükleyip bırakarak, birkaç tıklamayla bir iletişim formu oluşturabilirsiniz.
    2. WPForms Lite tamamen ücretsizdir.
    3. Daha güçlü işlevsellik için hazır olduğunuzda ve bu sizin için gerçekten önemliyse, Pro sürümüne yükseltebilirsiniz.

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

    2. Adım: WordPress İletişim Formu Eklentisini Kurma

    Ü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:

    3. Adım: WordPress'te İletişim Formu Oluşturma

    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. Ücretsiz Lite sürümünde önceden oluşturulmuş iki şablon vardır (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.

    4. Adım: Bildirimleri ve onayları ayarlayı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, farklı bir metinle değiştirebilir veya kullanıcıyı ayrı bir sayfaya yönlendirebilirsiniz.

    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.

    Adım 5: Sayfaya WordPress İletişim Formu Ekleme

    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.

    Basit bir WordPress sayfasında formun nasıl görüneceği aşağıda açıklanmıştır:

    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.

    6. Adım: Kenar Çubuğuna WordPress İletişim Formu Ekleme

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

    Bunun için Appearance->Widgets bölümüne gitmemiz gerekiyor. 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, açılır bir geri bildirim formu oluşturabileceğimiz ve öncekiyle aynı özelliklerin tümünü oluşturabileceğimiz ücretsiz bir eklentinin başka bir incelemesini hazırladım. 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.

    İletişim Formu 7 İle İletişim Formu Nasıl Yapılır?

    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önetici paneline gitmemiz ve bizim için uygulamaları ve diğer yararlı bilgileri toplayacak yeni bir form oluşturmamız gerekiyor. "İ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:

    1. Adından adrese (kişisel adres)
    2. E-posta adresi (ona bir teklifin gönderileceği geri bildirim)
    3. Hemen aranacak bir telefon numarası (bu hızlı bir şekilde gerçekleşirse, yine de müşteriniz olacaktır)
    4. Gerçek "Gönder" düğmesi

    Bu ana verilerdir, başkalarını yazışma veya telefon görüşmesi sırasında zaten öğrenebilirsiniz. Mantıklı mı? Bence evet. devam ediyoruz.

    Contact Form 7 Eklentisinde Contact Form Alanları Oluşturma

    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 (WordPress iletişim formumuz için telefon numarası alanı, sayısal değerlere izin verilir, 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 (Bir öğe seçerek, örneğin: "İçeriğe dayalı reklamcılık veya hedefli reklamcılık sipariş edersiniz")
    • 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 yapmayacağınızı onaylayın.) SPAM'e karşı iyi koruma. 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:

    < div class = "col-md-4" > < label class = "sr-only" >Ad Soyad< / label >[ text* text - 658 class : form - kontrol yer tutucusu "Adınız" ] !}< / div >

    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:

    < div class = "col-md-4" > < label class = "sr-only" >Tam E-posta< / label >[ e-posta* e-posta - 447 sınıf : form - kontrol yer tutucu "E-postanız" ] !}< / div >

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

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

    < div class = "col-md-4" >[ sınıfı gönder : btn - düz sınıf : col - xs - 12 "Sipariş" ]< / div >

    < / div >

    Önemli Not: Sevgili arkadaşlar, 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 butonunu göreceksiniz. Kesinlikle kaçırmayacaksın. 🙂

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

    Başvuruları almak için bir e-posta adresi ayarlama

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

    Büyük "Mektup" sekmesine tıklamamız gerekiyor. 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: İvan" "Posta adresi: vasya@ mail . tr »)
    • 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 İngilizce'dirler. 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 büyük bir dosya yükleniyor: "Bu dosya çok büyük."
    • PHP hatası nedeniyle dosya yükleme başarısız oldu: "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.

    Bir metin editörüne gittikten sonra (görsel değil) kopyalayıp sayfamıza yapıştırın. 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 nasıl yapacağınızı anlatacağım açılır uyarlanabilir geri bildirim formu Contact form 7 eklentimizi kullanarak.

    WordPress'te Açılır Duyarlı İletişim Formu Oluşturma

    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 uygulamayı stüdyo sitemin ana sayfasında yaptım. 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:

    Emir

    < a href = "#" class = "btn btn-primary btn-flat" data - toggle = "modal" data - target = "#modal2" >Emir< / a >

    < ! -- Modal -- >

    < div class = "modal contact-modal fade" tabindex = "-1" id = "modal2" role = "dialog" aria - labelledby = "myModalLabel" aria - hidden = "true" >

    < div class = "modal-dialog" >

    < div class = "modal-content" >

    < div class = "modal-header" >

    < button type = "button" class = "close" data - dismiss = "modal" > < span aria - hidden = "true" >&zamanlar;< / span > < span class = "sr-only" >kapalı< / span > < / button >

    < h4 class = "modal-title black" id = "myModalLabel" >Başvurunuzu gönderin< / h4 >

    < / div >

    Bir web yöneticisi neredeyse her yeni site geliştirdiğinde, iletişim formları ve geri bildirim formları için en iyi (belirli ihtiyaçlar için) WordPress eklentisini seçmek zorundadır. Bu genellikle, müşterinin her zaman basit bir iletişim formunu sevmemesi ve bazen bir sitede aynı anda birkaç forma ihtiyaç duyulması nedeniyle olur.

    Geri bildirim formu, bir WordPress sitesinin en önemli unsurlarından biridir, çünkü onsuz okuyucularınız, ortaklarınız ve müşterilerinizle her zaman iletişim halinde olma şansınızı kaybedersiniz. Ayrıca, yeni müşteriler çekmek için birçok fırsatı kaçırırsınız. WordPress iletişim formu eklentisi, sitenize bir iletişim formu eklemeyi kolaylaştırır. Sadece basit temaslar için değil, bazen çok özel formların gerekli olduğu çeşitli kurumsal ve satış sitelerinden bahsetmiyorum.

    Bu yazıda en popüler eklentileri tamamen rastgele bir sırayla listeleyeceğim. Makale kesinlikle zamanla en iyi çözümlerle desteklenecektir.

    Contact Form 7, en popüler (12.000'den fazla indirme ve büyüyen) WordPress iletişim formu eklentisidir. Eklenti, AJAX gönderimine, yerleşik bir Akismet spam filtresine ve dosya yükleme yeteneğine sahiptir. Eklenti tamamen ücretsizdir ve basit HTML ile özelleştirmesi kolaydır.

    Artıları: Basit bir iletişim formu arıyorsanız, basit bir ayarlar sayfası aracılığıyla kurulumu ve kurulumu kolay olduğu için aradığınız şey bu eklentidir. Tek bir kod satırıyla herhangi bir gönderiye veya sayfaya bir iletişim formu yerleştirebilirsiniz.

    Eksileri: Teknik olarak bu eklenti üzerinde herhangi bir çalışma yapılmasına gerek yoktur, ancak aralarından seçim yapabileceğiniz birkaç tane olması güzel olurdu. Formun görünümünü değiştirmek istiyorsanız, CSS ile oynamanız gerekecek.

    Fast Secure Contact From, halihazırda 3,5 milyondan fazla indirilmiş olan bir başka popüler eklentidir. Blog sahiplerinin WordPress sitelerine kolayca iletişim formları oluşturmasına ve eklemesine olanak tanır. Formu, normal veya görüntülü arama daveti göndermek için de kullanabilirsiniz.

    Eklenti, sınırsız sayıda form oluşturabileceğiniz ve önizlemelerini görüntüleyebileceğiniz bir yönetici arayüzüne sahiptir. Captcha ve Akismet Fast Secure formunu kullanarak, en popüler istenmeyen e-posta gönderme taktiklerine dayalı saldırıları engeller.

    Artıları: Diğer benzer eklentilerin aksine, Fast Secure formu, kullanıcıların bir profil kaydetmesine izin vermez, ancak program oluşturma, çevrimiçi toplantılar, birden fazla e-posta adresi desteği vb. gibi başka harika özellikler sunabilir.

    Eksileri: Eklentinin mevcut sürümü basit bir arayüzden yoksundur, ancak eklentinin yazarı yakın zamanda arayüzde her şeyin çok daha iyi olduğu bir beta sürümü yayınladı. Bu nedenle, arayüz sorunu o kadar şiddetli değildir.

    Contact ME ile İletişim Formu

    İletişim Formu, temel işlevlerinde ücretsiz bir eklentidir, ancak contactme.com web sitesine kaydolmanızı gerektirir. Kayıt tamamen ücretsizdir ve sizden herhangi bir çaba gerektirmez. Eklentinin geliştiricileri, iletişim formu 7 de dahil olmak üzere birçok popüler iletişim formu eklentisinden çok daha iyi olduğunu iddia ediyor!

    Artıları: Eklenti, bazı yararlı işlevselliklerden memnun - posta kutunuza ve akıllı telefonunuza bildirim gönderme seçeneği, forma rastgele kod veya komut dosyaları ekleme yeteneği ve ayrıca harita için logo, şirket iletişim bilgileri ve hatta sosyal ağ profillerine bağlantılar ve formda çok daha fazlası.

    Eksileri: Eklentiyi kullanmak için Bana Ulaşın web sitesinde bir profil oluşturmanız gerekir. Kayıt basit ve ücretsiz olsa da, bir şeyler yapmaya zorlandığınızda yine de sizi memnun etmiyor.

    Başlangıçta, FormCraft eklentisi yalnızca premium sürümde oluşturuldu ve geliştirildi. Nispeten yakın bir zamanda, yazarlar ayrı, ücretsiz bir sürüm yaptılar - FormCraft - Form Builder.

    Premium sürümde olduğu gibi, FormCraft - Form Builder, özel ve çok kullanışlı bir sürükle ve bırak düzenleyicide farklı formları kolay ve hızlı bir şekilde tasarlamanıza olanak tanır. Burada doğal olarak daha az fırsat var, ancak sıradan kullanıcılar için bu yeterli olacaktır.

    FormCraft'ın premium sürümü, özel komut dosyası mantığı, otomatik kaydetme, 20'den fazla ek özel alan, açılır ve açılır formlar, CSV'ye dışa aktarma ve diğer eğlencelerle övünür.

    Hem premium hem de ücretsiz sürümlerde günümüzün en iyi eklentilerinden biri.

    Eklenti, sitenizdeki her türlü formu tek bir yerden oluşturmanıza ve yönetmenize izin verdiğinden, Visual Form Builder arayüzü sizi hoş bir şekilde şaşırtacak. Tek tıklamayla yeni alanlar ekleyebilir, mevcut alanları yeniden düzenleyebilir, spam önleme çözümü uygulayabilirsiniz. Alanların sırasını değiştirmek için sürükle bırak teknolojisini kullanabilirsiniz.

    Artıları: Visual Form Builder, burada listelenen diğer iletişim formu eklentilerine benzese de, kendi ilginç özelliklerine sahiptir - öğeleri basit bir sürükle ve bırak yöntemiyle yeniden sıralama yeteneği, girdi verilerini bir CSV dosyasına dışa aktarma, özelleştirilebilir onay mesajları, birden çok e-posta girmeyi destekleyen bir gönderim formu.

    Eksileri: WordPress siteniz çok büyükse, farklı bir eklenti kullanmanız daha iyi olabilir, çünkü bu, WordPress veritabanınızdaki form girişini saklar.

    nForms – WordPress Form Oluşturucu

    Sürükle ve Bırak Oluşturucu, Ajax gönderimi ve doğrulaması ile size basit bir çok sütunlu iletişim formu şablonu sağlar. Açılır bir eklenti kullanarak bir formu bile görüntüleyebilirsiniz. Formu bir kısa kod, normal bir PHP işlevi veya bir pencere öğesi kullanarak görüntülemek mümkündür.

    Bir iletişim formundan daha fazlasına ihtiyacınız varsa, kullanabileceğiniz eklenti nForms'tur.

    Gravity Forms, sitenize bir iletişim formu eklemek için en eksiksiz çözümdür. Bir dizi harika özellik ile bu eklenti, şu anda mevcut olan en ilerici ve gelişmiş premium WordPress eklentileri olarak adlandırılabilir. Web siteniz için karmaşık iletişim formları oluşturmak için görsel düzenleyiciyi kullanabilirsiniz. Ayrıca, formun ne kadar dolu olduğunu gösteren bir doldurma göstergesi ile uzun formların birden çok sayfaya gömülmesine izin vererek kullanımını kolaylaştıran kullanışlı bir özellik de vardır.

    Artıları: Gravity Forms size, sipariş formları oluşturma seçeneği (gerçek zamanlı maliyetlendirme dahil), alanları, bölümleri, sayfaları gizlemek veya göstermek için bağımlı alanlar ve hatta kullanıcının seçtiği bir gönder düğmesi gibi diğer benzer eklentilerde bulunmayan tamamen özel işlevler sunabilir.

    Artıları: Burada sunulan diğer eklentilerle karşılaştırıldığında, bu biraz pahalıdır, ancak Gravity Forms bir iletişim formundan çok daha fazlasını sunar. Basit bir iletişim formu arıyorsanız, bu eklentiye para harcamanın bir anlamı yok.

    Mapped Contact Form Pro WordPress, formu web sitenizde görüntülemek için farklı bir algoritma kullanır. Bu, şubeleri veya ofisleri yere işaretlemek için kullanılabileceğinden, bir işletme veya şirket için harika bir çözümdür. Eklenti, sitelerinde harita kullananlar için de idealdir.

    İletişim formunda görünen her konum için adresinizi girebilirsiniz. Eklentinin kullanımı kolaydır ve basit bir kısa kodla herhangi bir gönderiye veya sayfaya yerleştirilebilir.

    Başka bir popüler form oluşturucu. İhtiyacınız olan blokları sürükleyip bırakarak ve ayarlayarak formunuzu oluşturabileceğiniz harika, sezgisel bir düzenleyiciyle (ücretli eklentilerde olduğu gibi) çok güçlü. Önceden hazırlanmış bir dizi alana ve bloğa sahiptir. Tüm alanlar, oluşturulduğunda anında ihtiyacınız olan dilde düzenlenir. Varsayılan olarak, geri bildirim ve ilgili kısa kod için yalnızca standart bir iletişim formu vardır.

    Artıları: Mükemmel işlevsellik. Yeni bir formun oluşturulması sırasında, "tasarımlarınızı" hızlı bir şekilde önizlemek ve test etmek için kullanışlı bir değiştirici kullanabilirsiniz.

    Eksileri: Bloklar için birçok ayar, yeni başlayanları korkutabilir. Ana işlevselliğe ek olarak, ödemeleri, posta listelerini ve daha fazlasını almak için çeşitli hizmetlerle çalışmak için çok sayıda eklenti premium modülüne sahiptir. Bununla birlikte, bu elbette artılara bağlanabilir.

    Ninja Kick: WordPress İletişim Formu

    Tüm koleksiyondaki en orijinal iletişim formu. Sitenin sol veya sağ tarafında bir kaydırıcı olan ayrı bir panel olarak görüntülenmesi bakımından farklılık gösterir. Son derece etkileyici görünüyor. Pek çok ayarı vardır, ancak çoğunlukla - görünümüyle ilgili. Alanların kendilerinin ayarlanması burada minimum düzeydedir. Ancak, popüler İletişim Formu 7'den bir kısa kod koyabilirsiniz ve çalışacaktır.

    İlginç eklenti ve formun kendisi. Daha fazla okuyabilirsiniz.

    Özetliyor

    Şimdi web siteniz için doğru uzantıyı seçme zamanı. Contact Form 7 veya FormCraft - Form Builder, normal bir blog için muhtemelen en iyi çözümdür, ancak çeşitli hizmetler ve hizmetler sunan büyük siteler için Gravity Forms veya Ninja Forms kullanmanızı tavsiye ederim. "Öne çıkmayı" sevenler harika - Ninja Kick: İletişim Formu.

    Yazardan: Sizi selamlıyorum sevgili okuyucular. WordPress sitenizde bir geri bildirim formuna ihtiyacınız varsa, bu makale tam size göre. Makaleyi okuduktan sonra, WordPress'te nasıl kolay, hızlı ve verimli bir geri bildirim formu oluşturacağınızı öğreneceksiniz.

    Bu sorunu çözmek için, Contact Form 7 olarak adlandırılan geri bildirim formu eklentisini kullanacağız. Yazarın neden bu özel adı veya daha doğrusu başlıktaki seri numarasını seçtiğini bilmiyorum, belki de bu onun şanslı numarasıdır.

    Bununla birlikte, WordPress için Contact Form 7 eklentisi, WordPress iletişim formu eklentileri ve diğerleri arasında en popüler eklentilerden biridir. Gerçekten de, bir milyondan fazla kurulum - rakam kendisi için konuşuyor. Eklentinin puanı oldukça yüksek - 4,5 yıldız, bu da kullanımıyla ilgili tüm şüpheleri ortadan kaldırıyor. Ek olarak, eklenti zaten Rusçalaştırılmıştır, bu nedenle form alanlarını ve mesajları Rusça'ya çevirmeniz gerekmez.

    WORDPRESS İÇİN İLETİŞİM FORMU 7 PLUGIN'İNİN YÜKLENMESİ

    Peki, standart kurulum sürecinden geçelim. Bu arada, daha önce hiç eklenti yüklemediyseniz, “WordPress” makalesine göz atmayı unutmayın. Eklentileri kurmanın tüm olası yollarını bulacağınız "Eklentileri yükleme".

    Site yönetici panelinde Eklentiler - Yeni ekle bölümüne gidin ve arama çubuğuna eklentinin adını girin - "iletişim formu 7". Bulduğumuz ilk iletişim formu eklentisi, ihtiyacımız olan seçenek.

    Yükle düğmesine tıklayın ve eklentiyi etkinleştirin. Kurulumdan sonra, menüde birkaç öğe içeren yeni bir İletişim Formu 7 bölümü görünecektir.

    İlk öğe Formlar, sitenizdeki mevcut formların bir listesini içerir ve bunları yönetmenize olanak tanır: düzenleyin veya silin. Bitmiş form, bir gönderiye, sayfaya ve hatta bir widget'a eklenebilen bir kısa koddan (kısa kod) başka bir şey değildir. Bu kısa kod, sayfada tam form koduna genişletilecektir. Eklentide zaten önceden yüklenmiş bir geri bildirim formu örneği var, kısa kodunu kopyalayıp örneğin iletişim sayfasına yapıştıralım. Bundan sonra sayfaya gideceğiz ve üzerinde hazır çalışan bir WordPress geri bildirim formu göreceğiz.

    Formu doldurup göndermeyi deneyebiliriz, mektup yönetici profili ayarlarında belirtilen e-posta adresine teslim edilecektir. Lütfen İletişim Formu 7 eklentisinin yalnızca olağan standart geri bildirim formunu sunmadığını unutmayın. Hayır, eklenti onu esnek bir şekilde yapılandırmanıza izin verir. Ayrıca sayfa yeniden yüklenmeden form gönderiliyor, bu da ek bir artı. Ve tabii ki, form alanı doğrulaması, gerekli alanları belirleme yeteneği başka bir büyük artıdır.

    WORDPRESS İÇİN GERİ BİLDİRİM FORMU KURMA

    Eh, hazır bir form kullandık. Değiştirmeye ne dersin? Bunu yapmak mümkün mü ve kolay mı? Her iki soruya da cevap evettir. Örneğin Konu alanını formdan kaldırmak istiyorum, bunu nasıl yapabilirim? Formlar eklenti menüsünde formu düzenlemeye geçelim ve aşağıdaki resmi görelim.

    Konuyu kaldırmak için ekran görüntüsünde daire içine alınmış karşılık gelen 2 satırın kaldırılması yeterlidir. İkinci satır burada ilginç: . Tahmin edebileceğiniz gibi bu, form alanında genişleyen bir kısa koddan başka bir şey değildir. Bu durumda, name özniteliği konunuz olarak ayarlanmış bir metin türü alanıdır.

    Örneğin, aşağıdaki metin alanından bahsediyorsak, kısa kodu şöyle görünür: . Burada textarea, formun textarea etiketidir ve your-message verilen form öğesinin adıdır. Her şey basit.

    Burada tamamen mantıklı bir soru sorabilirsiniz: diğer form öğeleriyle ne yapmalı? Bir açılır listeden hangi kısa kodun sorumlu olduğunu nasıl öğrenebilirim? Burada da karmaşık bir şey yok. Düzenlenebilir form şablonu alanının üzerinde, üzerine tıklayarak gerekli öğeleri forma ekleyeceğimiz düğmeler vardır.

    Hâlâ zorluk yaşıyorsanız, birçok örnek bulabileceğiniz eklenti belgeleri size yardımcı olacaktır.

    Örnek olarak, mesajın konusunu kaldıralım ve mesajın konusunu seçme seçeneklerini içeren bir liste ekleyelim. Bir açılır liste oluşturmak için açılır menü düğmesine tıklayın. Açılan kalıcı pencerede formu doldurun. Anahtar alan, açılır liste için seçenekleri girdiğimiz Seçenekler alanıdır. Her seçenek yeni bir satırda. Diğer form alanları sezgisel olmalıdır. Örneğin, Alan türü (Gerekli alan) alanındaki onay kutusunu işaretlersek, oluşturulan form alanını zorunlu hale getiririz. Birden çok seçime izin ver onay kutusu, birden çok seçenek belirleyebileceğiniz bir liste oluşturmanıza olanak tanır ve İlk seçenek olarak boş bir öğe ekle onay kutusu, listedeki ilk boş seçeneği oluşturur. Kimlik ve Sınıf alanları kendileri için konuşur - bunlar, alana daha fazla stil vermenize izin veren kimlik ve sınıf nitelikleri eklemek için kullanılan alanlardır.

    Gerekli seçeneklerle bir liste oluşturduktan sonra, form şablonunda yeni bir alan görünecektir.

    Şablonu kaydedip yeni geri bildirim formunu test etmeye çalışıyoruz. Sitede, form gerçekten değişti, bir konu metin alanı yerine, konu seçme seçeneklerini içeren bir açılır liste belirdi.

    Formu doldurup göndermeyi deneyelim. Form gönderildi, ancak oops... alınan e-postada seçili konu satırı yok. Nasıl yani? Bu yanlış anlaşılma nasıl düzeltilir? Endişelenme, düzeltmesi kolay. Form düzenlemeye gidin ve Mektup sekmesine geçin.

    Bu sekme, geri bildirim formundan e-postaya gelen mektubun biçimini yapılandırır. Ekran görüntüsünde, ilk daire içine alınmış alanda geri bildirim formumuzda kullanılan kısa kodların (form alan adları) bir listesini görüyoruz. Harf şablonunda ikame edilen bu alanların değerleridir. İkinci işaretli alanda önceki alanın adının Konu alanına kaldığını görebiliriz. Ayrıca Mesaj Gövdesi alanında eski kısa kod bulunur. Bunları yukarıdaki listeden karşılık gelen etiketle değiştirelim - . Bu arada burada alıcının e-postasını da değiştirebiliyoruz, Kime alanına yazıyor. Aşağıda diğer ayarları da değiştirebiliriz, hepsi imzalı ve anlaşılır.

    Değişiklikleri kaydedip mektubu tekrar göndermeye çalışıyoruz. Artık geri bildirim formu olması gerektiği gibi çalışıyor - e-postaya seçilen konuyu içeren bir e-posta gönderiliyor.

    Bir sonraki sekme olan Form Gönderme Bildirimleri'nde, form gönderildiğinde oluşan başarı veya hata mesajlarını özelleştirebiliriz.

    GERİ BİLDİRİM FORMU KORUMASI

    Peki ya spam, tamamen makul bir soru sorabilir misiniz? Eklentinin yazarı da bununla ilgilendi. Eklenti ayarları bölümünde Entegrasyon maddesi bulunmaktadır.

    Burada Google'ın reCAPTCHA hizmetini kurabiliriz. Bunu yapmak için, ilgili Google hizmetine giden belirtilen bağlantıyı takip etmeniz ve ardından gerekli anahtarı almak ve captcha'yı sitenize entegre etmek için talimatları izlemeniz gerekecektir.

    reCAPTCHA hizmetini kullanmak istemeyenler için eklenti soru/cevap alanı şeklinde robotlardan koruma sunuyor. Bu alanı form şablonuna eklemek için sınav düğmesine tıklayın ve formu açılır listede yaptığımız gibi doldurun. Soru ve cevap dikey bir çizgi ile girilir.

    Bundan sonra, geri bildirim formunda yazdığınız sorular için seçeneklerden birini içeren yeni bir alan görünecektir. Şimdi formun gönderilebilmesi için soruya doğru cevap verilmesi gerekmektedir.

    Gördüğünüz gibi, WordPress'te bir geri bildirim formu oluşturmak, armut bombardımanı kadar kolaydır. Contact Form 7 eklentisi, neredeyse her amaç için bir form oluşturmanıza olanak tanır. Bu bir geri bildirim formu, bir başvuru formu vb. olabilir. Evet, yukarıda söylediğim gibi, form yalnızca bir gönderiye veya sayfaya değil, kenar çubuğu widget'ına da eklenebilir. Bunu yapmak için, sadece bir Metin parçacığı oluşturun ve istenen formun kısa kodunu içine ekleyin. Pekala, tahmin ettiğiniz gibi, Yeni eklenti Ekle menüsünde yeni formlar oluşturulabilir.

    benim için hepsi bu WordPress için Contact Form 7 eklentisiyle oynayın, farklı formlar oluşturmayı deneyin, bana güvenin, keşfedilecek daha çok şey var. Herhangi bir sorunuz varsa, her zaman olduğu gibi, yorumlarda onları bekliyorum. İyi şanlar!

    Merhaba arkadaşlar! Bu derste hakkında konuşacağız geri bildirim formu oluşturma veya insanların dediği gibi "İletişim Formu".

    Bugün size birkaç dakikada nasıl oluşturabileceğinizi göstereceğiz. ışık, Güzel Ve fonksiyonel favori eklentimle geri bildirim formu İletişim Formu 7 .

    Bir iletişim formu oluşturmanın tüm aşamalarını olabildiğince ayrıntılı olarak açıklamaya çalışacağım ve bu bağlamda ders oldukça uzun olacak 🙂

    WordPress'te İletişim Formu Oluşturma

    En başta, Contact Form 7 eklentisinin Ruslaştırılmış olduğunu ve onunla herhangi bir sorun yaşamayacağınızı belirtmek isterim. Sözlerimin kanıtı olarak, bu eklentinin indirilmiş olması olabilir. 25 MİLYON KEZDEN FAZLA!!!

    Öyleyse başlayalım. Geri bildirim formu oluşturmak için aşağıdakileri yapmalısın:

    1. Contact Form 7 eklentisini yükleyin ve etkinleştirin. Eklentileri nasıl kurabilirsiniz.

    2. Aktivasyondan sonra şu adrese gidin: İletişim Formu 7 -> Formlar.

    3. Açılan pencerede satırı kopyala yerleştirme kodu ile.

    4. Kopyalanan kodu sayfada geri bildirim formunu eklemek istediğimiz yere yapıştırın. Kodu girdikten sonra butonuna tıklayarak değişiklikleri kaydetmeyi unutmayınız. "Güncelleme".

    bunun gibi sonuç bir iletişim formu ekleyerek şunu elde ederiz:

    Hazır! yükledin iş üniforması sitenize geri bildirim!

    Gördüğünüz gibi, tüm birkaç dakika için Siteye kolayca bir geri bildirim formu yükleyebilirsiniz. Buna bir son verebilirsiniz ama standart formdan memnun olmayanlar ve isteyenler için yaratmak tamamen yeni İletişim Formu diğer alanlar ve olanaklarla - Ben tavsiye ediyorum dersi sonuna kadar okuyun.

    Yeni bir form oluşturmak için öncelikle içinde hangi alanlara ihtiyacımız olduğuna karar vermemiz gerekiyor. Bu derste, örnek olarak, basit bir tane oluşturacağız. geri arama sipariş formu.

    Bunu yapmak için, formda doldurulacak aşağıdaki alanlara ihtiyacımız var:

    • Ad (Gerekli alan)
    • Soyadı
    • Telefon (Gerekli alan)
    • Bir arama için uygun bir zaman seçimi ile alan

    Alanlara karar verdikten sonra formu oluşturmaya geçiyoruz:

    1. Git İletişim Formu 7 -> Yeni Ekle.

    2. Açılan pencerede düğmesine basın "Yeni ekle". Gerekirse, aşağıdaki açılır listeden bir dil seçin. İle varsayılan dil Rusça olacaktır.

    3. Butona bastıktan sonra sayfaya yönlendirileceksiniz. form düzenleyici.

    Sayfanın en üstünde yazdığımız alandır. İsim yeni form. İÇİNDE Form Şablonu varsayılan olarak oluşturulan standart form alanlarını görüyoruz.

    Aşağıda, birisi sitedeki formdan sipariş gönderdikten sonra mailinize gelen mektubun ayarlarını görüyoruz. Bu ayarlarda, örneğin, sitenizdeki bir formdan isteklerin gönderileceği bir e-postayı değiştirebilir veya ekleyebilirsiniz. İÇİNDE mektup şablonu harfin içinde görüntülenecek bilgiler yapılandırılır.

    4. Editörün yapısını yüzeysel olarak tanıdıktan sonra yeni formumuzu oluşturmaya geçiyoruz. Bunun için ihtiyacımız var SİLMEK form şablonundan, düğme dışındaki tüm satırlar "Göndermek", ve mektup şablonunda silmek hepsi tamamen . Kaldırdıktan sonra, şöyle bir şeye sahip olmalısınız:

    5. Şimdi yeni alanlar oluşturmamız gerekiyor: İsim(zorunlu), Soyadı, Telefon(zorunlu), Uygun arama süresi.

    Bir alan oluşturarak başlamak isim girmek için zorunlu olmalıdır. Bunu yapmak için düğmeye basın "Etiket Oluştur" ve Seç Metin alanı.

    Yeni alanın ayarlarında, yalnızca alanın gerekli olması durumunda gerekli olan bir onay işareti koyun. Ardından, oluşturulan kodu sağdaki form şablonuna kopyalayın ve aşağıdaki kodu e-posta şablonuna kopyalayın. Daha iyi anlaşılması için yorumlar ve oklar için aşağıdaki resme bakın.

    6. İsim girmek için bir alan ekledikten sonra, tıklayın. "Etiket oluştur" -> Metin alanı ve benzetme yoluyla bir alan yaratıyoruz Soyadı Ve Telefon kodu kopyalayıp form şablonuna ve e-posta şablonuna yapıştırarak. Tek fark, alan için Soyadı Gerekli olması için kutuyu işaretlemeniz gerekmez. .

    Ad, Soyad ve Telefon alanlarını ekledikten sonra form düzenleyici aşağıdaki gibi görünecektir:

    7. Şimdi bir alan oluşturuyoruz Uygun arama süresi. Bunu yapmak için basın "Etiket Oluştur" ve Seç "Aşağıya doğru açılan menü".

    sahada Seçenek her satıra bir seçenek yazıyoruz, bizim durumumuzda bu, iki saatlik aralıklarla 8-00 ile 18-00 arasındaki zamandır. Doldurduktan sonra ilgili kod satırlarını form şablonuna ve mektup şablonuna kopyalayın.

    Sonunda, böyle bir şeyle sonuçlanmalısın:

    9. Form kodunu kopyalayın ve forma ihtiyacınız olan sayfada yapıştırın. Her şeyi doğru yaptıysanız, aşağıdaki geri arama sipariş formunu almalısınız:

    Kullanıcı, sitenizden geri arama siparişi verdikten sonra, postanıza bir mektup gönderilecek bunun gibi içerikle:

    HAZIR!İşte sizinle oluşturduk sıfırdan geri arama sipariş formu.

    Bazıları için her şeyin çok karmaşık ve korkutucu görünebileceğini kabul ediyorum, ancak bu duygu ancak sıfırdan ilk iletişim formunu oluşturana kadar olacak 😉

    Çoğu durumda, eklenti tarafından kurulumundan ve etkinleştirilmesinden hemen sonra varsayılan olarak oluşturulan standart geri bildirim formu oldukça yeterlidir.

    Umarım bu eğitim sizin için yararlı olmuştur ve Contact Form 7 eklentisini bulmuşsunuzdur.

    Formun oluşturulması sırasında sorularınız varsa veya bir şey işe yaramazsa - yorumlara soru yazın ve sorun.

    Ve bunu hatırla sitedeki geri bildirim formu - iletişim sayfasında gerekli bir özellik.

    Merhaba arkadaşlar! Bu dersimizde geri bildirim formu oluşturmaktan ya da insanların tabiriyle "iletişim formu"ndan bahsedeceğiz. Bugün size en sevdiğim Contact Form 7 eklentisini kullanarak birkaç dakika içinde nasıl hafif, güzel ve işlevsel bir geri bildirim formu oluşturabileceğinizi göstereceğiz.Bir iletişim formu kurmanın tüm adımlarını olabildiğince ayrıntılı bir şekilde anlatmaya çalışacağım ve bu konuda ders oldukça uzun olacak :) WordPress'te bir iletişim formu oluşturma En başta, Contact Form 7 eklentisinin Ruslaştırılmış olduğunu ve onunla herhangi bir sorun yaşamayacağınızı not etmek istiyorum. Sözlerimin kanıtı olarak, bu eklentinin ...

    Gözden geçirmek

    ders için oy ver

    100

    Seviye

    Sonuç: Sevgili okuyucular! Oy vermekten ve yorum yapmaktan çekinmeyin. Bu şekilde derslerin ve makalelerin faydasını anlayabilir ve gelecekte kalitelerini artırabilirim. Şimdiden teşekkür ederim!

    Devamını oku: