Sitenize bir başvuru formu eklemek ister misiniz? Eğer öyleyse, lütfen cilt web sitesine başvurun e-ticaret Bu form, müşterilerin bir ürün için başvurabilmeleri ve muhtemelen doğrudan İnternet üzerinden ödeme talep edebilmeleri için gereklidir.

Bu yazıda, web sitenizde özel bir form oluşturmanıza izin vermek için WordPress için en iyi 10 eklentiyi öneriyoruz.

1.Süper Araba

süper araba hatırlayalım WordPress eklentisi WHMCS eklentisi temelinde formların oluşturulması için atamalar. Tek taraf olarak kazanabilirsiniz ( ajax'ı yeniden yükle) veya kіlka storіnok / krokіv ( piv-Ajax). Vіn ayrıca vikoristannі'da güvenli, basittir ve hastalığın tedavisi için kirpiklere sahip olabilirsiniz 10.

Halihazırda WHMCS kuruluysa, WordPress formu için eklentiyi indirip etkinleştirmeniz yeterlidir; WHMCS veritabanınızdaki bilgileri sorunsuz bir şekilde tweetleyebileceksiniz. Etkinleştirmeden sonra, yalnızca HTML etiketleri eklemek için daha fazla güncelleme (stink gibi) eklemeniz gerekecek.

Ayrıca tüm uzantılar için bir resim ekleyebilirsiniz. kısa, süper araba Piyasadaki en gelişmiş, en gelişmiş ve en gelişmiş WHMCS form eklentisi.

2. Woo Ürün Tablolarının Listesi

Daha basit, İsveççe verimli yol WooCommerce ürünlerinizi esnek, kullanımı kolay bir tabloya veya forma yeniden eşleme; hızlı bir inceleme olasılığından. Deisno, zavdyaki eklentisi Woo ürün tablolarının listesi Tüm WooCommerce ürünlerinizi tek taraflı bir tablo veya form görünümünde kolayca görüntüleyebilirsiniz.

Kısa kodu kopyalayın ve herhangi bir tarafa genişletin. Bazı işlevler şunları içerir: otomatik olarak oluşturulan kısa kodların etiketleri için destek, gerekirse başlıkların görüntülenmesi, poshuk sistemi Ajax;

3. WooCommerce için ARG Çok Adımlı Ödeme

Zarif ve sezgisel bir tasarıma sahip bir WordPress uzantısı ARG Çok Adımlı Ödeme WooCommerce ödeme sürecinin en önemli unsurlarını varsayılan olarak bölerek çekirdek ile etkileşimi geliştirmenize yardımcı olur.

Satış taahhüdünü artırmak kolay bir metadır ve WooCommerce ARG Multistep Checkout eklentisinin kendisi bu süreci bir bakışta katlanabilir ve basit hale getirebilir.

Sered іnshih funktsіy: іntuїtivno zrozumіly tasarım plavnі anіmatsії zmіnі o Kroc perevіrtsі, dodavannya novih krokіv aşağıdaki krokіv erişim, aşağıdaki sekmede natisnuvshi, іntegratsіya kroki oturum açma o reєstratsіyu, nayavnіst Kroc perevіrki zamovlennya, vіdmіnna іntegratsіya vashoyu temoyu WordPress'in, pokrokova reverb, summ_snіst WPML sadece.

4. Ninja Formları için Standart PayPal Ödeme Geçidi

Eklenti Ninja Formları için Standart PayPal Ödeme Ağ Geçidi standart kullanarak bir başvuru formu oluşturmanıza ve ödemeleri kabul etmenize olanak tanır fiziksel kayıt Siteniz için PayPal.

Başlıca özellikleri, çeşitli şekillerde Paypal ağ geçidinin entegrasyon kolaylığı, etkinleştirilmesi veya devre dışı bırakılması, düzenli ödemeler için destek ve çok daha fazlasıdır.

5. Süper Formy - Hesap Makinesi

Bu WordPress uzantıları ile, editör tarafından girilen verilere dayalı olarak formları açmak için uzantılar oluşturmak mümkündür. Standart zırhlama ve koruma biçimleri kurun veya katlanır değerlendirme biçimleri oluşturun.

İnanılmaz matematik yapmak kadar basit. Eklenti uzantısı fiyatı Süper Formy, geri kalanı xtension'ın doğru çalışması için gereklidir.

6. Alanlar ve Mita WooCommerce

WooCommerce mita'daki alanlar eShop yöneticisinin ödeme (veya komisyonun negatif olduğu anlamına gelen indirimler) yapmasına izin verir ve bazı şaraplarla birlikte hesabı ve teslimatı görüntülemek için ek alanlar aşağıdaki kurallara tabi olabilir.

Vіdpovіdno eklenti virіshuє tsikh zihinsel kuralları için, chi ek alanları ödeme şeklinde görüntülenebilir ve chi nedeniyle tahsilat zastosovuvatisya ödeme kedisine. Cilt alanı / haraç, kendi aralarında bağlanmış bir dizi zihinsel kuralın annesi olabilir. Daha akıllı bir kural, bir dizi veri türünü koruyabilir.

Bileceğiniz işlevler arasında, diğerinin ortasında: zihinsel mantığı anlama, veri türlerinin sayısını anlama, alan türlerinin sayısının entegrasyonu, WooCommerce ve WPML entegrasyonu ve diğerleri.

WooCommerce'e Kaydolun

WordPress Eklentisi WooCommerce'e Kaydolun müşteri kayıt formundaki koristuvach'a ek alanlar eklemenizi sağlar. Ortadakilerin tahmin edilmesi için bir dizi alan türü ekleyebilirsiniz: metin bölgesi, görsel bölge, ensign, jumper, saat seçici, tarih seçici, şifre Renk seç, vb.

Müşteri değiştirmek isterse, ekrandaki resim alanları hariç tüm alanları ödeme tarafında da görüntüleyebilirsiniz. Bu eklenti ayrıca, kilitleme için WooCommerce alanlarını etkinleştirmenizi/devre dışı bırakmanızı sağlar. Facebook ve Twitter üzerinden bağlanma işlevleri de bu eklenti ile entegre edilmiştir.

orta yoga işlevsellik bileceksiniz: çitle çevrili olmayan sayıda alan eklemek, sezgisel olarak mantıklı bir arayüz, daha iyi okunabilirlik için alanları ayarlamak, її alanları için zihinsel mantıkta ince ayar yapmak, alanları kişiselleştirmek için seçenekleri genişletmek ve diğerleri

8. Kutunun kenarları ve WHMCS - bir taraftaki contanın tasarımı

Mucize eklentisinin ana metası, koristuvach'lara vermektir. kısa uyarı zamovlennya ürünleri sürecinde. Fikirlerini bu şekilde müşterilere dönüştürüyorlar.

WHMCS (WCOP)) daha da şık olabilir, kilidin kullanışlı yanları ve kişisel olmayan işlevlere sahip kilidin tasarımı.

Standart WHMCS, WCOP ödeme yöntemleri/formları için tek bir ödeme yöntemi kabul edilir. Bu tek yönlü kayıt formu, müşterilerinizden tek yön ödemelerini istemek istediğiniz için ideal çözümdür.

9. WooCommerce Eklenti Ürün Seçenekleri

WooCommerce Ekstra Ürün Seçenekleri, akıllı mantığı kullanarak ek ürün seçenekleri oluşturmanıza olanak tanıyan bir WordPress uzantısıdır. Ayrıca formlar oluşturabilir, görüntülenen öznitelik listelerini geçişlerde dönüştürebilir ve çok daha fazlasını yapabilirsiniz.

Sered Yogo Özellikle mi znaydemo Seret іnshogo: pіdtrimku kіlkoh tipіv polіv, nalashtuvannya tsіn vіdpovіdno için vibranih polіv, formlar pіdtrimku shortkodіv için vіzualny yapıcı polіv, aktivatsіyu deyakih optsіy konkretnі rolі için, vibіr mіzh zbіlshennyam tsіni fіksovane değerler vіdsotkah de abo üzerine, funktsіonalnіst іmportu / ihracat diğer biçimlerde, fiyatları ekleme veya değiştirme yeteneği, form oluşturucuda formları doldurmak ve dağıtmak için akıllı mantık, çıkartma eklentileri ve e-ticaret uzantıları ile özetleme, rapor belgeleri ve daha birçok şey.

10. WP Maliyet Tahmini ve Ödeme Formları Oluşturucu

WordPress sitenizde ustaca bir içgörü, muhteşem bir hesap makinesi ve bir yazım biçimi oluşturmuş olarak, ister bireysel bir hizmet ve ürün olarak kolaylıkla satabilirsiniz. Bu benzersiz eklenti, ürüne, eklentilere, web sitelerine, grafiklere, SEO'ya, ev yaratıklarına, aylık snippet'lere... veya başka herhangi bir hizmet türünü satmak için gerçekten hackleyebilir.

Müşterileriniz, başvurularının doğru bir tahminini alabilir (tahmini veya uygulamanın geri kalanı elektronik postaya tabidir) veya doğrudan Paypal veya Stripe ile yardım için ödeme yapabilir. adresler e-posta Müşteri, MailChimp / MailPoet / GetResponse listenize otomatik olarak gönderilebilir.

Ayrıca tüm fiyatları forma ekleyebilirsiniz. elektronik sayfalar, böylece onları muhteşem bir form gibi bükebilirsiniz. Yogo, kişisel olmayan bileşenleri olan katı zihinsel sistemin her türlü formu kolayca oluşturmanıza izin verdiğini sezgisel olarak anladı.

Visnovok

Eksen i, WordPress boşlukları için en iyi WordPress eklentileri ile ilgili makale için. Bu liste için yorumlarınızı, önerilerinizi ve iyiliklerinizi bize iletmeyi unutmayın.

Bununla birlikte, projelerinizi uygulamak ve web siteleri oluşturmak için daha fazla öğeye ihtiyaç duyacağınız için kaynaklarımıza da geri dönebilirsiniz, WordPress blogu veya Divi'nin yaratılmasındaki yardımcımızla sevinerek: en iyisi WordPress teması bütün saat boyunca

Web formları çeşitli nedenlerle başarılı olabilir, ancak ana meta, dönüş bağlantısını kaldırmak ve giriş bilgilerini seçmektir. Bununla birlikte, їх zastosuvannya, bilgi toplama kapsamının ötesine geçer ve pis koku, yalnızca ek olarak siteye kayıt için alınır.

Siteniz WordPress üzerindeyse ve form oluşturmak için zengin işlevsel bir kurucuya ihtiyacınız varsa, eklentiye bir göz atın Form Oluşturucu.

WordPress Form Oluşturucu

Bu, manuel yönetici paneli, yerleşik form tasarımcısı ve kişiselleştirme için kişisel olmayan seçeneklerle aynı olan WordPress.org kataloğunda form oluşturmak için en popüler eklentilerden biridir. Çıkış anında eklentiye baktım 1.5 milyonun üzerinde kâr, 90 bin. etkin yüklemeler ve ortalama 4,6 yıldız derecelendirmesi.

Açıklama Demo Zavantage

Form Maker eklentisine yakından bakalım ve tekrar etkinleştirmenin mümkün olup olmadığını görelim.

Form Maker eklentisi indirilebilir veya WordPress dizini, veya resmi taraf eklenti açık web-dorado.com. Eklenti bir raporla birlikte verilir belgelerі demo yönetici paneli ve formların kendileri için sürüm.

oluşturma formu

Form Maker ile form oluşturmak kolaydır ve çok uzun sürmez. Eklentinin bu aktivasyonunu yükledikten sonra konsolun web menüsünde bulacaksınız, kendi formlarınızla oluşturabilirsiniz.

Diğer eklentiler için, sıfırdan formlar oluşturursanız, Form Maker ile birlikte gelir. 12 hazırlanmış şablonlar , yakі nadalі bajan'ınız için düzenleyebilir ve nashtovuvati yapabilirsiniz.

Ayrıca eklenti, formu bir kopya olarak düzenlemenize ve kaydetmenize izin verir, ancak bu, şablonun günlük değişiklikleri bilmediği anlamına gelir.

Eksen, örneğin standart için şablon form zvorotny zv'azku . Alanları yukarı/aşağı sürükleyebilir, sırayı değiştirebilirsiniz.
ve formdaki sütunları hizalamak için bunları sola veya sağa hareket ettirin:

Ancak sıfırdan kendi formlarınızı oluşturmak istiyorsanız butona tıklamanız yeterli. Yeni ekle(Yeni bir tane ekleyin) ve eklenti sizi formun yanına yönlendirecektir.

İlk etapta adı tahmin etmeniz, formun konusunu seçmeniz gerekecek ve ardından sulama tamamlanana kadar ilerleyebilirsiniz. Form Maker sezgiseldir form oluşturucu, formlara gerekli miktarda sulama eklemenizi ve yaptığınız değişikliklere bakmanızı sağlayan:

Іsnuyut raznі sulama seçenekleri, formlara eklenebilir. Metin girişi, dosya geçersiz kılma süresi, PayPal entegrasyonu, Captcha ve daha fazlası için tasarlanmıştır.

Formlar için mevcut alanlar ile bilgilerin girdilerinizden olup olmadığını seçebilirsiniz. Alan parametrelerindeki en son değişiklik aşağıda listelenmiştir:

Cilt alanının cilt parametresi ayarlanabilir, bu da alanların gücünü ihtiyaçlarınıza göre düzenlemenize ve gerektiğinde tüm değişiklikleri değiştirmenize olanak tanır. ileriye bak:

Formlar

Şimdi formunuzu düzeltme hakkında konuşalım. form gönderebilirsiniz canavar görünümlü kırışık erişilebilir tasarım şablonları. Şu anda, eklenti var formlar için 37 tema, ek CSS ile düzenlenebilir.

Ek olarak, eklenti sıfırdan güçlü konular oluşturmanıza olanak tanır.

Form şablonunu özelleştirmek için ilk parametreye gitmeniz gerekir (sarı Düzenle zeytin simgesi).

Ayrıca, HTML kodunu düzenleyebilir, konumu değiştirebilir, satır içi tasarım stilleri ekleyebilir vb. Bir alan eklemek için çıktı düğmelerine tıklayın.

Form parametreleri

Burada, Form Maker eklentisini özelleştirmenize olanak tanıyan çok çeşitli form seçenekleri bulunmaktadır. Örneğin genel form parametreleri, e-posta parametreleri, ödeme yöntemleri, formu gönderdikten sonra JavaScript, MySQL seçenekleri ve akıllı alanlar.

pid yüksek parametreler bazı temel form ayarlarını ve ön uç seçeneklerini bilebilirsiniz. Verilerinizi kaydetmek istiyorsanız, o yerde formun konusunu seçin ve ayrıca doğru olanları seçin, böylece form düzenlemenin ön ucuna erişebilirsiniz.

Bölünmüş parametreler e-posta Muhabirlere ve yöneticiye gönderilen bildirim ayarlarını öğrenebilirsiniz. E-posta adresini, konuyu belirtin ve metni yönetici için bildirime ekleyin.

AT dağıtılmış düzeltmeler Girişiniz formu doldurup doldurmaksa ne olacağını seçebilirsiniz. Form dışında kalma gibi mevcut seçeneklerden birini tercih edebilirsiniz. belirli taraf veya gönderin, bunları tek bir URL'ye yönlendirin veya formun gücünden sonra sizin için görüntülenecek yetkili bir metin ekleyin.

Form Maker ayrıca PayPal'dan güvenli entegrasyon sağlar. AT farklı ödeme yöntemleriödemeyi düzenlemek mümkündür, örneğin, PayPal, ödeme için para birimi seçimi, vergi oranı vb.

Akıllı alanlar- bu, Form Maker eklentisinin çiplerinden biridir. Bu işlev, belirlediğiniz belirli modlara bağlı olarak form alanlarını eklemenize veya görüntülemenize olanak tanır.

Örneğin, ülke olarak Amerika Birleşik Devletleri'ni seçmek gibi, devletin adını sormak için bir zihinsel alan ayarlayabilirsiniz. Eyalet adının yer aldığı alanın ABD dışındaki diğer korylistler için görüntülenmemesi önemlidir:

Kuvvet bölümünde formun tüm temsillerini bilebilirsiniz. Cilt formu için bağlantı yok analitik veri giriş sayısı, tekrar ziyaret edilen form sayısı, ince geçişlerin göstergesi gibi.

Tsey ayrıca, bu formun tüm alanları için veri tabanında arama yapabilmeniz için arama atamalarını da böldü. Ayrıca malzemeleri düzenleyebilir veya düzenleyebilir ve düzenleme alanlarını ihtiyaçlarınıza uygun şekilde düzenleyebilirsiniz.

Eklenti, malzemeleri en fazla dışa aktarmanıza olanak tanır. csv veya XML- Microsoft Excel'deki verileri gözden geçirmek için biçim.

Form Maker izin verir IP adreslerini engelle Formlarınız aracılığıyla spam'i nasıl zorlarsınız? Kimler için sadece Engellenen IP'ler bölümüne gitmeniz gerekiyorsa, giriş alanını engellemek istiyorsanız IP adresini belirtin ve IP Ekle düğmesine basın.

Eklenti gücünü dağıtarak IP adreslerini de engelleyebilirsiniz. Engellenen IP'lerin engellemesi her zaman kaldırılabilir.

Eklentiler

Form Maker, genişletilebilirlik sağlamak için düşük ekstralarla birlikte gelen zengin işlevsel bir eklentidir. teknik yetenek senin formun.

eksen tam liste Form Maker'da ek:

• ithalat ihracat
• İlerlemeyi Kaydet
• Şerit Entegrasyonu
• Google PDF Entegrasyonu
• Mailchimp Entegrasyonu
• Kullanıcı Kaydı
• Sonrası Nesil
• Koşullu E-postalar
• Dropbox Entegrasyonu
• Google Drive Entegrasyonu
• İtme Entegrasyonu
• hesap makinesi

pod çantalar

Form Oluşturucu- tse vіdminniy vybіr, yakscho, WordPress'te ne kadar daraltılabilir olursa olsun, uyarlanabilir web formları oluşturmak için etkili bir araç bulacaksınız. Mucizevi tasarım ve maє garnu takımı tekhpidtrimki, yaka yardıma hazır.

Yakshcho ve siteniz için iyi bir bağlantı aramak için bu kayıt üzerinde harcadım, siz adres için.

Daha açık olmak gerekirse, WordPress için en iyi bağlantının ilk beş eklentisinden bir seçki listeledim. Özellikle iletişim bilgilerinizi yazmak istemiyorsanız veya müşterilerinizden yiyecek alma sürecini otomatikleştirmek istemiyorsanız, bunun ne kadar önemli olduğunu hepimiz biliyoruz.

Size bir web bağlantısı oluşturmak için TOP 5 WordPress eklentilerinizi sunuyorum.

1.WPFormlar

WPForms, web formları oluşturmak için genç bir WordPress eklentisidir.

artı

Sürükle ve Bırak görsel düzenleyicisi, bu eklentiyi daha da "kullanıcı dostu" (wiki için kullanışlı) yapan özelliklidir.

Hafif sürüm, eklentinin kurulumunu uluslararası alan sayısına bağlamaz.

Eklentinin ücretli sürümü şu işlevleri içerir: zengin depolama formları, posta aboneliği, ödeme formları, istek formları, sulama kontrol mantığı vb.

eksi

Ücretsiz olan hafif bir sürüm istiyorsanız, yine de eklentiyi yeni sürüme yükseltmeniz gerekir. Profesyonel sürümler, yeni işlevsellik göstermek için, "Plus" da bazı açıklamalar daha fazla.

WPForms için ana görev, koristuvachiv için daha verimli olan bir eklentinin geliştirilmesidir. HTML/CSS hakkında her şeyi bilmediğiniz için form alanlarını çok fazla düzeltmeniz gerekmez. Bu nedenle, yenisinde, diğer eklentilerde olduğu gibi, anlamak için daraltılabilir işlevler yoktur.

Gravity Forms - büyük miktarda işlevselliğe sahip olması beklenen premium bir eklentidir (elinizden geldiğince yardımcı olabilirsiniz).

artı

Kaplamasız işlevselliğe sahip sabit bir eklenti.

Eklenti, premium desteğin yanı sıra harika belgeler, SSS ve tartışma forumu tarafından desteklenir.

eksi

Yerçekimi formlarının günlük ücretsiz bir versiyonu var ve bir site için pahalı bir ürün olacak. Birkaç siteniz varsa (çoklu site), site sizin için sorun olmaktan suçlu değildir.

Ninja formları, nakit olmayan WordPress formları oluşturmak için mükemmel bir çözümdür. Son derece etkileşimli formları kalıplamak için de kullanılabilir.

artı

Eklenti, resmi WordPress sitesinden ücretsiz olarak edinilebilir. Ölçülemeyen sayıda sitede kurulum mümkündür.

kadar ücretsiz sürüm Daha da fazla özelliğe sahip olduğundan (SMS uyarıları, Freshbook'lar, Kampanya İzleme ve Salesforce gibi) premiumdur.

Vіdmіnna pіdtrimka yatağın yanından, bu arada pіdtrimka'nın yanı sıra belgeleri de rapor edin.

eksi

Bu eklentinin ana ve tek dezavantajı, yenisine dolaylı olarak eklemek istiyorsanız, koku satın alınabilir, böylece birçoğu ücretli olarak genişler.

korsan - tse ücretsiz WordPress Themeisle ekibi tarafından eklenti yazma. Sığması kolaydır ve basit şekillere uyması kolaydır.

artı

Uzak güncellemeler için zavantazhennya için kesinlikle bezkoshtovny.

Bu eklentinin birçok işlevi vardır, örneğin: Sayfayı Spam klasörüne alma olasılığını azaltmak için botların ve SMTP'nin yeniden doğrulanması için CAPTCHA.

eksi

Bu eklenti saldırıya uğradı, bu nedenle basit bir form oluşturmanız gerekiyor. Bir bakışta, daha katlanabilir hale getirmeniz gerekiyorsa, bu eklenti her şey için sizin için daha iyidir.

Nedolіk eklemeler (inshih plugіnіv), yakі pratsyut.

Hakikat! Hangi eklentinin, tomurcuklanma sonrası formlarla ilişkili diğer eklentilerden daha fazla ilgi gördüğü.

artı

Ana artı, maliyetsizlik ve çitle çevrili olmayan sayıda siteye kurulum yeteneğidir.

İletişim Formu 7, popülaritesi sayesinde pek çok perakendeciye ulaşmayı başardı, tıpkı kendileri gibi, birçok ekleme yazdı. Bazıları maliyetsiz genişler.

Є vіdminnim dopovnennyam blog için sağlıklı bir bağlantının basit bir biçimini oluşturmak için.

eksi

Nalashtuvannya formları kartpostallar için daha katlanabilir olabilir, bu nedenle arayüz biraz karışıktır.

Bezkoshtovnіst sayesinde, eklenti üzerindeki pіdtrimka minimumdur. Eklenti için ücretsiz güncellemeleri kabul edeceksiniz, ancak sorunu çözmek için - resmi WordPress veri havuzu forumuna veya ana foruma kaydolmanız gerekecek, yardım edip edemeyeceğinizi sorun.

Vipleme formları

Bu gönderide daha önce açıklandığı gibi birçok eklenti var, ek kısa kodlar için formlar eklemek mümkün olabilir.

WordPress sitesi için resmi belgeler, "Kısa Kod" un, yazılarda veya yanlarda yer alan özel öğeler oluşturmak için bir dizi işlev olduğunu yazın.

Yeni başlayanlar için, formu eklemeniz gereken her yerde kalıcı bir son oluşturmak için biraz kısa kod alın ve Popup Maker'ı değiştirin.

Aslında, yaratmanız gereken her şey kalıcı pencere bir dönüş bağlantısı şeklinde.

Visnovok

Kulaklarınızı mahvedecek bir eklenti ararsanız, onun hakkında hiçbir şey bilemezsiniz, cilt durumunda böyle olmaz. Burada başka bir tasarımdaki tek şey işlevsellik değildir.

Bunların deri bir yükseltme gerektirecektir. Size daha fazla işlevsellik katacak veya sitenin stillerini düzeltecek bir satıcı bulmanız gerekecek.

Yakіst zavzhdi satıldı, bi olmadım. Koristuytes tim, gücün yettiği kadar scho. Fırsatınız olur olmaz eklentiyi "Pro" sürümüne yükseltin veya farklı bir eklenti satın alın (belki daha fazlasını alabilirsiniz).

Satın alırken acele etmeyin, ihtiyaçlarınız için neyin pratik olduğunu analiz edin ve başarılı bir satın alma yapmanızı sağlamak için seçim ve analiz seçimlerinden daha azını yapın.

WP'nin kilitlerin arkasında böyle bir işlevi yoktur, ancak eklentiler ve motor için özel olarak yapılandırılabilir konfigürasyon kurtarmaya gelir.

İletişim Formu WordPress Eklentisi İletişim Formu 7

Rus madeni tarafından tercüme edilen ücretsiz İletişim Formu 7'yi çözeceğim. Standart bir viskon için şunları içerir:

• Posta adresleri
• Kulelerin arkasında bir telefon var
• uyarı metni
• captcha

reCaptcha'yı gönder

Eklentiyi standart olarak WordPress admin paneli üzerinden yüklemek panelde bu şekilde görünüyor.

şakada CF7

Artık Google'dan reCaptcha yapabiliriz, entegrasyon bölümüne gidip google.com/recaptcha mesajına tıklayabiliriz. Google'ın oblіkovy kaydının annesini suçlayın.

Recaptcha için zorunlu

Servise aktarın, ekran görüntüsüne tıklayın, etki alanını doğru girin, sağ alta tıklayın.

Captcha'yı siteye bağlama

Captcha, rahatsız edici anahtarlar için verileri kopyalayın.

Erişim tuşları

WordPress eklentisine geri dönün ve Entegrasyon yükleniyor düğmesine tıklayın.

Entegrasyon

reCaptcha servisine kopyalamak için keyleri giriyoruz, dağıtım kutusuna yazıp seçiyoruz.

Para biriktir

oluşturma formu

Sonlandırmaya geçelim ve yeni bir form oluşturalım. Tercihen standart rozet.

Öncelikle standart yazı

Yeni projenin adını girin ve Metin düğmesine basın, böylece kuralsız metin girsinler.

Metin alanı

Splivayuche vіkno'yu göstermek için, ihtiyaçlar için nalashtovuєmo.

Etiket oluşturucu

1. Türü, alanı doldurmak için dilin adının ne olması gerektiğini belirler, şöyle koyuyorum
2. Benzersiz tanımlayıcıyı değiştirmem
3. Cümledeki kilidin anlamı, ortasına koşacağım
4. Vykoristovuvaty, zapovnyuvacha'yı bitirir, böylece hiçbir şey girilinceye kadar tekrar yazın
5. Akismet alan raja koristuvatisya etmeyin
6. Stil eklemek için pole-imya yazarak sınıf veya kimlik girin
7. Çift alana bir etiket ekleyin

Benzer şekilde, aynı arayüz kullanılarak e-posta düğmesine basılır.

Mesaj oluşturucu

Giriş, metin yoluyla girilebilir veya doğruluğu kontrol etme işlevi kullanılabilir. Eklenti dönüştürmek chi є işareti @.

Dodaemo metin alanını ve telefonu (bajannyam için) böldü, prensip aynıdır.

Telefon düğmeleri ve metin alanı

Daha önce, WordPress'te captcha entegrasyonunu uygulamıştık, CF7'nin temel versiyonunda, kreasyonlar için kısa kodun diğer öğelerin altına yerleştirildiği captcha eklemek için bir düğme yok.

Düzenle düğmesini eklemek için kayıp, listeden seçin ve sonunda görün.

Gönderme tuşu

Sonuç olarak, böyle bir kodumuz var.

Son kod CF7

sacın güçlendirilmesi

Sayfa parametrelerini değiştir

1. Daha önce oluşturulan sulama işaretleri
2. Nereye gidileceğini göndermek için adresler
3. Bu konu kime göre, bazhannyam için zapovnyuyte
4. Başlıklar eklendi, tekrar temizlenecek
5. Değişiklikten sonra göreve başlamanın gerekli olduğu sayfanın başlığında yazılmıştır. Örneğin, Mail yazıp kelimenin önüne özel bir etiket eklemek.
6. Saldırının dibinde

tasarruf

Protesto diğer sekmeleri geliştirmek ve iyileştirmek için, farklı durumlarda görünen metni değiştirebilirsiniz.

Bir web sitesine form ekleme

Diğer tarafta kısa bir kod oluşturulur, kopyalayın.

Kısa kod

Eklenen herhangi bir kayda gidelim.

Kısa kodu yana kaydır

Bak butonuna bastıktan sonra, eserin gösteriminden siteye aktarın.

Nihai varyant

WordPress temaları perakendecilerinde pirinç garnitür - hayatı kolaylaştıran ve reçete edilmesi gerekmeyen CF7'yi destekleyen bir ürün üzerinde çalışmak iyi bir fikirdir CSS stilleri site kodunda. Temam eklentiyi destekliyor ve görüntüyü gösteriyor. Egemen değilse, tasarımı değiştirmek için cilt alanına, vikoristo yogaya kadar sınıf reçete edildi. Pereviriv bunlarla çalışır, yapraklar çabuk bulunur. Yardım için diğer yollar hakkında bilgi edinin.

Raporun tüm materyalinden önce, yalnızca oluşturma sürecini değil, aynı zamanda zrobiti garne dekore edilmiş form tüm süreç metinde tarif edilemez.

Tarlaları üst üste yatay olarak biçin

İnternete hayret ederek dondu, beceriksizce manipülasyon yapmaktan çekindi. Uzun zamandır beklenen harika kılavuzun teması olan tasarımı nasıl geliştireceğinizi size göstermeyeceğim. Formu düzenlemeye başlıyoruz ve alanları, bir sınıflı bir div'de yatay olarak hareket etmek istiyormuşuz gibi, koda hayret ederek sarıyoruz.

Ad alanını, Posta adresini ve Telefon numarasını hizalamak istiyorum. Değişikliği kaydetmeyi unutmayın.

div'de döndür

WordPress yöneticisine giriş yapın yıldızlı görünüm> Tema Düzenleyici > style.css Dosyanın sonuna WordPress anahtar bağlantısının stillerini yazın.

Flex-form(display:flex;) @media only screen ve (max-width: 655px)(.flex-form(display:block;))

Stiller yazıyoruz

Üç stil, esnek form sınıfına sahip div'in görüntüleme gücü verdiğini gösterir: satırdaki öğelerin düzenini ek parametreler boşluk eşit olarak bölünür.

Başka bir giriş, ekran boyutu 655 piksele ulaştığında, formun gücünü esnekten bloğa değiştirdiğini ve formun artık eskisi gibi bire bir alanlar ile yeniden görüntülendiğini gösteriyor. 655'teki Qia sınırı ayrı ayrı değiştirilir; mobil müştemilatlar zvorotny zv'yazyok normal görünüyordu.

Fısıltı formu

CF7 nedeniyle başvuruların kabulü olumlu. Parçalanan pencereyi görüntülemek için eklenti Popup Maker olacaktır. Anlatmayacağım, aynı paragrafta malzeme üzerinde yazıyor. Bu istatistiklerden ek üzerinde.

Elementor'a Yak ekle

Bir öğeye form eklemek için bir kısa kodu hacklemeniz gerekir. Form, yukarıdaki talimata göre, ayrıca CF7 є gibi bir kısa koda göre oluşturulmuştur. Öğede sayfanın yanına gidelim ve öğeleri aramak için bir kısa koda ihtiyacımız var.

Elementor'da lüks öğe

Elementor isteği tamamladı

Vikoristovuemo nalashtuvannya olanlar

en büyük WordPress şablonları oluşturmak için hiçbir araç yok otomatik mod zvorotny zv'azku. Ayrıca, WPShop gibi şablonlarımızın yardımcı kısa kod gibi bir işlevi olabilir. Rozbero Root'un kıçında. Katlanan tarafa geçiyorum, tabelaya bakalım.

KÖK'te Nadbudova

• [contactform] metnini yazın (yayın ortasında boşluk bırakmadan)
• Tisnemo pereglyad

Tarafı, zaten uyarlanmış, rozmіchenoy ile yöneticiden dönüş çağrısını alabileceğiniz acımasız formla kontrol etmelisiniz.

KÖK robotu tanıtılan işlevler

Widget'lar aracılığıyla geri bildirim

Bir widget'a geri bildirim eklemek kolaydır. Aktif bölgeye aktarılabilen ve kısa kodu yenisine atanabilen ek widget metni.

Zafer metni widget'ı

Başlığı belirliyoruz, metin alanına konfigürasyonu giriyoruz, bloga gidiyoruz ve dönüş bağlantısının nasıl işlendiğini merak ediyoruz.

Widget formu

Eklenti olmadan geri arama

Eklentisiz yöntemlere öncelik verirseniz, talimatlarınız vardır, internette bilirsiniz, ana kod görünürse, memnuniyetten bir istekte bulunurum.

Function.php dosyasını düzenlemek için açın, kodu en alta yazın, nasıl doğru yapılır.

/*Bağlantı için kısa kod*/ add_shortcode("art_feedback", "art_feedback"); işlev art_feedback() ( ob_start(); ?>

WordPress HTML düzeninde bir form oluşturdu ve onu kısa koda uyguladı. Bence böyle bir pidkhid akıllı olacak, böylece bloğu bir yerde tanıtabilirsin.

WordPress panelinde kapıya gidiyoruz, yazıyoruz, bakmak için basıyoruz.

Gutenberg'de herhangi bir metin bloğuna bir satır ekleyin.

Visnovok'u kayıtlara getiriyoruz

Siteye taşındıktan sonra form henüz oluşturulmadı, alanlar düzeltildi, ancak sayfa düzeltilmeyecek, çünkü PHP örnekleyiciyi bağlamaz.

Pis zovnіshnіy görünüm

Şimdi tüm kodu aktif tema ile style.css dosyasına yapıştırarak daha taze bir görünüme sahibiz.

#add_feedback ( kenar boşluğu: 20px 0 0; konum: göreceli; ) #art_name, #art_email, #art_subject, #art_comments ( dolgu: 10px 5px; ekran: satır içi blok; genişlik: %49,548; kenarlık yarıçapı: : sınır yarıçapı : : 1px katı #ddd; yazı tipi boyutu: 0.9em; ) #art_subject ( genişlik: %100; kenar boşluğu: 5 piksel 0; ) #art_comments ( genişlik: %100; ) #add_feedback .button ( kenarlık: yok; dolgu: 10 renk: #fff; yazı tipi boyutu: 1em; görüntü: devral; kenar boşluğu: 10 piksel 0 0 0; sınır yarıçapı: 3 piksel; arka plan rengi: #2f94ce; girdi: odak, #add_feedback metin alanı: odak ( renk: #444; kutu gölgesi: 0 0 3px rgba(68, 68, 68, 0.2); ) .error-text ( background: #F59E9E; padding: 15px 0px; text -align: center; color: #fff; . border: 1px düz kırmızı; dolgu: 5px 10px; satır yüksekliği: 1.1; arka plan: kırmızı; kutu gölgesi: 0 0 3 piksel 0px rgba(0, 0, 0, 0.3); ) .hata-adı:sonra, .hata-e-postası: after, .error-comments:after ( içerik: ""; konum: mutlak; sol: 20 piksel; alt: -10 piksel; kenarlık: 5 piksel kesintisiz şeffaf; kenarlık-üst: 5 piksel düz kırmızı; ) .error-yorumlar (üst: %16; sol: 0; ) .hata-adı ( sol: 0; ). 0, 128, 0, 0,5); renk: #fff; dolgu: 20 piksel .required:after ( içerik: "*"; konum: mutlak; sol: 20 piksel; alt: -10 piksel; ) #art_name:focus::-moz-placeholder, #art_name:focus:-moz-placeholder, #art_name:focus :-ms-input-placeholder, #art_email:focus::-webkit-input-placeholder, #art_email:focus::-moz-placeholder, #art_email:focus:-moz-placeholder, #art_email:focus:-ms- input-placeholder, #art_comments:focus::-webkit-input-placeholder, #art_comments:focus::-moz-placeholder, #art_comments:focus:-moz-placeholder, #art_comments:focus:-ms-inpu t-placeholder , #art_subject:focus::-webkit-input-placeholder, #art_subject:focus::-moz-placeholder, #art_subject:focus:-moz-placeholder, #art_subject:focus:-ms-input-placeholder ( renk: şeffaf )

Sunucuda style.css dosyasını güncelleyin ve yanda bir bağlantıya dönüşmüş gibi hayret edin.

Vahşet Blok

Bir feedback.js dosyası oluşturuyoruz ve kodu koyuyoruz. Zavantazhuemo, aktif temalarla js klasörüne kadar barındırma konusunda.

jQuery(document).ready(function ($) ( var add_form = $("#add_feedback"); // $("#add_feedback input, #add_feedback textarea").on("blur", function ( ) ( $("#add_feedback girişi, #add_feedback textarea").removeClass("hata"); $(".hata-adı,.hata-e-postası,.hata-yorumları,.message-success").remove() ; $("#submit-feedback").val("Geri bildirim gönder"); ));// Alan değerini gönder var options = ( url: feedback_object.url, data: ( action: "feedback_action", nonce: feedback_object. nonce ), başarı: function (request, xhr, status, error) ( if (request.success === true) ( ​​// Tüm alanlar doldurulduğu için verileri değiştirip add_form butonunun üzerine yazabiliyoruz. sonrasında("

").slideDown(); $("#submit-feedback").val("Geri bildirim gönder"); ) else ( // Alanlar doldurulmamışsa, geri bildirim $ düğmesinden görüntülenebilir ve değiştirilebilir. her(request.data, function (anahtar, val) ( $(".art_" + key).addClass("error"); $(".art_" + key).before(" " + val + ""); )); $("#submit-feedback").val("Bir şeyler ters gitti..."); ) // Başarılı gönderimde, alan değeri sıfırlanır $("#add_feedback").reset( ); ), hata: işlev (istek, durum, hata) ( $("#gönder-geribildirim").val("Bir şeyler ters gitti..."); ) );// Add_form.ajaxForm( options);) );

sunucudaki js klasörü

Şimdi function.php içindeki bazı kodlara bir göz atalım.

/*arkadaş bölümü*/ add_action("wp_enqueue_scripts", "art_feedback_scripts"); function art_feedback_scripts() ( // Alanları işliyor wp_enqueue_script("jquery-form"); // Komut dosyası dahil wp_enqueue_script("feedback", get_stylesheet_directory_uri() . "/js/feedback.js", dizi , true);/ / Ajax nesne verilerini ayarla wp_localize_script("feedback", "feedback_object", array("url" => admin_url("admin-ajax.php"), "nonce" => wp_create_nonce("feedback-nonce") ),)) ;) add_action("wp_ajax_feedback_action", "ajax_action_callback"); add_action("wp_ajax_nopriv_feedback_action", "ajax_action_callback"); function ajax_action_callback() ( // pardon dizisi $err_message = array(); // Nonce'yi doğrula. Doğrulama başarısız olursa, düzeltme engellenir (! wp_verify_nonce($_POST["nonce"], "feedback-nonce")) ( wp_die("Veri yanlış adresten teslim edildi"); ) // Spam kontrolü yapıldı. "art_submitted"])) ( wp_die("Bu spam"); ​​​) // Ad alanını boş ise kontrol ederiz , ardından gönderiyi af dizisine yazın if (empty($_POST["art_name"]) || ! isset($_POST ["art_name"])) ( $err_message["name"] = "Lütfen adınızı girin ."; ) else ( $art_name = sanitize_text_field($_POST["art_name"]); ) // Alanı kontrol et if (empty($_POST["art_email"]) || ! isset($_POST["art_email"]) ) ( $err_message["email"] = "Kibar olun, e-posta adresinizi girin."; ) elseif (! preg_match("/^[[:alnum:]]*@+\.(2,4)$/i ", $ _POST["ar t_email"])) ( $err_message["email"] = "E-posta adresi geçersiz."; ) else ( $art_email = sanitize_email($_POST["art_email"]); ) // Sayfanın boş olup olmadığını kontrol ederiz, ardından mesajı varsayılandan sonra yazarız if (empty($_POST["art_subject"])) || ! isset( $_POST["art_subject"])) ( $art_subject = "Site hakkında bilgi"; ) else ( $art_subject = sanitize_text_field($_POST["art_subject"]); ) if (empty($_POST) affı dizisi ["art_comments"]) || ! isset($_POST["art_comments"])) ( $err_message["comments"] = "Lütfen yorumunuzu girin."; ) else ( $ art_comments = sanitize_textarea_field($_POST["art_comments) "]);) // Pardon dizisi işaretli ise boş değilse not gönderilir. Aksi takdirde listeyi if ($err_message) ( wp_send_json_error($err_message); ) else ( // Adresi belirtin $email_to = ""; // Eğer muhatap bir sipariş değilse, o zaman siteden veri alırız. (! ) $email_to) ( $email_to = get_option("admin_email"); ) $body = "Ad: $art_name \nEmail: $art_email \n\nUyarı: $art_comments"; $başlıklar = "Kimden: " . $ sanat_adı . "<" . $email_to . ">" .\r\n" . "Yanıt:" . $email_to; // wp_mail($email_to, $art_subject, $body, $headers); // Başarılı düzenleme hakkında bilgilendirme $message_success = "Bildirim gönderildi. Bir dahaki sefere sizi arayacağım."; wp_send_json_success($message_success); ) // Her vipadok hakkında bir kez daha ajax işlemine girelim wp_die(); )

Formu pratiklik için gözden geçiriyoruz. Sorun suçlanabilir, çünkü js dosyasını WordPress temasına yanlış eklediniz ve yeni reçetenin yolu doğru değil, ancak ayrı bir kodda farklı bir kodda // Komut dosyasını bağlama.

Zapovnyuemo o nadsilaemo sayfası

Böyle bir sayfa, iade fermuarlı postaya gönderilmelidir.

Sonra ne yapacağız

Görünüşe göre içeri girdiler, üç farklı yöntem kullanarak WordPress'te bir tür geri bağlantı oluşturabilirler, sanki yiyecek olacakmış gibi, sonra sor, çöz. Başarı!

ben uyuyorum ben uymuyorum

İyi gün dostları! Bu derste size ek eklentiler için bir WordPress iletişim formunun nasıl oluşturulacağını öğreteceğim. WordPress'teki geri arama formu, hedef kitleleriyle iletişim kurmak veya her türlü hizmet için e-posta adresine başvuru kabul etmek isteyenler için ideal çözümdür. Kalıcı pencerede formun nasıl çalışacağını sizden öğreniyoruz. Bu makaleleri okuduktan sonra, formu sitenize bağımsız olarak ekleyebilirsiniz. O zaman hadi gidelim.

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

Belki de neden WordPress sitesine bir hoşgeldin bağlantısına ihtiyacım olduğunu memnuniyetle karşılarsınız? Neden sadece e-posta adresini siteye eklemiyorsunuz ki insanlar bana yazsın?

Programlama bilgisi olmadan siteye form kodunu eklemekten korktukları için bu, yeni başlayanlar için en kapsamlı besindir. Gerçeği söylemek gerekirse, WordPress'te bir web bağlantısı oluştururken herhangi bir koda ihtiyacınız yoktur. Yardımcımız için azar azar bir iletişim formu oluşturuyoruz ve en mutlak yeni geleni oluşturabiliriz.

Aşağıda, en iyi formun daha iyi olmasının üç ana nedenini belirteceğim, aşağıda sadece adresi siteye ekleyin.

• – kıskanılacak bir düzenlilikle spam botları, posta adreslerini ayrıştırmak için ayrıştırıcılarını kullanır, posta alanının bilmecesini çözer ve veritabanlarına girer, böylece sizi yazışmaları görmezden gelmeye zorlayabiliriz. Öte yandan, WordPress için bir geri bağlantı oluşturursanız, ekranınızdaki spam listeleri sorununun önüne geçersiniz.
• Bilginin tekrarı - aşırı gerildiğinde, insanların ihtiyacınız olan tüm bilgileri zorlaması gerekmez. Ek bir iletişim formu için, hangi alanlara ihtiyacınız olduğunu kendiniz belirlersiniz, böylece muhabirlerinizin size bir sayfa (isim, e-posta, telefon numarası, yorumlar ve daha fazlası) göndermesi daha kolay olacaktır.
• Zamandan tasarruf, zamandan tasarruf etmenize yardımcı olacak bir WordPress geri bağlantı biçimidir. Daha fazla bilgi için koristuvach ve ihtiyacınız olan vin'i istediniz ve ayrıca saldırgan timsahı kontrol ettiğinizi de söyleyebilirsiniz, örneğin, “Başvurunuz 24 yıl boyunca incelenecek” veya videoya hayran kalmak ve diğer birçok eksiklik.

Aşağıda, size yardımcı olmak için yaptığım iletişim formunun alt kısmı var.

Hadi efendim.

Krok 1: WordPress için en iyi bağlantı formu eklentisini seçme

Bu aşamada farklı bir form eklentisi seçmemiz gerekiyor. Bezkoshtovnyh gibi kişisel değildir, yani ücretlidir. Bu derste size farklı eklentilerden bahsedeceğim, böylece zengin bir seçiminiz olacak. İlk adımda WPForms eklentisi kurulu olacaktır.

WPForms'un en kısa ağ geçidi eklentisi olmasının nedenleri aşağıdadır:

1. İlk olarak, yeni başlayanlar için en kolay eklenti. Gerekli blokların basit sürükle bırak yöntemini kullanarak, bir kilka tıklamasında bir iletişim formu oluşturabilirsiniz.
2. WPForms Lite tamamen maliyetsizdir.
3. Daha zor işlevsellik için hazırsanız ve bu sizin için doğruysa, Pro sürümüne geçebilirsiniz.

Nitekim gerekçeler de yettiği için sizi yeniden fethettim, sonra hızla ilerliyorum.

Crook 2: WordPress İletişim Formu Eklentisini Yükleme

Bu ders için Lite sürümünü kullanıyoruz çünkü robotta ücretsiz ve kullanışlı. Blogunuza yükleyebilir ve Eklentiler - Yeni Ekle'ye gidebilirsiniz.

Bir şaka satırına eklentimizin adını yazıp, Şimdi yükle (Bir kerede yükle) yazıp kabartıyoruz.

Eklenti yüklendikten sonra, etkinleştirilen değiştirin. Tse burada gösterilir:

Crook 3: Bir WordPress İletişim Formu Oluşturma

Daha sonra, eklentinin aktivasyonunun başarıyla tamamlanmasından sonra, erdemli bir bağlantı formunu oluşturma zamanı. Bu blog için, blogun yönetici panelinde WPForms Menu sekmesine tıklayın ve Yeni Ekle'ye gidin.

Wpforms yapıcısını açmanıza izin vererek, sadece gerekli blokları sürükleyip bırakalım, WordPress ağ geçidi için bir iletişim formu oluşturabilirsiniz. Lite'ın mat olmayan versiyonu, iki hazır şablona sahiptir (boş ve basit form). Hepsini bir kerede yenebilir, böylece sizin için gerekli ve kullanışlı olanları katlayabilirsiniz. Bu başvuru için sizin için başka bir seçenek seçtiler, bu basit bir iletişim formu. Onu dodamo im'ya önce, E-posta ve metin alanı.

Yoga yapmak için cilt alanına basabilirsiniz. Ayrıca, yardım için formdaki alanların sırasını sürükleyip değiştirebilirsiniz.

Yeni bir alan eklemek istiyorsanız, listeden doğru olanı seçin ve alanı işçiden sürükleyin.

Her şey kaydedildiyse, Kaydet düğmesine basmanız yeterlidir.

Krok 4: Nalashtuvannya'nın anılması ve onaylanması

WordPress'te dönüş bağlantısının formunu başarıyla oluşturduğunuz için, bu onayın onay formunu doğru bir şekilde ayarlamak önemlidir.

Onay formu, formdan başvuru yapmanız durumunda muhabirlerinizle birlikte çalışmanız gereken formdur. Tse mozhe buti vodomlennya podiaki veya onları farklı bir özel tarafa yönlendirebilirsiniz.

Bildirim Formu - Bu, WordPress sitenizden yeni bir başvuru veya e-posta listesi alırsanız kabul edebileceğiniz bir bildirim formudur.

WPForms form oluşturucu eklentisinin ortasındaki Ayarlar'a giderek alanları özelleştirebilirsiniz.

Akıllara bir chipati koymadık ve Form Onayı'nın böyle bir alanını “Mektubunuzdan dolayıdır” hatırlatmasıyla dışarıda bıraktık. Ancak, onu farklı bir metne değiştirebilir veya koristuvach'ı farklı bir tarafa yönlendirebilirsiniz.

Herkes için en iyi eklentiler, sabit olanlardır, örneğin kilitlere gitmek gibi, sadece yeni başlayanlar için mükemmeldir. Neyin işe yarayacağını veya neyi değiştireceğinizi düşünmenize gerek yok. Her şey sezgisel olarak anlaşıldı ve basitti. Customize Reminder'a giderseniz tüm alanlar dinamik olarak doldurulacaktır.

Zamovchuvannyam için povіdomlennya nadsilayutsya, sipariş ettiğiniz gibi bu gönderide. Hatırlatıcının muhatabını değiştirmek isterseniz de kolayca değiştirebilirsiniz. Postanın adresini belirtmek istiyorsanız (lütfen biri aracılığıyla belirtin), kibar olun, kartlar elinizde, öyle görünüyor 🙂

E-posta konu alanı, form adlarınızla otomatik olarak doldurulacaktır. İm'ya sahası koristuvach (sizin adınız) adıyla kardeş olacaktır. Listeye başvurursanız, iletişim formunu doldurarak koristuvach adı ile postaneye gideceksiniz.

Crook 5: Kenar Çubuğuna WordPress İletişim Formu Ekleme

Öte yandan, ondan bir adak bağlantısı formu oluşturmasını istediyseniz, onun için yerleştirebileceğiniz bir “İletişim” sayfası oluşturmanız gerekir. Ya yenisini oluşturuyorsunuz ya da temel tarafı düzenliyorsunuz, ekleyebilirsiniz.

Sayfaya form eklemek için basit bir kısa kodumuz var. Sadece "Form ekle" düğmesine basın ve yan tarafa eklemek için formunuzun adını seçin.

Chudovo. Şimdi bir taraf alın ve değişime yardımcı olmak için bir inceleme açın.

Eksen, basit bir WordPress tarafında kabaca görünür biçimdedir:

Sadece formu yan tarafa eklemek istersen, seni yenerim. Bıyıklar başarıyla ezilir. Kenar çubuğunda gördüğünüz widget'a bir şeyler eklemek istiyorsanız aşağıdan devam edin.

Crook 6: Kenar Çubuğuna WordPress İletişim Formu Ekleme

WPForms eklentisi, kenar çubuğuna veya sitedeki herhangi bir alana (örneğin, altta) ekleyebileceğiniz bir geri arama oluşturan yerleşik bir widget ile birlikte gelir.

Kimler için Görünüm-> Widget'lar bölümüne gitmemiz gerekiyor. Orada sol kısımda form widget'ının kurulumunu görebilirsiniz. Sadece alıyoruz ve kenar çubuğundaki gerekli alanda dönüş sırasını belirliyoruz.

Adım adım, widget'ın adını belirtin ve seçin. Siteye gidin ve sonuca hayran kalın.

Eklentimizin ilk bakışta WPForms geri arama formu tamamlandı. Ale, özellikle sizin için, birleştirilmiş bir pivot bağlantı biçimini ve öndeki tüm yongaları oluşturabileceğimiz bir bezkoshtovny eklentisine bir bakış hazırlıyorum. Vіn, İletişim Formu 7 olarak adlandırılır. Vіn gerçekten daha zor ve kozir yogo vin gerçeğinde ÜCRETSİZ olacağım!

Ayrıca, ters çevrilmiş bağlantının şekli, uzantınızın ekranına eklenecek şekilde uyarlanabilir hale getirilebilir.

Yani, her vapadok hakkında, böylece kokunun ne olduğunu bilirsiniz.

Yardım için bir iletişim formu nasıl oluşturulur İletişim Formu 7

Prodovzhuєmo razbiratsya, sitenizden başvuru almak için formların oluşturulmasının sağlanmasında. Önümde WordPress'in iletişim formu için Contact Form 7 adı altında bir eklenti daha olabilir. Blogumuza yükleyip aktif edelim ki çalışsın.

Blogumda değil, sitemde zaten yüklü. Prosedür standarttır. Şimdi blog yöneticisine gitmemiz ve yeni bir form oluşturmamız gerekiyor, böylece uygulamaları ve diğer temel bilgileri toplayabiliriz. “İletişim Formu 7” bölümüne gidin -> Yeni bir tane ekleyin.

Mucizevi! Şimdi adınızı verelim, farklı iletişim formları çok zengin. Birini seçiyoruz, örneğin "Siteden geçmek için başvuru şekli"

Burada neye ihtiyacımız olacağını kısaca açıklayalım. Nasampered, büyümek istediğimiz formları daha fazla sulama alanı belirlememiz gerekiyor. 100.500 su emeğin gerekli olmadığını ve aptalca olduğunu bir kez daha söyleyeceğim, bu yüzden insanlar sitenizi kapatıyor ve başvuru formu doldurmuyor. Їm sonraki adım. Bunu düşünmek için, o zaman aşağıdaki gibi insanlara ihtiyacımız var:

1. Yogo im'ya, yeni hayvana schob
2. adresleri gönder
3. Hemen aranacak telefon numarası
4. Vlasne düğmesi "Günlük"

Bunlar ana verilerdir, aksi takdirde listeyle aynı anda veya telefonla hemen alabilirsiniz. mantıklı mı? Bence de. Acele et.

Contact Form 7 eklentisinde iletişim formu alanları oluşturun

Yani, atadığımız sulama miktarı için şimdi bu alanları oluşturmamız gerekiyor. Aşağıdaki tabi'ye sahibiz:

• Metin (Bir metin alanı olsun, örneğin "Im'ya", "Yemek sor" veya farklı bir isim olsun, bu alandan seçebilirsiniz)
• E-posta
• URL (bu alana sitenin adresini girin, diğer değerler kabul edilmez, affınızı görürsünüz)
• Tel (WordPress'teki geri arama formumuz için bir telefon numarası içeren bir alan, geçerli sayısal değerler, metin affolacak)
• Sayı (Sayı aralığı değeri, örneğin fiyata kadar ücretlendirebilirsiniz: "Site için ne kadar ödemeye hazırsınız? 23.000 ila 120.000 ruble")
• Tarih (Herhangi bir indirim için tarihi belirtin. Örnek: “13/04/2016 - 25/04/2016 arası zırhlı araç”)
• Metin Alanı (Metin alanı, buraya yorum olarak metin girebilirsiniz)
• Aşağıya doğru açılan menü Benim adıma uygulandı, hayret edebilirsiniz. Örneğin, cilt istatistikleri, basit bir sitenin veya çevrimiçi bir mağazanın oluşturulmasını yayacağım. Aynı işlevsellik bu seçenek tarafından sağlanır.
• Onay kutuları (birden fazla seçenek, örneğin: Web sitesi + Logo oluşturma + zorlama + içeriğe dayalı reklamcılık)
• Radyo düğmeleri (Herhangi bir öğeyi seçin, örneğin: "İçeriğe dayalı reklamcılık veya hedefleme soruyorsunuz")
• Kabul
• Sınav (Sınav - bir dizi kısa sınav, ayrıca iletişim formuna da ekleyebilirsiniz).
• reCaptcha (Robot olmadığınızın ve spam göndermediğinizin teyidi.) Garniy spam'e karşı zahist. Not: Bu seçenek, Really Simple Captcha eklentisini etkinleştirdiğiniz için çalışır.
• Dosya (Çalışanlara size bir dosya alma fırsatı vermek istiyorsanız, örneğin: "Sitenin gelişimi için TK ekleyin").
• Gönder (Postaya veri gönder)

Otzhe, atadığımız alanlar ile derinin anlamını biliyorsunuz. WordPress iletişim formumuzu oluşturmaya başlayalım.

Aşağıdaki uygulamada 2 alanım var: İsim, E-posta. Aşağıdaki sekmeleri bilmeniz gerekir:

Metin sekmesine (Metin) tıkladıktan sonra, iletişim kutusunda görebiliriz:

Burada Field Type - Obov'yazkove onay kutusuna tıklamamız gerekiyor. Sıra bozuk, yeni bir isimle coristuvach girmezseniz, af varsa, tüm alanlar doğru doldurulmazsa, şarap talebi gönderemezsiniz.

İlk alanı ve mavi "Etiket ekle" düğmesini eklemek için bir kısa kod soralım. Bu sayede iletişim formuna yeni bir alan eklemiş olursunuz.

Böylece kaybolmazsınız, yogayı şık bir şekilde gördüm. Aşağıdaki kod:

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

Ve ekran ekseni:

"E-posta" alanında da benzer bir işlem gerçekleştirilir. Açık sekmeye tıklayın ve sonunda aynı iletişim kutusunda kullanın.

Kesinlikle önden hiçbir şey duyulmuyor, biz sadece sizinle eylemlerimizi tekrarlıyoruz. E-posta alanım aynı stile sahip. Kodu aşağıya koyuyorum:

< div class = "col-md-4" > < label class = "sr-only" >Tam E-posta< / label >[email* email - 447 class : form - kontrol yer tutucusu "(!LANG:(!LANG:E-postanız)" ] !}!}< / div >

Ve ekran ekseni:

І, nareshti, Gönder düğmesi (Verileri gönder). Stillerde bana Vaughn.